1. 介绍和推广Web标准概念的书《网站重构——应用Web标准进行设计》。读一读了解一下,为什么要采用Web标准,以及什么是Web标准,怎样使用Web标准进行网站设计。
Web标准为:XHTML(结构)、CSS(表现)、DOM+JavaScript(行为)相分离。
2.要使用Web标准进行静态网页设计,很容易:
a) 使用XHTML代替HTML(DOCTYPE,声明编程语言,标签用小写字母,图片加alt属性,所有属性加引号,关闭所有标签,空标签也要关闭,注释中不能使用- -,所有特殊字符查询使用如<等),同时注意一些固定式的模板代码;
b) XHTML结构与CSS表现绝对分离,XHTML的标签中仅id, class, 或span, div等,CSS的定义符合严格标准,各个标签的属性按照字母顺序;
3. 其他可以参考的书籍:
a) 《HTML与XHTML权威指南》,查阅XHTML的手册;
b) 《CSS网站布局实录》,初步了解CSS完成网站布局和网站表现的一些方法和技巧;
c) 更多内容,可以参考一些XHTML+CSS进行Web 标准化网站设计的示例代码,好的模板下载站点:
Search Keywords: "open source web template"
http://www.opensourcetemplates.org/
等
google, baidu各种CSS的属性用法。
这里很少提及JavaScript,该部分相关的动态参考Ajax(JavaScript)栏目。
4. 需注意的问题:
网页设计不完全仅是需要美工就是可以的,设计者还需要具有同理心,能和用户换位思考,从用户的角度多多体验和揣摩,只有这样才能完成美观而又具有人性化的作品来!