网设计技术发展历史及设计案例回顾

1、自从第一个网站在上个世纪 90 年代初诞生以来，设计师们尝试了各种网页的视觉效果。早期的网页完全由文本构成，除了一些小图片和毫无布局可言的标题与段落。时代在不断进步，接下来出现了表格布局，然后是 HYPERLINK /soft/multimedia/yinpinzhuanhuan/346/404846.shtml Flash，最后是基于 CSS 的网页设计。本文涵盖了不同时期网页设计的历史，并以W3C、Yahoo、Altavista等网站不同时期的页面设计为例做了回顾和比较。第一张张网页19991 年年 8 月，TTim Berrnerrs-LLee 发布了了第一个个简单的的，基于于文本，包包

2、含几个个链接的的网站。原原始网页页的副本本现在仍仍然在线线。它有有十多个个链接，试试图告诉诉人们什什么是万万维网。推荐： HYPERLINK /imagesnew/software/html/index.html HTMML速查查手册 随后的的网页都都比较相相似，完完全基于于文本，单单栏设计计，有一一些链接接等等。最最初版本本的 HHTMLL 只有有最基本本的内容容结构：标题 (, .)，段落落()和和链接()。随随后新版版本的HHTMLL开始允允许在页页面上添添加图片片 ()，然然后开始始支持制制作表格格()。W3CC出现19994 年年，万维维网联盟盟(W33C)成成立，他他们将 HTMM

3、L 确确立为网网页的标标准标记记语言。这这一举动动阻断了了任何独独立公司司想要开开发专利利的浏览览器和相相应的程程序语言言的野心心，因为为这会对对网络的的完整性性产生不不利的影影响。WW3C 一直致致力于确确立与维维护网页页编程语语言的标标准(例例如 JJavaaScrriptt)。The ffirsst HYPERLINK /soft/27/27553.html wweb pagge (19992)Yahhoo! (119966)Alttaviistaa (119966)基于表表格的设设计表格布布局使网网页设计计师制作作网站时时有了更更多选择择。在 HTMML 中中表格标标签的本本意是为为了

4、显示示表格化化的数据据，但是是设计师师很快意意识到可可以利用用表格来来构造他他们设计计的网页页，这样样就可以以制作较较以往作作品更加加复杂的的，多栏栏目的网网页。表格布布局就这这样流行行了起来来，融合合了背景景图片切切片技术术，常给给人以看看起来较较实际布布局简洁洁得多的的结构。结构设设计这个时时期的网网页设计计还不太太关注语语义化和和可用性性方面的的问题，主主要还在在追求良良好的结结构美学学。同一时时期也是是大量应应用 GGIF 占位图图片控制制留白的的时期。一一些主流流的公司司甚至训训练设计计师如何何使用 GIFF 占位位;如 HYPERLINK /officesoftware/micro

5、soft/ 微微软的“关关于 HHTMLL 表格格中的 GIFF 占位位”。第一批批主要应应用表格格布局的的“所见见即所得得”网页页设计软软件的发发展助长长了表格格的应用用。另外外，某些些软件自自动生成成的表格格如此复复杂以至至于许多多设计师师不可能能从 头头手写代代码(例例如每行行只有 1pxx 高却却包含了了几百列列的表格格)。即即使是稍稍微复杂杂一点儿儿的网页页(比如如多栏目目页面)，设计计师们都都要依赖赖于表格格来创建建。W3CC (119988)Yahhoo! (220022)Alttaviistaa (220022)请点击击“下一一页”，阅阅读更多多精彩内内容。基于 HYPERLI

6、NK /soft/multimedia/yinpinzhuanhuan/346/404846.shtml Flaash的的网页设设计Flaash(最初被被称为 FuttureeSpllashh Annimaatorr，然后后是 MMacrromeediaa Fllashh，现在在叫做 HYPERLINK /imagesoftware/adobe/ Adoobe Flaash)开发于于 19996 年。起起初只有有非常基基本的工工具与时时间线，最最终发展展成能够够开发整整套网站站的强大大工具。FFlassh 提提供了大大量的远远远超过过 HTTML 所能够够实现的的视觉表表现效果果。Maccro

7、mmediia SShocckwaave在 FFlassh 之之前，有有 Maacroomeddia Shoockwwavee(之后后是 AAdobbe SShocckwaave)。Shhockkwavve 用用于为 CD-ROMM 制作作目录和和多媒体体内容，SShocckwaave 文件体体积庞大大，考虑虑到当时时的网络络连接以以拨号上上网为主主，应用用 Shhockkwavve 还还是不够够明智的的。与之之相比，FFlassh 影影片体积积小巧，在在线应用用更加可可行。Flaash 的优势势在视觉觉效果上上 HTTML 有很多多局限性性，尤其其是早期期的 HHTMLL。要实实现复杂杂的设

8、计计，人们们往往需需要制作作大量疯疯狂的表表格结构构并/或或依靠图图像占位位符(就就像某些些所见即即所得软软件所做做的那样样)。Flaash 使创建建复杂的的，互动动性强并并且拥有有动画元元素的网网站成为为可能。动态HHTMLL(DHHTMLL)在 FFlassh 初初次涉足足网页设设计领域域的同一一时期(20世世纪900年代末末至211世纪初初)，由由几种网网络技术术(如 JavvaSccripp t和和一些服服务器端端脚本语语言)组组成的用用于创作作互动/动画页页面元素素的 DDHTMML 技技术的推推广，也也在如火火如荼地地进行中中。这时，随随着 FFlassh 的的发展和和 DHHTM

9、LL 的普普及，不不只是阅阅读静态态内容，还还允许用用户与网网页内容容互动的的交互页页面的概概念诞生生了。3DMML3DMML 是是一个鲜鲜为人知知的用于于制作三三维站点点的网页页设计语语言。由由 Miichaael Powwerss 编写写于 119966 年，33DMLL 文件件实际上上由一种种非标准准的 XXML 语言写写成。Flaatlaand Rovver 是一款款独立开开发的 3DMML 浏浏览器，尽尽管还有有对应的的 HYPERLINK /soft/255/255343.html Innterrnett Exxploorerr， HYPERLINK /soft/19/19227.

10、html Nettscaape Navvigaatorr，thhe HYPERLINK /soft/240/240589.html AAOL broowseer 和和 Opperaa 浏览览器插件件，但随随着开发发进度停停滞于220055年， HYPERLINK /soft/network/browse/2/439502.shtml FFireefoxx的插件件始终未未能问世世。现在仍仍然有应应用3DDML构构建的网网站，但但如果没没有上述述浏览器器或是相相应插件件，3DDML就就是不可可见的。33DMLL曾用于于制作称称作“SSoptts”的的世界与与场景。33DMLL真正的的 HYPERL

11、INK /soft/96/96662.html 杀手锏锏是比大大多数语语言都快快的3DD模型构构建速度度(就算算是Fllashh也需要要打开FFlassh桌面面应用来来创建并并编辑FFlassh内容容)与更更加小巧巧的文件件体积。基于CCSS的的设计CSSS设计受受到关注注始于221世纪纪初。虽虽然CSSS已经经存在很很长一段段时间了了，但是是在当时时仍然缺缺乏主流流浏览器器的支持持，并且且许多设设计师对对它很是是陌生(甚至感感到恐惧惧)。与表格格布局与与Flaash网网页相比比，CSSS有许许多优势势。首先先它将网网页的内内容与样样式相分分离，这这从本质质上意味味着视觉觉表现与与内容结结构的分分离。推荐： HYPERLINK /imagesnew/software/css/index.html CSSS速查手手册CSSS是网页页布局的的最佳实实践，与与CSSS相比表表格布局局根本不不值一提提。CSSS极大大地缩减减了标签签的混乱乱还创造造了简洁洁并语义义化的网网页布局局。CSSS还使使得 网网站维护护更加简简便，因因为网页页的结构构与样式式是相互互分离的的。人们们完全可可以改变变一个基基于CSSS设计计的网站站的视觉觉效果而而不去改改动网站站的内容容。由CSSS设计计的网页页的文件件体积往往往