计算机和 IT 更新、技术新闻、评论、技巧比较、洞察力、消费者和企业 IT 的操作方法。

Web、网站和网页设计的演变。

Web、网站和网页设计的演变。

网页设计演变。

Web Destining 自 80 年代首次由 CERN 以超文本的形式启动,然后演变为 HTML Blow 是从那时到今天的时间线。

1989 – 第一个网站项目

Berners-Lee 于 1989 年提议在 CERN 中创建一个全球超文本项目,即现在的万维网

CERN website dispayed in Line Mode Browser : Courtesy CERN

90 年代 – 创新

网页设计随着技术的发展而发展。软件和工具带来了许多变化,这里的网站设计方式是 90 年代的短暂历史。

90 年代初

从 1991 年到 1993 年,网页开始发展。该平台主要是在此期间制作的基于 Unix 的文本页面,没有集成方法。

第一个网页制作于 1992 年,名为 (Word Wide Web)

HTML(超文本标记语言)的初始版本只允许非常基本的内容结构:标题(

等),段落(

) 和链接 ().

1994 年 10 月,Tim Berners-Lee 在麻省理工学院计算机科学实验室创立了万维网联盟 (W3C)

雅虎网站及其信使给网站世界带来了一场革命。

90 年代中期

新版 HTML 允许添加图像 () 到页面,并最终支持表格 (

) 加入。

www 成为网络设计的通用协议。

Vermeer FrontPage 1.0 于 1995 年推出,后来在 1196 年成为用于网页设计的 Microsoft FrontPage 1.1。 PHP 1.0 也在 1995 年推出。随后是 1996 年的 ASP 1.0。

同样, HoTMaiL在 1994 年被微软在 1996 年或 1997 年收购为 Hotmail,然后是 MSN 网站和 Messenger。

90 年代后期

网络浏览器战争开始了,这成为许多个人程序员和公司的机会。

Microsoft Windows 95(1997 年的新版本)将 Internet Explorer 作为操作系统的主要功能,作为对先前版本的增强。微软还在其办公套装应用程序中包含了 FrontPage 1997,该应用程序广受欢迎,几乎每个网页设计师都认为它是网页设计的必备软件。

Opera 1.0 在此期间推出。

Altavista Search English 在 90 年代后期流行起来,吸引了 SEO 设计师。搜索引擎优化一词最早出现于 1997 年 5 月

Netscape 获得了人气和用户,但战斗仍在继续,并帮助许多设计人员和开发人员改进技术。

在此期间,层叠样式表 (CSS)、Java Script 和动态 HTML 以及许多新技术也诞生了。

MacroMedia 最初为 Mac 推出了 Flash、Dreamweaver 和 Fireworks 应用程序。 1998 年推出了第一个 Windows 版本。

用于小部件的 Flash 和动画 GIF 以及 Java Script 越来越受欢迎。

robots.txt 标准(机器人排除标准或机器人排除协议)作为 W3C www-talk 邮件列表的一部分。 robots.txt 文件中定义的规则用于阻止或限制索引机器人访问网站。

Favicon (收藏夹和图标的组合)首次出现在 Internet Explorer 5.0

电子商务网站

虽然电子商务并不新鲜,但电子商务在 www 存在之前就已经存在,但电子商务网站为电子商务打开了新的大门,亚马逊于 1995 年推出了第一个电子商务网站来拍卖书籍。

在线支付网关

PayPal 是第一个在线支付网关,于 1998 年开始提供第一项服务

2000 年——重要的一年

为 MAC 推出了 Internet Explorer,同时也推出了 Netscape Communicator,为网页设计师提供支持和创造更多机会。

浏览器支持 PNG 图片格式,CSS 变得非常流行。

Netscape 被卖给了 AOL,因为它在与微软的战争中输了。微软还提供了 FrontPage 桌面应用程序

2001-2010 – 互联网革命

这一时期主要被称为设计十年。在这 10 年间,互联网和电信不断发展,并带来了商机。许多公司获得了前所未有的人气。

写博客

Pyra Labs 在 Blogger.com 上推出了最古老的博客工具之一。在随后的几年里,新的博客平台获得了大量用户。 2003 年 2 月,Blogger.com 被谷歌收购。

(网络日志) 博客变得普遍,许多人开始设计自己的博客网站。

网站中的时尚按钮、圆形、鼠标悬停效果、音乐和媒体等新图形开始流行。

Web2.0、HTML5、Ajaand CSS3 和 JavaScript APIs 被普遍用于编程。包括矢量和光栅图形编辑器在内的图形设计在创建网站图形方面广受欢迎。

移动应用程序和 Web 应用程序的兴起发生在此期间,响应式网页设计成为网页设计师的 USP。

2009年,网站的网格布局变得普遍。

土坯

Adobe 收购了 Macromedia。 Flash 和 Dreamweaver 与 Adobe 打上了烙印。

火狐

Firefox 于 2004 年 11 月 9 日进入网络并推出了第一版网络浏览器 Firefox 1.0。

XML

开发了数百种基于 XML 的语言,包括 RSS、Atom、SOAP 和 XHTML。基于 XML 的格式已成为许多办公生产力工具的默认格式,包括 Microsoft Office (Office Open XML)、OpenOffice.org 和 LibreOffice(OpenDocument) 以及 Apple 的 iWork。 XML 也被用作通信协议的基本语言,例如 XMPP。

维基百科

Jimmy WalesLarry Sanger创立了多语种互联网百科全书Wikipedia。百科全书的内容在知识共享的自由和开放许可下共享。来自世界各地的志愿者贡献者参与创建维基百科条目。

社交网站

网页设计工具的改进帮助公司和个人将人们联系起来。社交网站在 2005-2010 年变得流行

– 我的空间 2004
– Flickr 2004
– 挖掘 2004
– YouTube 2005
– Reddit 2005
– 推特 2006
– Facebook 2006
– 2007 年的 Tumblr
– 谷歌+ 2011

谷歌

该浏览器于 2008 年9 月 2 日首次公开发布,适用于 Windows XP 及更高版本,支持 43 种语言,正式为测试版,并于2008 年 12 月 11 日作为稳定的公开发布。

WordPress的

WordPress的于 2003 年首次出现,是 Matt Mullenweg 和 Mike Little 共同创建的 b2 分支。开源内容管理系统的第一个版本称为WordPress 0.7 。该发布系统基于 PHP 和 MySQL 技术,并在 GNU GPL 自由软件许可下开发。 WordPress 的前身是 b2/cafelog 博客平台。它是最受欢迎和最常见的 CMS 工具,到 2010 年底,大约 33% 的网站是在这个平台上制作的,而目前在 2019 年,几乎 68% 的网站都建立在 WordPress 上。

A2 Hosting 迎来夏季促销

Joomla

Joomla 于 2005 年推出,几乎和 WordPress 一样古老。在 WordPress 之后,Joomla 是第二受欢迎的内容管理系统,为互联网上大约 3% 的网站提供支持,并占据了 5.4% 的内容管理系统市场。

在这十年中有许多改进,2010 年以响应式网页设计结束。

2010-2019

在这十年中,他们进行了无数次改进,许多旧技术如 Flash 被丢弃。在网页浏览方面,Microsoft Edge 是微软最大的改变。

渐进式 Web 应用程序、加速移动页面、语音搜索优化、API 开发、推送通知、AI 驱动的聊天机器人和 Motion UI 是设计人员和开发人员在设计网站时必须考虑的关键概念。

今天有许多技术来开发网站,但最流行的是 Adobe Dreamweaver CC、Bluefish、Atom 文本编辑器、谷歌网页设计器、Webflow,最后最常见的几乎 70% 的网站是在这个平台上制作的WordPress的

虽然,有一些最终用户网页设计工具,如 wix.com,但我不认为它们是网页设计工具。虽然,wordpress 在某些情况下也是最终用户设计的,但集成和设计仍然使 wordpress 处于领先地位。

本博客并未涵盖所有内容,但下面列出了最常见的工具和技术,这些工具和技术是在这十年中引入或发展的。

Bootstrap

Twitter 的 Web 开发人员 Mark Otto 和 Jacob Thorton 于 2011 年年中开始创建 CSS 框架 Bootstrap。该框架最初是为了帮助维护 Twitter 应用程序中 HTML/CSS 和 JavaScript 代码的一致性而开发的。 2011 年 8 月, Bootstrap 1 作为开源工具发布,目前是 Web 设计人员中最受欢迎的 CSS 框架之一。 2012 年 1 月,Bootstrap 2 发布,支持响应式网页布局。

材料设计

谷歌在谷歌 I/O 大会上推出了一种名为 Material Design 的新图形风格。自 2015 年以来,谷歌使用 Material Design 一贯的视觉风格重新设计了大部分应用程序和服务。根据谷歌的定义,Material Design 是一种“将优秀设计的经典原则与技术和科学的创新和可能性相结合的视觉语言”。

HTML5

W3C 采用了HTML5 标记语言的最终建议。 HTML5 版本带来了改进的浏览器多媒体播放支持、更好地定义页面结构的新语义标签、离线应用程序支持以及可以解释矢量图形的标签,可以选择插入图像。

0
喜欢你的想法,请发表评论。 X
()
X