html网站制作流程,网页制作过程（实际案例）

网页制作过程概括为几步：

0)前提：拿到UI设计师制作好的网页UI图；(photoshop中-------UI设计师)

1)切图(photoshop中------美工)

2)输出切图&并将大UI图输出为html格式的文件；(photoshop中------美工)

3)建立站点，并指定站点路径为2)步文件所在节点；(dreamweaver中------网页制作人员)

4)打开站点下2)步输出的html文件，分析文件，主要是表格分布情况；(dreamweaver中------网页制作人员)

5)建立新网页，参照4)步，设计表格，用于网页排版；(dreamweaver中------网页制作人员)

6)完善网页，往5)步设计好的表格中添加内容。(dreamweaver中------网页制作人员)

step1:切图

在PhotoShop中打开设计稿，选择工具板上的slice切片工具，先大刀阔斧的切上一番!

技巧：大面积的色块单独切成一块，尽可能的保持在水平线上的整齐(这个问题你们在后面的制作页面中深有感触)，切好的图如下所示：

step2:输出小切图&并将大图以html格式输出          在PhotoShop中选择file-save for web...来输出，这里要注意一些参数的选择：