快乐学吧首页 > 第二课堂> 动手制作
网站设计制作开发漫谈

发表日期: 2007-8-31 13:50:45   来源: 教育资讯网   作者: zhangss  查看次数:

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

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

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

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

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

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

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

 4、利用PS存储为WEB所用格式进行网页(htmhtml)文件的输出

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

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

】 【推荐】 【打印
 相关新闻