时间：2023-04-23 20:03:38 点击次数：35
南通网页设计的——般步骤
企业网站制作简易流程介绍
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链接与上传
重新设置模板页的导航链接，本步骤也可在第四节完成
在本地打开首页检查连接与文字内容直到无错，确保链接可正常访问
上传到申请的空间，在域名解析成功后在浏览器中浏览网上的效果并做相应后期维护!
举报/反馈
