资源说明:一.网页设计流程:
1.白纸上画几个草图
2.选定配色
3.选定字体,行距
4.建立工作目录
5.画Logo(Illustrater 矢量),收集图片
6.Photoshop下画网页的样子(用网络线,标尺,辅助线,切片)
7.用HTML写网页代码(列大纲,doctype,用
分块)
8.按照Photoshop里画的样子写CSS
9.打印机支持
10.多浏览器支持与测试
11.可访问性(盲人,色盲,残疾人)调整
12.搜索引擎优化
13.移动平台支持
14.性能优化
二.资源:
1.配色:ColorSchemeDesigner.com; Adobe Kuler
2.抓图片颜色:Adobe Illustrater的Eyedropper工具;ColorSchemer Studio的PhotoSchemer;
3.图片资源:Morguefile,Flickr
4.画图:Adobe Illustrater, Inkspace, Adobe Photoshop, Gimp-Shop
5.浏览器数据统计:Hitslink.com,W3Counter.com,StarOwl,
6.网页技术:W3School
7.无CSS的浏览器:Lynx
8.盲人浏览器:JAWS,Window-Eyes
9.色盲测试软件:Colorblind Web Page Filter, Color Oracle
10.网站性能测试:WebSiteOptimization.com, Firefox的Web Developer下Tools的Speed Test, Firebug, YSlow.
11.脚本压缩工具:YUI
12.图像优化:Smush-It!
13.高级网页模版:YUI, 960.gs
14.简化CSS:Less CSS
15.编辑器:Notepad++(windows), Textmate(Mac OS)
三.小技巧:
1.RGB:加色原理,适合屏幕;CMYK:减色原理,适合打印资料
2.字体:村线(serif font):Times New Roman;无村线(sans-serif font):Arial,Helvetica,Verdana;等宽(fixed-width font):Courier New
3.JPEG不支持透明,PNG支持透明,但IE6不支持PNG透明
4.用为图片写说明文字
5.用
6.用accesskey属性设定快捷键
7.用tableindex设定tab键的跳转顺序
以上摘自《写给程序员的Web设计书》 (“Web Design for Developers - A Programmer's Guide to Design Tools and Techniques”) Brain P.Hogan著 吴珂译 人民邮电出版社
本源码包内暂不包含可直接显示的源代码文件,请下载源码包。