制作网站的教程一、网站制作与设计

1、如果草图都已经绘制完美后就可以打开PS或FW开工制做和设计我们的界面了，在这里我使用PS，虽然没有FW的高效和专业但更加灵活和自由，这是我最喜欢的，也因为用惯了嘛!^^养兵千日用兵一时，平时的练习和学习在这里派上用场了!呵呵!

2、可以在新建的778*600页面中先打框架然后再采用逐步细化的方法，还可以采用你自己独特的手法，比如透明玻璃水晶按钮等效果来营造特别的风格，要力求简约和精致!不要放过每个细节的刻画，即使是1*1的5%透明度的阴影都会给你的页面增彩，别以为别人看不见!

3、最好养成分层的习惯，这样可以方便分类和编辑，不至于把上百个图层放在一下层级里搞得一团乱麻，分不清楚。

作为一名优秀的设计师应该有条理，所以请养成分类并为每个图层命名的习惯，这决不是浪费你的时间!

制作网站的教程二、切割与导出

无论是PS还是FW，哪怕是AI做的设计界面，在切割的原则都是一样的，请遵从以下几个方面:

1、首先要按大致的框架切割，如国字型或T字型，注意其完整性

2、对于要输入的文字区域、大面积色块或单独的图片以及flash动画要单独切割成非图片格式的切片以备插入

3、对于添加内容需要很长的区域要注意其伸缩性切割，若有图案要保证可以重复排列

4、在切割时要特别认真和小心，不要空留一行或列的一个象素的间隙，要放大让切片都对齐，不留空隙

5、其它如按钮和空白处等自动生成的切片，以及创建需要改变图片外观的切片等

切割完毕后，选择文件另存为WEB页命令，导出为HTML文件待DW编辑。

制作网站的教程三、编辑与模板

1、在DW中打开导出的HTML文件开始编辑，包括大表格居中，设置背景，修改空白可输入区单元格背景为原来切割的图片等

2、将编辑完毕的文件添加CSS样式，包括最基本的TD和ALINK等标签，然后存为模板DWT文件，并^+alt+v新建可编辑区域

3、通过模板新建各个页面并添加入相应的内容