本文档里面会涉及到 Photoshop,Dreamweaver,Flash,SWiSHmax,Swish3D 等的使用，具体使用方法请参阅本站或者其它网站相关文档或者帮助文件。

做网站设计制作以及程序编写这行也很长时间了，现在所就职公司也有一定的规模，很喜欢我所在的技术部门做网站的流程，由于我所在公司体制的关系，我所面对的客户以及给他们所设计制作的网站都是中小型企业，其实很早就想写出来与大家分享，我会分几个大的方面说一下。

一，网站首页面风格以及内页模板风格的设计(PHOTOSHOP为主)

在我看来这就是平面设计中的分支WEB平面设计，所有设计工作均在PS里面进行，目前国内网站设计的主分辨率还是800*600和1024*768这两种居多，如果要设计成前者，那么在PS里面的长宽应该是778*425，这样在前者分辨率下打开网页后就是一个上下左右不带滚动条的“满IE（浏览器装有很多插件的会影响显示，此长宽数值是在安装“干净IE”的情况下）”页面，后者在设计时候要将宽度控制在1004*625比较好，当然，宽度是为了没有左右滚动条，高度是一个最小值，如果>425或者>625那么自然就会出现上下的滚动条。这里我就以在PS里面设计一个1024分辨率的网站界面为例(以本站设计为例)：

1、新建1004*625的空白文档

2、进行颜色的搭配以及素材图片的添加修饰

点击上图看完整大图

3、切图,分配好具体的"图块"以备在生成HTML后在DW里面编辑

点击上图看完整大图

点击上图看完整大图

4、利用PS的“存储为WEB所用格式”进行网页（htm、html）文件的输出

点击上图看完整大图

图片格式选择上根据"存储为WEB所用格式"中左下角的"图片格式,生成大小来判断用什么格式,色调少的用GIF,色调多的用JPG,品质可以定在70左右.

点击上图看完整大图

5、保存为html或者htm的网页文件，生成的切片图片默认会放在网页文件同级目录下的images目录里面．

点击上图看完整大图

今天就更新到这儿，待续~~~~~~~~~

出处：找找吧
责任编辑：moby

上一页 下一页 网站设计制作开发漫谈 [2]

◎进入论坛网站综合、网页制作版块参加讨论