网站设计的——般步骤

企业网站制作简易流程介绍

1、策划与草图

2、设计与制做

3、 切图与导出

4、编辑与模板

5、动画与广告

6、链接与上传

按软件及长度划分制做步骤:

1策划与草图

所有网站和其它设计作品的过程都是从策划开始的。这是最能体现你的才华和创造力的地方。人最大的区别于其它动物的地方就是会思考，会创造，而且唯有这点是难能可贵的!我们必须要在动手打开PS 或FW制做界面前就要完成一个网站最最关键的策划部分，它将直接景响这个网站的成败与否。一个优秀的网站，不仅做得漂亮，而且要方便浏览，可读性强，简洁明快!

2设计与制做

如果草图都已经绘制完美后就可以打开PS或FW开工制做和设计我们的界面了，在这里我使用PS，虽然没有FW的高效和专业但更加灵活和自由，

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

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

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

3切割与导出

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

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

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

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

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

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

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

4编辑与模板

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

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

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

5 动画与广告

按原来切片所容留的大小制做FL动画广告条，使用相应的文字内容和广告语，在FL中新建文件

复制粘贴广告词到场景中，排版并转换为元件578*104

添加相应的背景和动画，调试节奏后发布为SWF文件

插入到DW中的模板页并调整大小后存盘，其它的页面会自动更新

6链接与上传

重新设置模板页的导航链接，本步骤也可在第四节完成

在本地打开首页检查链接与文字内容直到无错，确保链接可正常访问

上传到申请的空间，在域名解析成功后在浏览器中浏览网上的效果并做相应后期维护!