《设计技术发展历史及设计.docxVIP

网页设计技术发展历史及设计案例回顾　自从第一个网站在上个世纪 90 年代初诞生以来，设计师们尝试了各种网页的视觉效果。早期的网页完全由文本构成，除了一些小图片和毫无布局可言的标题与段落。时代在不断进步，接下来出现了表格布局，然后是?Flash，最后是基于 CSS 的网页设计。　　　　本文涵盖了不同时期网页设计的历史，并以W3C、Yahoo、Altavista等网站不同时期的页面设计为例做了回顾和比较。　　第一张网页　　1991 年 8 月，Tim Berners-Lee 发布了第一个简单的，基于文本，包含几个链接的网站。原始网页的副本现在仍然在线。它有十多个链接，试图告诉人们什么是万维网。　　推荐：HTML速查手册　　随后的网页都比较相似，完全基于文本，单栏设计，有一些链接等等。最初版本的 HTML 只有最基本的内容结构：标题 (h1, h2...)，段落(p)和链接(a)。随后新版本的HTML开始允许在页面上添加图片(img)，然后开始支持制作表格(table)。　　W3C出现　　1994 年，万维网联盟(W3C)成立，他们将 HTML 确立为网页的标准标记语言。这一举动阻断了任何独立公司想要开发专利的浏览器和相应的程序语言的野心，因为这会对网络的完整性产生不利的影响。W3C 一直致力于确立与维护网页编程语言的标准(例如 JavaScript)。　　The first?web page?(1992)　　Yahoo! (1996)　　　　Altavista (1996)　　　　基于表格的设计　　表格布局使网页设计师制作网站时有了更多选择。在 HTML 中表格标签的本意是为了显示表格化的数据，但是设计师很快意识到可以利用表格来构造他们设计的网页，这样就可以制作较以往作品更加复杂的，多栏目的网页。　　表格布局就这样流行了起来，融合了背景图片切片技术，常给人以看起来较实际布局简洁得多的结构。　　结构设计　　这个时期的网页设计还不太关注语义化和可用性方面的问题，主要还在追求良好的结构美学。　　　　同一时期也是大量应用?GIF 占位图片控制留白的时期。一些主流的公司甚至训练设计师如何使用 GIF 占位;如微软的“关于 HTML 表格中的 GIF 占位”。　　第一批主要应用表格布局的“所见即所得”网页设计软件的发展助长了表格的应用。另外，某些软件自动生成的表格如此复杂以至于许多设计师不可能从头手写代码(例如每行只有 1px 高却包含了几百列的表格)。即使是稍微复杂一点儿的网页(比如多栏目页面)，设计师们都要依赖于表格来创建。　　W3C (1998)　　　　Yahoo! (2002)　　　　Altavista (2002)　　?基于Flash的网页设计　　Flash(最初被称为FutureSplash Animator，然后是 Macromedia Flash，现在叫做?Adobe?Flash)开发于 1996 年。起初只有非常基本的工具与时间线，最终发展成能够开发整套网站的强大工具。Flash 提供了大量的远远超过 HTML 所能够实现的视觉表现效果。　　Macromedia Shockwave　　在 Flash 之前，有 Macromedia Shockwave(之后是 Adobe Shockwave)。Shockwave 用于为 CD-ROM 制作目录和多媒体内容，Shockwave 文件体积庞大，考虑到当时的网络连接以拨号上网为主，应用?Shockwave 还是不够明智的。与之相比，Flash 影片体积小巧，在线应用更加可行。　　Flash 的优势　　在视觉效果上 HTML 有很多局限性，尤其是早期的 HTML。要实现复杂的设计，人们往往需要制作大量疯狂的表格结构并/或依靠图像占位符(就像某些所见即所得软件所做的那样)。　　Flash 使创建复杂的，互动性强并且拥有动画元素的网站成为可能。　　　　　　动态HTML(DHTML)　　　　在 Flash 初次涉足网页设计领域的同一时期(20世纪90年代末至21世纪初)，由几种网络技术(如JavaScrip t和一些服务器端脚本语言)组成的用于创作互动/动画页面元素的 DHTML 技术的推广，也在如火如荼地进行中。　　这时，随着 Flash 的发展和 DHTML 的普及，不只是阅读静态内容，还允许用户与网页内容互动的交互页面的概念诞生了。　　3DML　　3DML 是一个鲜为人知的用于制作三维站点的网页设计语言。由 Michael Powers 编写于 1996 年，3DML 文件实际上由一种非标准的 XML 语言写成。　　　　Flatland Rover 是一款独立开发的 3DML 浏览器，尽管还有对应的?Internet Explorer，Netscape Navigator，the?A