网页设计的步骤是策划-作图-静态页-编程-测试-发布-维护-改版重构 循环
切图是一个技术也是一种艺术，不少美工都具有切图的功底！不过，也不是所有的网页都需要切图！因此，切图的选学的，而且，没有追求的话，切的乱七八糟也没关系！
html标签的用法 必学
这个是必学的，毕竟页面还是html标签组成的！你要熟知大部分标签的用法！这个可以去w3school学习进阶！
css 样式和样式表 必学
css是目前网页设计中的主要角色！也是程序和美工的区别之一！css可以简单理解为美化！你可以使用他设置颜色，大小，边距，行距，字体，位置等等等....
浏览器兼容 选学
html页面最终要在浏览器中运行和查看！但是，不是所有的浏览器都遵循同一个标准，因此，你的页面在每个浏览器底下或多或少的都有一些不同！你要学会找到问题，解决问题！最大限度的保证在每个浏览器下看起来都差不多！
javascript &jQuery 选学
JS和JQ是两个不同的东西，js在网页中的主要作用就是网页“特效”了。比如滑动，展开收起，幻灯片等等~~团队细分中，html页面是由前端设计师制作的，网页设计师仅仅负责效果图的制作！但是，现在的网页设计师明显的需要具备多门“手艺”才能混，js是其中之一！
Action script 选学
AS是flash中的常用到的一种语言！主要是制作全flash网站或者flash+xml交互模块！ 如flash幻灯片，图表等~
学习建议：
目前的大部分html教程都是垃圾教程，是网站为了赚取流量到处复制粘贴的千篇一律的扯淡字符串（还不能算是文章，只能算是一个字一个字组成的页面，因为连发布者都不知道里面写了什么）！个人建议，你最好下载几个chm格式的手册，如html手册，css手册等~备用查询，作为字典！我学习的时候是读的《Head First xHtml + css》，一周入门html+css！不过，学习肯定离不开勤学苦练！以下是我建议的学习方法：
1.认识标签，学会是使用h标题，p段落，ul列表，div元素，img插入，a链接
2.学会添加标签属性 class=“name”，id=“name”，table的相关属性
3.学会引入外部文件，<link /> <script src=""></script> <img src="" />
4.一个完整简单的html，严格按照html的结构制作一个纯html标签组成的页面，无样式，能区别出标题，列表，链接，段落
5.css学习入门：字号，边框，float浮动，clear清除浮动，background背景
6.页面模块划分：header,mian-body,footer 头部，内容，页脚
7.页面布局细分：三列，两列，四列，多列，【国字形、常字形】
8.html，css分离使用，在html引入外部css样式表
9.图片美化页面
大致以上几点，循序渐进！而且，尽量手写代码，使用记事本即可~因为，你要不断的去认识和书写一些常用的标签和拼写！【实际工作中，编辑软件都有代码提示功能，那仅仅是为了加速工作效率，但并不适合新手使用，否则，就懒惰了！不利于记忆和理解！】
javascript和css的区别：
css为网页表现、JS为网页行为。
css对网页进行静态修饰，可以使页面以一定的布局方式显示出来。
css是将样式信息与网页内容分离的一种标记语言，我们使用css为每个元素定义样式；它主要用于美化HTML页面。
而js对页面的各种动态效果进行处理，可用来实现网页和人交互的功能，如进行图片的替换，图片的滚动，层的显示与隐藏，快捷键的处理等等。
扩展资料：
CSS（Cascading Style Sheet）层叠样式表单
表现（presentation）——设计网页的表现样式，即“如何显示有关内容”。
CSS是将样式信息与网页内容分离的一种标记语言，我们使用css为每个元素定义样式；它主要用于美化HTML页面。
语法为：selector {property：value} (选择符 {属性：值})。
通过设置对应的样式属性可以修改html文档内各元素的显示、位置等样式；如修改颜色、字体、字号、宽高、位置、背景等
JS（JavaScript）一种动态脚本语言
行为（behavior）——控制网页的行为（效果），即“内容应该如何对事件做出反应”。
使用JavaScript代码可以让前台变的有交互(点击事件)，常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
