web设计主要分三大部分：

一、web UI

也就是网页设计稿，具体用什么软件？这个因人而异，比较普遍的应该是photoshop和fireworks。而我从开始学习网页设计至今一直使用后者，不是为什么而是因为我第一个接触的制图软件就是它。于是一直钟情于fw，方便快捷的绘图，完美的渐变和元素效果，输出图形的优化，以及切片工具的集成。一切都那么方便！当然很多方面还是不如ps，但是对于设计页面效果图已经足够了。

二、HTML&CSS

效果图出来以后，接着需要做的就是把效果图切片、重新排版、写样式代码。切片其实是很有技巧的，能够重复的部分，就应该切成背景。例如：标题背景，菜单背景等。而重复可以分为：横向重复和纵向重复。至于背景尺寸应该怎么控制呢，就拿横向重复为例：高度肯定是不变的，而横向是一致的背景。曾经看过好多人都是把横向重复切成：高度固定宽度1px的背景。这样的话电脑需要运算多少次才能完成一个平铺呢？建议还是设置20像素的平铺，其实这不会增加多少kb的。

一般重排版有两种方式：

1、使用可见即可得编辑软件Dreamweaver，利用table来排版。方便快捷，但是代码可能比较多。至少比用fw直接输出的节省许多了。值得注意的是：利用table排版，一定要记住减少表格嵌套。因为表格是一个一个加载的，从里到外从上到下，加载完一个表格，再加载另外一个。嵌套越多，加载时间越长。

2、div+css，当然这个也需要可见即可得软件，只是代码模式应用的比较多。设计模式只是用来校正是否和效果图一致而已。div+css也算是网页设计的进阶阶段了，建议初学者有兴趣的可以了解一下。这方面的问题一下子很难说清楚，我们就具体问题具体分析吧！欢迎提问？：）

三、前端交互

说到前端，我也是个初学者。对于这方面还是略懂皮毛，还得加强学习。现在国内对前端交互越来越重视了，我想现在应该也有专门的岗位做前端这块的了吧：）对于一个设计师来说，我们有义务把这些都了解一下。不一定要精通，但知道能够让效果显示出来！