许多人可能从来都不知道HTML和XHTML元素设计本意是用来表达结构的。我们很多人已经习惯用元素来控制表现,而不是结构。例如,一段列表内容可能会使用下面这样的标识:
句子一
句子二
句子三
如果我们采用一个无序列表代替会更好:
你或许会说“但是
给表格或表单赋予一个唯一的、结构的标记,例如
| 标签附带一些多余的、占用带宽的表现层的高、宽、对齐和背景颜色等等属性。只需要一个附着的标记(标记“menu”的id标记),你就可以在一个分离的样式表内为干净的、紧凑的代码标记进行特别的表现层处理。
中级改善我们这里先列主要的三点,但其中包含的内容和知识点非常多,需要我们逐步学习和掌握,直到最后实现完全采用CSS而不才用任何表格实现布局。限于本文是引导推广之意,不展开详述。 最后我们特别需要补充介绍的是网站的易用性(Accessibility)和交互设计改善,易用性与网站标准有着标准联系紧密,和网站标准一样,都是为了使我们的网站接受更多的用户访问。1990年W3C建立了Web Accessibility Initiative(WAI),给网站建造者提供实现可访问性的方法和策略(http://www.w3.org/WAI/GL/)。提高易用性和研究交互设计(推荐VB之父Alan Cooper的About Face2.0一书)的策略能提高你的开发技术,开阔视野。提高你作为专业网页设计师的价值,使你更具竞争力。这正是每个网站所有者和每个设计师或开发者要努力达到的目标。 六.网站标准的资源 1.网站标准 http://www.nypl.org/styleguide/ 2.有语义代码 http://brainstormsandraves.com/articles/semantics/structure/ 3.校验(Validation ) http://www.htmlhelp.com/tools/validator/ http://webboy.net/presentation/validation.cfm 4.易用性(Accessibility ) 5.样式表CSS http://webboy.net/presentation/ict2004/01.htm http://webboy.net/presentation/ict2004/02.htm http://webboy.net/presentation/ict2004/03.htm http://westciv.com/style_master/academy/css_tutorial/ http://www.thenoodleincident.com/tutorials/css/ 6.实例站点(XHTML+CSS) 附.参考文章及网站
|