为什么要进行“标准”,我说说自己的看法,不知各位兄台认同否?请指正。
笼统来说,“标准网页”的文件组织就是XHTML+CSS。
简单来说,XHTML主要用来表示网页结构和显示内容,而CSS则是定义结构布局和修饰内容样式。
具体来说,在XHTML中显示内容,就是使用文本、图像、多媒体等相关网页元素来表示的;而CSS就是这些内容的修饰样式。此外还使用XHTML表示网页结构和CSS定义结构的布局
1、颠覆传统的思维模式
对于传统的网页设计,就思考和制作的前前后后,是这样的逻辑过程:
(大脑)构思网页的排版布局
(动手)描绘网页构思的草图
(软件)通过图像软件将草图转为现实
(调整)继续细化网页布局设计图
(利用)切割图像并导出
(制作)使用网页制作软件还原设计稿
(完工)进行网页内容的具体设置
咋一看,确实是个不错的网页设计逻辑思想,况且这也是从网页被设计被制作有史以来,使用最普遍也最深入的网页设计流程。但现在提出一个问题:那就是如果需要对该网页进行改版,那该怎么办?那么将进行如上的重复的操作,这个重复就是一个全新的逻辑操作过程,包括重新设计(布局)和重新制作(页面)。
OK,现在使用“标准网页”可以省去其中的一道重复操作:省去重新制作(页面)的工作。所以对一个网页进行改版只需要重新设计(布局)即可。那么,为什么能这样做?如何能做到?
2、提出“标准”的方案
通过多次的网页改版,我们设计来设计去,发现虽然网页的样子改变了,但网页所展示的内容却无甚变化。即传统的做法是为了设计的新样子而去重新排版布局原有的内容。所以,大胆的提出:无需重新排版布局原有的内容,而让设计的样子定义出这个结构的布局。
那么,这就要求我们需要考虑好网页的结构。这些考虑是需要合理的方案,使得表示网页结构的标签代码,在下一次改版的时候仍将有用。可以这么说,这个时候一个网页的外观并不重要,重要的是规范一个结构基本页。一个良好的XHTML结构页面,可以适应以任何外观表示。
所以,现在设计一个网页,首要思考的不是网页的布局排版,而是这个网页的结构是如何的。那到底网页的结构需要进行怎么的考虑?一般是按照由简单逐步到丰富的过程:从整体着手,逐渐饱满,继续细化。
所谓“整体着手”,用一种很极端的方法则是:如果需要舍去网页的所有内容,最后只留下骨架的那个页面,就是网页的所需的“整体”结构。就如同一个人的身体一样,“头部”、“手臂”、“躯干”和“腿脚”是主要的结构。那么网页中的“标题”、“导航菜单”、“主要内容”和“版权声明”则为应该的“整体”结构。此时,将采用标签“<div>”进行控制。
所谓“逐渐饱满”,又如人的“头部”分“眼”、“耳”、“口”、“鼻”,对网页结构中的主要结构的内部,继续进行丰富详细的结构嵌套。此时,将采用标签“<div>”或“<span>”进行控制。
所谓“继续细化”,即网页内容的插入和修饰了。如同定义人的“眼”是“单眼皮”还“双眼皮”。此时,就是插入图像“<img />”,建立超级链接“<a>”等等具体内容了。
所以,有了如此逐步的结构的确定、结构的饱满和内容的修饰,就使得网页显示出了设计的模样。又如大千世界“定义”出了各种各样的“人”。
当然,采用“改版”这个示例来说明“标准网页”的必要性,只是一个最简单的最浅显的说服。使用“标准”还有很多优势,比如那个啥啥啥的……
于是 DIV+CSS进行全局的结构定义,用SPAN+CSS进行局部的结构定义,LI+CSS用于系列内容的结构定义,其他的网页元素代码,该怎么着就怎么着显示内容吧。