当前位置:编程学习 > 网站相关 >>

匆匆说网站建设之接单到网页切图最终生成HTML

答案:

匆匆主要做程序,但合作美工却非常多,当然其中高手也如云了 ~~

经过多次交流和探讨,以及和客户交流,最后匆匆发现,photoshop设计网页基本流程如下,希望对大家有所帮助,如果说的不专业,也请不要笑我:

1、联系客户或者朋友,手工绘制网页版面,使用笔在纸上设计界面,也可以去找几个喜欢的页面,打印出来,然后在上面勾画,最后确认出来的,我们可以叫草图。

2、回家处理草图,将纸上各部分内容搬到photoshop里面,只要形状和大概内容正确就可以了

3、交给美工处理,润化,如果你可以直接把草图交给美工,则可以省略第2步。
     设计的时候要注意:
      多使用纯色设计,那么切图的时候,例如白色图片就可以扔掉,直接使用#FFFFFF做背景色
      不需要图片的地方就不要使用图片,这样也可以提高网页速度

4、客户查看美工润化过的草图,同时谈论再次处理

5、最终润化图确定,开始切图

6、使用PS里面的切图工具,大概切图,遵守原则如下:
      能切小的图片就切小,能切断的版面就切断(也就是把页面切成一块一块的,提高浏览速度)
7、导出生成HTML文件
8、使用网页工具处理这个生成的HTML,首先根据你的切图画几个表格,然后把图片重新装进去。
      装图片的时候注意以下原则:
      能抛弃的就抛弃 (用色彩代码,代替纯色图片) 
      不用图片就不用图片(尽量少使用图片,例如我的站 www.wanyawan.cn 仅仅用了10个小图片,据说还可以减少几个,我就没有那么做了)
     不用FLASH就不用,尽量用GIF图片,提高搜索引擎收录

当然以上仅仅是匆匆长期工作的部分经验,也不一定权威,仅仅为大家参考。
原创收录于:http://www.zzzyk.com 希望大家保持完整

上一个:张长学校新文收录:如何用PS切图和输出网页?
下一个:最简单易学的网站设计--WebDesign

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,