1、如何学好网页设计？
需要有一个明确的学习路线 也就是类似提纲的东西
在网页设计的认识上，许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件，就能搞好网页设计了。这种理解很狭隘。
其实网页设计是一个感性思考与理性分析相结合的复杂过程，它的方向取决于设计的任务，它的实现依赖于网页的制作。正所谓“功夫在诗外”，网页设计中最重要的东西，并非在软件应用上，而是在我们对网页设计理解以及设计制作水平上，在于我们自身美感以及对页面把握上。
首先，我们要弄清楚网页设计的任务。
一、设计的任务
设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者意图，而并非创造美。
网页设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类。
第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。
第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。然而就现状上来看，这类网站有粗制滥造嫌疑。
第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。
当然，这只是从整体上来看，具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点，那就是客户的要求，它也属于设计的任务。
明确了设计的任务之后，接下来就是要想如何完成整个任务了。
二、设计的实现
设计的实现可以分为两个部分。第一部分为站点规划及草图绘制，这一部分可以在纸上完成。第二部分为网页制作，这一过程是在计算机上完成的。
设计首页的第一步是设计版面布局。我们可以将网页看作传统报刊杂志来编辑，这里面有文字、图像乃至动画，我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。
除了要有一台配置不错的计算机外，软件也是必需的。不能简单地说一个软件的好坏，只要是设计者使用起来觉得方便而且能得心应手的，就可以称为好软件。当然，它应该能满足设计者的要求。笔者常用的软件是Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，这些都是很不错的软件。
接下来我们要做的就是通过软件的使用，将设计蓝图变为现实，最终集成一般是在Dreamweaver里完成的。虽然在草图上，我们定出了页面大体轮廓，但是灵感一般都是在制作过程中产生的。设计作品一定要有创意，这是最基本的要求，没有创意的设计是失败的。在制作过程中，我们会碰到许多问题，其中最敏感的莫过于页面颜色了。
三、色彩的运用
色彩是一种奇怪的东西，它是美丽而丰富的，它能唤起人类的心灵感知。一般来说，红色是火的颜色，热情、奔放；也是血的颜色，可以象征生命。黄色是明度最高的颜色，显得华丽、高贵、明快。绿色是大自然草木的颜色，意味着纯自然和生长，象征安宁和平与安全，如绿色食品。紫色是高贵的象征，有庄重感。白色能给人以纯洁与清白的感觉，表示和平与圣洁。
我们知道，颜色是光折射产生的，红、黄、蓝是三原色，其它色彩都可以用这三种色彩调和而成。换一种思路，我们可以用颜色的变化来表现光影效果，这无疑将使我们的作品更贴近现实。
色彩代表了不同的情感，有着不同的象征含义。这些象征含义是人们思想交流当中的一个复杂问题，它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。
单纯的颜色并没有实际意义，和不同颜色搭配，它所表现出来的效果也不同。比如绿色和金黄、淡白搭配，可以产生优雅，舒适的气氛。蓝色和白色混合，能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。而金色和粟色的搭配则会给人带来暖意。设计的任务不同，配色方案也随之不同。考虑到网页的适应性，应尽量使用网页安全色。
但颜色的使用并没有一定法则，如果一定要用某个法则去套，效果只会适得其反。经验上我们可先确定一种能表现主题的主体色，然后根据具体的需要，应用颜色的近似和对比来完成整个页面配色方案。整个页面在视觉上应是一个整体，以达到和谐、悦目的视觉效果。
四、造型的组合
在网页设计中，我们主要通过视觉传达来表现主题。在视觉传达中，造型是很重要的一个元素。画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里，是需要点、线、面的共同组合与搭配来构造整个页面的。
通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交叉、节奏、韵律、归纳、变异、特写、反射等等，它们都有各自的特点。在设计中应根据具体情况，选择最适合的表现手法，这样有利于主题的表现。
通过点、线、面的组合，可以突出页面上的重要元素，突出设计的主题，增强美感，让观者在感受美的过程中领会设计的主题，从而实现设计的任务。
造型的巧妙运用不仅能带来极大的美感，而且能较好地突出企业形象，而且能将网页上的各种元素有机的组织起来，它甚至还可以引导观者的视线。
五、设计的原则
设计是有原则的，无论使用何种手法对画面中的元素进行组合，都一定要遵循五个大的原则：统一、连贯、分割、对比及和谐。 关键字： 网页制作 学习|网页设计技巧|网页设计的原则|
2、怎么做好网页设计？
网页设计是一个综合性的，工作，他不但但要求你用美术，美术只是其它一门最重要的，
还有社会文化的了解，对各方面艺术的精通，精懂，你才会，有更出色的作品，更好的创意，
有时候灵感，就是原自每个人的生活，和我们十分相近，只要用心观察，用心学习，就会有进步的
首先，基础的工具软件，PS FLASH DW AI 3DMAX这些都要求会使用，并用其做出效果
然后，你要用HTML CSS JAVASCIRPT 有所了解并学习，基础客户端语言编程，
在则，你最好，了解后，能进一些好的北京地方的，科班进行学习深造，了解构图方法和一些设计理念以备在自己的工作中加以应用，
最后，就是，学完后，不一定说明你就是最好的优秀的，各各方面，要看你自己的能力，是否，会来到这个行业中，去学习去进步跟你的团队一起完成一个提案，等，都 是问题，最好学好以后去一些公司实习，或一边实习一边学习，建意你从平面设计开始学起，从平面设计转入交互设计，会有一守的过滤，这样对你日后 ，发展有一定的帮助，
3、网页设计的几个要素是什么？
(一)图片要素
图片并不适合于所有的网页，而是和网页的主要内容有关，有些网站，来访者并不在意网页是否可以做出精美的图片，他们所关心的只是网站中的内容，如果加入大量的图片，来访者反而觉得过多的图片会影响访问的速度;而像游戏网站、风景名胜网站和影视介绍网站，则需要大量精美的图片作为依托。在这类网站中，图片是一个极其重要的要素，如果这类网站少了做工精美的图片，那么整个网站都会显得黯然失色。要做出精美漂亮的图片，就需要设计者熟练掌握图形图像设计软件，还要有一定的美术基础和创意技巧。
(二)排列方法要素
网页的排列方法也叫做网页布局，这是网页设计中尤为重要的一环。网页作为一种版面，既有文字又有图片，文字有大有小，有标题和正文之分，图片有横竖之别。我们要用完美的格式将文字和图片同时展现给来访者，而不能将其简单地罗列在一起，给人一种杂乱无章之感。关于网页布局，常见的有“国”字型、标题正文型、拐角型、左右框架型、上下框架型、综合框架型等多种方式，我们要根据网页的内容来进行选择。如网页内容丰富繁杂，就需要考虑用“国”字型或拐角型，而如果网页内容比较少则可以选择标题正文型。关于网页布局，我们要灵活多变地来进行设计，这样才能不断提高和丰富我们的网页。
(三)主色调要素
主色调要素也就是色彩要素，色彩在网页中占有很大的比重。我们在进行网页主页设计时，利用合理清新的色彩可以弥补主页上的其他不足。当然，在网页页面的色彩搭配选择上与网站的主题是分不开的，一个网站在色彩的选择上不能太多也不能太少，这样既可以避免浏览者因色彩过多而迷失方向，也不至于色彩单调而乏味。
4、网页设计难不难学，有什么技巧吗？
我个人而已，学起来不是很难，技巧的话，就是要去理解盒子与盒子之间的关系，并记住各种标签
5、Dw网页设计制作9个小技巧，你都会吗
1）怎样将 Dreamweaver 集成到 IE 浏览器？
Dreamweaver 安装程序会在上下文选单增加一个“ Edit with Dreamweaver ”命令，我们还可以修改 Windows 的注册表使它与 IE 集成。就象 MS Word 、 Frontpage 和 Notepad 一样，通过 IE 工具栏的编辑按钮来调用 Dreamweaver 打开当前网页。
将下面文本的最后一行要改为你自己的 Dreamweaver 安装路径，把它们保存为一个 *.reg 文件，双击它将信息添加到注册表即可。
REGEDIT4
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit\command]
@="C:\Program files\Macromedia\Dreamweaver 3\dreamweaver.exe %1"
如果要设置为 IE 缺省的编辑器，打开 IE 的“Internet 选项”，在程序标签指定。
2）为了使用某些脚本，经常要为图形或文本加上空链接，但是浏览时点击有空链接的对象时，会跳到页面的顶端，如何避免？
因为浏览器以为链接到同一页，可它又找不到定义的书签（ anchor ），于是停留在页面的顶端。用“ javascript:void(null) ”替换空链接的“ # ”，解决这个问题。
3）使用 CSS 、层的时候，在不同浏览器的效果不一样，有时甚至出现错位现象，怎样解决？
在对不同浏览器的兼容方面， Dreamweaver 作得不错，但绝不意味用 Dreamweaver 作出的网页在 IE 和 Netscape 中完全一样。通常情况下，用不同的浏览器浏览同一个网页的外观不可能完全一样，这是不同厂家的浏览器本身决定的。
一般要尽量注意以下问题：
不要混合使用层和表格排版，如果是父子关系，如层中表格，不在此原则范围内；
内联式的 CSS 在 Netscape Navigator 中经常会出现问题，使用链式或内嵌式；
有时需要在空层插入表格或者透明图片，以保证在 Netscape Navigator 里的效果。对于只有几个像素宽度或高度的层，改用图片来实现；
避免使用 W3C 组织不推荐的排版属性，用 CSS 代替。
4）为何从别的文档拷贝文本到 Dreamweaver ，所有的段落会挤成一团，而在 Dreamweaver 内部又带有格式代码？
Dreamweaver 复制和粘贴文本有二种类别，标准的方式将对象连同对象的属性一起复制，把剪贴板的内容作为 HTML 代码；另一种方式仅复制或粘贴文本，复制时忽视 html 格式，粘帖时则把 html 代码作为文本粘贴。多按一个“ Shift ”（ Ctrl+Shift+C/Ctrl+Shift+V ）键即按后一种方式操作。
5）为什么网页用 IE 浏览正常，用 Netscape Navigator 却不符合要求甚至出错，而且在 Dreamweaver 的文档窗口老是修改不好？
请检查代码。因为用所见所得编辑器反复修改页面的某些部分，有时会留下一些多余的代码，比如多余的链接，这些代码在 Dreamweaver 的文档窗口看不到， IE 会忽视它们。但是 Netscape Navigator 对代码要求更严格，预览时就出现不可思议的现象。
6）在 Netscape Navigator 中，有些书签（ anchor ）不起作用，有些好象消失了？
Netscape Navigator 的书签是大小写敏感的。在 Navigator 中，多层嵌套的表格里面的书签会丢失，把书签放到表格外面。
7） Dreamweaver 文档窗口布满了各种各样的面板，为了编辑文档，不得不扒开一个个空隙，太累，如何是好？
一个 800X600 分辩率的屏幕对于 Dreamweaver 来说确实小了些，不过即便是 1024X768 ，也放不下所有的面板。关键是好好组织。
关闭那些在编辑中暂时用不到的面板，把常用的面板放在一起，节省屏幕空间；
除非现在要用，否则关闭“ HTML Source Inspector ”，它除开占用屏幕空间，还占用相当的系统资源；
按 F4 隐藏所有打开的面板，一览文档的全貌，再按一下，显示面板；
在“ Windows ”选单有个“ Arrange Floating Palettes ”命令，使用这个命令将所有打开的面板放在窗口四周，并互不重叠。
多用快捷键并熟练掌握是很好的提高工作效率的方法。
当添加不可见的对象时，Dreamweaver会在文档窗口的页面顶部加上相应的图标，如果图标太多，可能妨碍编辑。可以按“Ctrl+Shift+I ”（主选单 View|Invisible Elements ）来隐藏和显示它们。也可以设定不出现这些图标，不过不建议这样作，因为它们能帮助选择对象，便于编辑。
8） Head 对象面板只能添加内容，能在文档窗口修改 标记的内容吗？
可以。有一种非常直观的方式，按“ Ctrl+Shift+W ”（主选单 View|Head Content ），在文档窗口主选单栏下出现一行图标，点击这些图标修改。
9）如何选择表格、层里面那些非常小的，比如 1X1px 的图片？
在表格的单元格中点击，然后按下“ Shift ”键，用箭头键移动即可选择。
也可先选定表格单元（按下 Ctrl 键，用鼠标点击相应单元）或者层，然后在“ HTML Source Inspector ”面板中选择高亮代码中的 ，返回文档窗口，图片即被选择。
6、网页制作有哪些技巧？
1.对比图像，文字更具吸引力
2.眼球的第一运动聚焦于网页的左上角
3.用户浏览网页时，首先观察网页的左上部和上层部分，之后再往下阅读，浏览右边的内容
4.读者会忽视横幅广告
5.花哨的字体和格式被忽视
6.用数词来代替数字
7.字体大小影响浏览行为
8.遇到感兴趣的内容，用户仅会多看一眼副标题
9.人们大都只浏览网页的小部分内容
10.简短的段落相对于长段落来说有更好的表现力
11.根据视觉锁定，一栏格式比多栏格式拥有更好的表现力
12.网页顶部和左边的广告更能吸引眼球
13.将广告放置与最佳内容一旁也可以提升注意力
14.在各种测试中，人们阅读文字广告最为专心。
15.越大的图像吸引越多的注意力
16.干净、清晰的特写图片能吸引更多的视觉注意
17.标题能吸引眼球
18.用户花费大量时间察看按钮和菜单
19.表单格式可以延长读者的注意时间
20.避免呈现大块的文本
21.格式可以吸引注意力
22.利用好空白
23.放置于网页顶部，导航工具的作用将更好的发挥
7、网站设计有什么技巧或者说注意点？
1、使用者优先的观念
无论什么时候，不管是着手准备设计HomePage之前。正在设计之中，或者已经设计完毕，有一个最高行动准则一定要牢记在心，那就是∶使用者优先。因为没有使用者去光顾， 任何自认再好的HomePage都是没有意义的。
2、考虑大多数人的连线状况
您或许使用办公室的ISDN，也可能使用学校的高速专线，但您都必须知道，目前大多数人所使用的还是14.4K或28.8KModem透过电话线路的缓慢连线方式 ，而且塞车塞得很严重。所以您在设计HomePage时就必需以这种普遍状况为设计参考量，不要放置一堆会加重塞车情形或让人等得发火的东西。最后，完成之后, 您最好自己透过远端Modem拨接上网的方式来亲自测试一下。
3、考虑使用者的浏览器
其次，必需考虑使用者的浏览器软件，如果您想要让所有的人都可以毫无障碍地观看您的HomePage，那么最好使用所有浏览器都可以阅读的格式，不要使用只有部份浏览器可以支持的HTML格式或程序技巧。如果想要展现自己的高超技术又不想放弃一些潜在观众，可以考虑在主页中设置几种不同的观赏模式选项（例如纯文字模式、Frame模式、Java模式等等），供浏览者自行选择。
4、内容第一
“内容永远第一”，这句话适合书本，更适合网络上的HomePage，而且几乎每个参与提供意见的人都举双手赞成这句话。没有内容的书本已经够令人讨厌， 但至少您还可以很快判断出来，而HomePage呢？您可能得耗费一整个晚上的时间与金钱，才会发现原来网站里根本没有您要找的东西，这种痛苦真不是三言两语可以形容。内容可以是任何东西，包括文字、图片、影像、声音等等，但请记住一点：一定要跟这个网站所要提供给人的讯息有关系。再提醒一次∶内容永远第一！
一个好的网站在进行实际的HomePage建置之前，首先应该考虑什么条件呢?它们包括有：牢记使用者优先的观念、考虑大多数人的连线状况、考虑使用者的浏览器，以及内容第一等等。再来看看在着手HomePage的实际建置过程中，所应该掌握的几个重点原则。
5、着手规划、确定特色、锁定目标
不管做什么事，一定要进行规划，建置网站更是如 此。规划时必须确定自己网站的性质、 提供内容、目标观众，然后根据本身的软硬件条件来设置范围。网络的特色是及时、新鲜、丰富、热闹，这是吸引大家上网的条件，如果本身条件强大，可以根据上述原则使自己网站成为一个全方位的信息提供者，如果不足，就成为单方面的提供者；此外，还可以在特殊议题或主题上加以突出，进一步锁定目标观众。
6、第一页很重要
第一页是最重要的东西，因为它是别人认识这个网站的第一印象。如果是新开幕的站台，最好在第一页就对这个网站的性质与所提供内容做个扼要说明与导引，让别人判断要不要继续进入里面。最好第一页就有很清楚的类别选项，而且尽量符合人性化，让参观者可以很快找到需要的主题。在设计上，最好秉持干净而清爽的原则。第一、若无需要，尽量不要放置大型图形文件或加上不当的程序，因为它会增加下载时间，导致观赏者失去耐心；第二、画面不要散置得太过杂乱无序，因为观赏者会找不到东西。记住：失败的第一页会让许多人掉头远去，不可不慎。
7、分类
内容的分类很重要，可以按主题分类、按性质分类、按机关组织分类，或按人类思考直觉式地分类等等，一般而言，按人类的直觉式思考会比较亲切。但无论哪一种分类方法，都要让使用者可以很容易找到目标。而且分类方法最好尽量保持一致，若要混用多种分类方法也要掌握不让使用者搞混的原则。此外，在每个分类选项的旁边或下一行，最好也加上这个选项内容的简要说明。
8、互动性
WWW的另一个特色就是互动。好的网站 HomePage必须与使用者有良好的互动性，包括在整个设计呈现、使用介面导引上等等，都应该掌握互动的原则，让使用者感觉他的每一步都确实得到适当的回应，这部份需要一些设计上的技巧与软硬件支持。事实上，好的网站HomePage设计必须加上个人技巧、经验累积以及软硬件技术的配合运用等。
9、图形应用技巧
图形是WWW网站的特色之一，它带有醒目、吸引人以及传达讯息的功能，好的图形应用可以让HomePage增色不少 ，但不当的图形应用则会带来反效果，而其中又以大量使用无意义及大型的图形成为HomePage的败笔。笔者建议，如果可以，应尽量缩小或省略图形。目前国内的网络传输资源极为有限，因此使用图形时一定要考虑传输时间的问题。根据经验与统计，使用者可以忍受的最长等待时间大约是90秒钟，如果您的HomePage无法在这段时间内传输并显示完毕，那么使用者就会毫不留情掉头离去。因此必须依据HTML 文件、图形文件的大小，考虑传输速率、延迟时间、网络交通状况，以及服务端与使用者端的软硬件条件，估算HomePage 的传输与显示时间。在图形使用上，尽量采用一般浏览器均可支持的压缩图形格式，例如JPEG与GIF等，而其中JPEG的压缩效果较好，适合中大型的图形，可以节省传输时间。如果真要放置大型图形文件，最好将图形文件与HomePage分开，在HomePage中先显示一个具有连结功能的缩小图档或是一行说明文字，然后加上该图形文件大小的说明（例如100KB），如此不仅加快HomePage的传输，而且可以让使用者判断是否继续进入观看。
10、图形加上说明
此外，还有一点要特别提醒，许多网站建置者常常忽略了这件事。为了节省传输时间，许多人习惯采用“关闭图形“ 的模式再观看您的HomePage（甚至有人使用纯文字的浏览器 ）。因此当您在放置图形时，一定要记得为每个图形加上不显示时的说明文字（也就是在HTML文件中的图形文件后面加上alt文字说明），如此使用者才能知道这个图形代表什么意义，判断要不要观看。特别是如果这个图形具有可连结的选项功能时，千万记得一定 要加上说明文字，并给予同样的可连结功能。
11、背景底色
不少人喜欢在HomePage中加上背景图案，认为如此可以增加美观，但却不知这样会耗费传输时间，而且容易影响阅读视觉，反而给予使用者不好的印象。笔者建议，若没有绝对必要，最好避免使用背景图案，保持干净清爽的本文。但如果真的喜欢使用背景，那么最好使用单一色系，而且要跟前景的文字可以明显区别，最忌讳使用花俏多色的背景，因为这样不仅大量耗费传输与显示时间，而且会严重混乱使用者的阅读。
12、HTML格式的注意事项
有关HTML的撰写方面，应注意以下的一些注意事项；不少人在撰写HTML文件时，会简略一些命令格式，但为了日后维护方便，撰写HTML时最好架构完整，而且初学者也可以藉此对HTML语法有正确认识。另外，如果本身网站想让别人可以透过搜寻站来找到， 那么千万不要忘了在〈Title〉指令中加上可供搜寻的关键字串。为了增加与使用者的互动，HomePage中最好也加上可供使用者表达意见的E－mail信箱，在HTML中一定要注意它的格式命令写法，许多人在这个地方常常写错。另外，在PC系统下，文件的大小写不分，但在UNIX系统下，则大小写有区分，需要注意。
13、避免滥用技术
技术是令人着迷的东西，许多人也喜欢使用技术。专家普遍指出，好的技术运用会让HomePage栩栩如生，令人叹为观止；但不当的技术则适得其反，反而成为HomePage的大败笔。首先，使用技术时一定要考虑传输时间，不要成为他人观看的沉重负担；其次，技术一定要与本身网站的性质及内容相配合，不要耍了一大堆不相干的技术。有一个最常见的技术应用，就是利用JavaScript撰写一个走马灯的功能，让文字可以动态地显示在窗口的最下一栏，这种方式看起来似乎很酷，但却容易遮住该位置原本用来显示地址及传输状态的功能，反而造成使用者的不便。何况既然只是显示一两个文字，何不直接放在HTML本文中呢？Java小程序也是目前网络上的常见技术，它是一个好用的利器，擅长于动态物象的呈现，虽然只要浏览器支持就可以动，但同样，也需要考虑传输时间，以及一般人的电脑系统负荷等问题。最后，技术最好不要用得太过多样而复杂，有些人似乎不展现功力就不快乐，所以也不管合不合适，就把所有可用技术全部用在里面，这时大家就会看到一个惨不忍睹的HomePage。
14、即时、更新、维护
不要忘记，大家都想看新鲜的东西，没人对过时信息有兴趣， 所以资料一定要注意即时性。有些网站半年没更新，感觉就像一池死水。如果想要经营一个带有即时性质的网站， 除了注意内容外，资料还要记得每日更新。笔者建议，不妨每隔一阵子就对页面设计做一次小翻新，时时保持新鲜感。最后，须考量的就是事后维护管理的问题，写HomePage很简单，但维护管理就比较繁人，它的工作往往偏重属重复而死板。个人性质的网站在维护管理上比较简单，但公司网站如此不仅加快HomePage的传输，而且可以让使用者判断是否继续进入观看。
8、怎么学好网页设计？
需要有一个明确的学习路线 也就是类似提纲的东西
很多人都是 这边学一点 那边学习一点 学了很久 都是皮毛上面的毛
首先了解一个 网页设计的几个方向，自己选一个 方向作为自己努力的目标
粗浅说一下个人的看法：前台 设计 目前比较多指的是平面方面的设计，就是页面做的漂不漂亮，然后是符合web标准；
后台 指的是动态网页+数据库方面 的内容 主要实现网页与用户的交互功能；
以前还有一个方向叫做RIA当时主要用Flash来开发 动态效果丰富的交互界面web应用程序；
貌似随着Ajax的出现打破了，RIA 有了新的发展方向。
本人了解的东西比较少，上面这么说可能很不全面，仅供参考吧！
确定一个方向以后开始安排学习！（作为一个全面的web人才，各个方面都可以学一些，但是作为刚开始入门，建议不要贪多，选一个方向深入学习，积累的一定程度以后，可以横向扩展 学习其他方面的一些东西，这样才会可持续发展！）
然后开始 从基础学起，基础中的基础HTML，别小看这个东西，很多做网页的人都没有认真仔细学习过HTML 这个要学仔细。
HTML之后 建议系统的了解一下CSS 这个在目前是前台开发非常重要的一块。http://www.w3schools.com/ 这里是比较权威的网页学习网站，但是.....是英文的，看个人能力了....囧
当然，你还需要一个网页开发工具，这要根据你选择的方向有针对性的挑选，如果是做前台，PS 肯定要学 然后比较大众的是Dreamweaver 和 Flash
如果你是搞web应用程序开发的，根据选择的语言找一款对应的好上手的IDE环境就可以了，高手们经常炫耀说只要"记事本"就足够了，入门级别的人千万别这么玩，人家把知识全装到脑子里面了，你可玩不了这么高级的。
语言的学习就因人而异了，每个人的基础程度不同，各个语言都有经典的教程和书籍。
语言学习的同时要学非常重要的一块：数据库~~~ 这个.......没什么说的了，努力+加油！
很重要的一点就是：加入专业论坛，有问题可以问问网友，同时你也可以，经常浏览论坛看看别人遇到哪些问题，检验检验你自己是否能解决这类问题，对自己的经验积累和提高很有帮助。
简单推荐几个学习的地方：1.蓝色理想(老牌基地了，精华帖子比较多，对初学者绝对是精华了，高手跳过此步) 2.CSND 这里学习氛围挺浓，高手深藏不漏哦 问问题经常能得到很多回复。
如果学前台设计，那就要到专业的 PS 或 AI 论坛学习了，国内著名的几个设计论坛都可以去混混，多看看别人的东西，一定不能手懒，别人写了一个教程，不能只是看看，一定要亲手操作操作，积累再积累，到了一定程度 你就会爆发了 呵呵!
再者就是收集素材，日积月累吧，别小看收集素材，也是提高审美的一种手段；当然你如果是写web程序的，收集别人的经典代码、教程也是自我积累的好方法。
学习到一定程度之后，看看主流的一些开发流程，自己总结一下学习过的软件和知识，形成一套自己的开发流程，这样做事情就不会手忙脚乱了。(以前经常看见有人，开了PS 开了DW 开了Flash 开了数据库管理系统 开了web应用开发环境.........真叫手忙脚乱啊)
也许看过以后感觉很囧，要学这么多东西啊？？目前中国国情就是这样，一个人要身兼数职，那个方面多少都要会一点，这样才能有饭吃。国外都是每个人学一样，有人专门做平面设计 然后有人专门 做成符合标准的DIV+CSS网页 然后有人专门做数据库 再有人专门做web程序............国内这样专业分工的公司可不多。
忘记了一点：另外一类东西叫CMS 就是网站内容管理系统，一套网站管理系统，直接在后台写文章，做一套模板 前台就能生成整套网站，作为应用级别的，这种来得最快。根据你自己的需要去选择 去学习吧。
总之，选择了这条道路 就要有长期抗战的准备，几乎天天都在技术进步和更新。
乱写一气，还是匿了........囧
9、关于网页制作的技巧问题
dreamweaver 与 Frontpage 都是工具，具体实现都可以做出来的， 不过应该大致思路是用div标签来做菜单，然后利用鼠标事件，当位于文字上时div标签由隐藏更改为显示，当离开时，再将属性回复为影藏；哎，好久都没有干这方面的事情了，有些生疏了，