简介
截至2023年6月20日,W3C网站已进入其第五版设计。以下是自1994年上线以来,W3C网站设计演变的详细记录。感谢WayBack Machine自1996年12月27日以来定期保存此网站的快照。
反馈
如果您对W3C网站有反馈,请将每条评论作为GitHub问题提交(如果您无法使用GitHub,请发送电子邮件至public-website-redesign@w3.org,这是一个公开归档的邮件列表)。
第一版设计(1994-1997)
W3C主页的第一版设计大概只是一个列出三个主要邮件列表的讨论索引,几乎没有任何样式。我们需要找到当时的截图,并在找到后替换。
-
1996-12-27
在archive.org上最早捕获的初版W3C网站设计显示,当时我们使用的是绿色-红色-蓝色的W3C图标,该图标已停止使用。
浏览此版本
-
1997-04-12
这次更新引入了“W3C蓝色”的W3C图标,“W3”部分采用蓝色。签名指向一个“Webmaster”网页而不是直接指向电子邮件。
浏览此版本
第二版设计(1997-2000)
W3C网站的首次实际设计引入了两栏布局,并使用了完整版本的W3C标志。随着万维网联盟运营进入第三年,网站需要展示更多的信息。
-
1997-12-10
早期的设计全部为白色,相当简陋,使用了一列较宽的主左侧栏,以及一列较窄的右侧栏来展示新闻和网站的更多页面。
浏览此版本
-
1999-04-29
主要变化是在主页添加了一个搜索按钮。我们还看到右侧栏的内容增加了,从而为主栏内容腾出空间。
浏览此版本
-
2000-08-15
此版本为右侧栏引入了浅黄色背景。我们看到主栏的重点是新闻,并且侧栏中对内容进行了部分分类和排序。
浏览此版本
第三版设计(2000-2009)
2000年末的设计采用了三栏布局。这十年里,网站及其主页的内容量不断增加,逐渐导致需要重新思考信息架构。
-
2000-12-15
这一版在左侧增加了一个窄栏,用于存放按字母顺序排列的正在开发中的技术列表。右侧栏进行了改进,添加了栏目标题。而主栏则使用了箭头和彩色标题等视觉元素来突出重要新闻。主导航菜单出现在顶部和底部。
浏览此版本
-
2002-04-02
在这次小幅更新中,搜索框从右侧栏的底部移到了顶部,并提供了对于本站点或整个Web的搜索选项。我们还看到左侧栏的内容增加了30%,这表明工作领域在扩展。最后,这一版还提供了一个提交网站反馈意见的方式。
浏览此版本
-
2002-12-20
这一修订引入了不同的颜色,移除了底部导航菜单,并更加强调从页面顶部介绍W3C。虽然内容看起来更加紧凑,但其实密度差不多。
浏览此版本
-
2004-06-16
在右侧栏创建了一个专项区域,用于突出显示W3C会员,该区域在每次重新加载主页时随机轮换,显示组织的标志以及关于W3C对其或其业务价值的推荐语。
浏览此版本
-
2004-10-09
这个版本增加了更多内容,特别是在左上方添加了一个带有框的区域,用于突出特定信息。这里是用于展示活动的,但这种使用框的概念在接下来的几年中一直保留。
浏览此版本
-
2005-03-17
这一版中最显著的变化是,在右侧栏底部列出了全球各地的W3C办事处,从而强调了万维网联盟的全球影响力。
浏览此版本
第四版设计(2009-2023)
第四版设计的时代可以说是主页外观和整个网站内容管理方式的一个重大变革时期。这一版采用了更现代的设计、在顶级页面之间一致的导航模式、不同的信息架构、新的技术报告样式以及新增的内容,包括日历和汇总博客。随后对这一设计的许多改动都是小规模的,但网站其他部分发生了重大变化,因为W3C系统团队创建了重要的工具。
-
2009-10-15
这个设计像之前两个版本一样引人注目,就像它们相比于原始外观一样。这是一次突然的变革,而之前的变化更有机和渐进。这个重新设计的长处在于内容可以在整个网站中以块的形式重复使用。
浏览此版本
-
2010-01-20
在此次更新中,最显著的变化是主页上显示的文字大小,经过调整后更加均衡,以适应不同的空间。
浏览此版本
-
2020-01-14
这个版本移除了右上角的选择器,该选择器用于从16个地区中选择W3C办事处。十年后,主页几乎看起来完全一样。因为图标是定制的且无法很好扩展,所以左侧栏菜单前的图标被移除了。再有,我们注意到主页上展示的内容变得相当丰富,预示着未来的重新设计。
浏览此版本
请参考历史页面网站重新设计(2008),了解该项目的目标和特点。
第五版设计(2023至今)
这一版设计彻底改造了网站的前端和后端、内容管理系统(CMS)以及整个信息架构。设计目标是通过一个更加现代、包容且易用的网站,更有效地传达我们组织的工作内容。
-
2023-02-27
测试版在正式部署前四个月发布。
浏览此版本
-
2023-06-20
这一版设计实现了更简洁、现代的外观和更高的可用性,改进了无障碍性,同时简化了网站的管理方式。
浏览此版本