天极传媒:
天极网
比特网
IT专家网
52PK游戏网
极客修
全国分站

北京上海广州深港南京福建沈阳成都杭州西安长春重庆大庆合肥惠州青岛郑州泰州厦门淄博天津无锡哈尔滨

产品
  • 网页
  • 产品
  • 图片
  • 报价
  • 下载
全高清投影机 净化器 4K电视曲面电视小家电滚筒洗衣机
您现在的位置: 天极网 > 软件 > 网页>软件应用>网页设计技术发展历史及设计案例回顾

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

天极网软件频道2010-02-22 13:43我要吐槽

  更多精彩相关文章推荐:

  浅析各类网页中的色彩使用与情感联想

  初步了解CSS3中的全新色彩表现方式

  2010年Web2.0市场值得关注的五个新领域  

点击查看更多设计软件资讯>>

  自从第一个网站在上个世纪 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)

  19-04_altavista1996.jpg

  基于表格的设计

  表格布局使网页设计师制作网站时有了更多选择。在 HTML 中表格标签的本意是为了显示表格化的数据,但是设计师很快意识到可以利用表格来构造他们设计的网页,这样就可以制作较以往作品更加复杂的,多栏目的网页。

  表格布局就这样流行了起来,融合了背景图片切片技术,常给人以看起来较实际布局简洁得多的结构。

  结构设计

  这个时期的网页设计还不太关注语义化和可用性方面的问题,主要还在追求良好的结构美学。  

网页设计发展变化历史及设计案例回顾

  同一时期也是大量应用 GIF 占位图片控制留白的时期。一些主流的公司甚至训练设计师如何使用 GIF 占位;如微软的“关于 HTML 表格中的 GIF 占位”。

  第一批主要应用表格布局的“所见即所得”网页设计软件的发展助长了表格的应用。另外,某些软件自动生成的表格如此复杂以至于许多设计师不可能从头手写代码(例如每行只有 1px 高却包含了几百列的表格)。即使是稍微复杂一点儿的网页(比如多栏目页面),设计师们都要依赖于表格来创建。

  W3C (1998)  

网页设计发展变化历史及设计案例回顾

  Yahoo! (2002)

  19-05_yahoo2002.jpg

  Altavista (2002)  

网页设计发展变化历史及设计案例回顾

 

  请点击“下一页”,阅读更多精彩内容。

分页导航
作者:Cameron Chapman责任编辑:杨玲)
请关注天极网天极新媒体 最酷科技资讯
扫码赢大奖
评论
* 网友发言均非本站立场,本站不在评论栏推荐任何网店、经销商,谨防上当受骗!
热点推荐
微软Windows 10操作系统Win10系统在Win8的基础上对界面、特性以及跨平台方面做了诸多优化。[详细]
Windows 10 新视界 [进入频道][使用技巧][微博互动]
手机整机DIY企业级