本文档里面会涉及到 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目录里面.
点击上图看完整大图
今天就更新到这儿,待续~~~~~~~~~