首页 > 新闻 > 网站设计 > 从网站设计的发展来检视您的网站是否过时

从网站设计的发展来检视您的网站是否过时

　　1995年开始使用商业用网络，开启了讯息传递的新形态。网页设计制作技术大约每5~6年有一次重大革新，除了程式撰写技术的变革，版面设计也会随大众喜好而改变。

　　简单、基础的设计

　　虽然商业用网络于1995年才正式上线，但早在1990年12月20日就诞生了全世界第一个网页，并于1991年8月6日正式对外开放。一开始网页仅由文字构成，直到能读取图片的浏览器(browser)诞生后，网页才加入了图片的元素。

　　Flash─互动网页的始祖

　　1996年互动多媒体制作技术「Flash」诞生，改变了网页表现的形式。可利用「Flash」制作网站动画，也可以加入声音、互动式效果，让静态的网页生动了起来！

　　「Flash」流行之初引领风潮，是当时最好用的网页特效动画制作软件，但是Flash并非开放资源、占用系统大量资源、且有网页安全性漏洞问题。由于HTML5、CSS、Javascript技术渐趋成熟，加上知名品牌Apple的ceo乔布斯力推多点触控萤幕的智慧型手机，乔布斯不顾外界眼光，对「Flash」开了第一枪：「苹果的行动装置将不支援Flash」。 2017年Google开发的浏览器chrome也开始全面禁用「Flash」，需用户主动许可才可运行，让使用Flash技术的网站无法正常显示。某国际知名速食连锁店网站因此变成只剩下一行文字，而登上了新闻版面，造成一股讨论的热潮。 Adobe也于2017年7月25日宣布，将于2020年底前停止更新、发布新的Flash Player。

若您的网站仍然使用Flash，在Chrome、Microsoft Edge无法显示

　　↑若您的网站仍然使用Flash，在Chrome、Microsoft Edge会看到以上画面。

　　表格切版─高相容性的编排方式

　　于2006年Firefox浏览器因相容性的问题，造成网页设计师相当大的困扰。表格制作方便，且相容于各种浏览器，因此受到网页设计师们的喜爱。表格是由列、栏所组成的矩形元素，且增加、删减、合并容易。利用HTML语法的元素「表格(Table)」进行网页切版编排曾称霸网页设计。

　　虽然表格上述优点，但只能在表格的范围内进行编排制作，表格以外的区块则受限制。网页设计师不断研发更好的网页设计方法，希望可以快速建构版面并且能打破界限、可自由扩展。

　　div + CSS + JS─三剑客打破版面界线

　　Div也是HTML内的标签元素，取代了表格切版的网页制作技术，利用div可以打破版面界线，并搭配CSS(层叠样式表)的控制码可让版面更多样化。

　　Flash动画读取时间较长、软件解码耗费手机电池、不适用触控手机，原本Flash动画的网页设计已经不适用行动装置。 2006年诞生的HTML及JavaScript之间操作的函式库「jQuery」，利用「jQuery」取代「Flash」互动性、动画等效果，解决Flash的问题。

　　响应式网页设计(RWD)─装置影响时代的潮流

　　自从电脑不再是唯一可以上网的工具，网页设计师就开始追求打破各个不同载具的限制。因应使用者的上网习惯，营销人员也开始研究如何让使用者于行动装置操作网站顺畅，以提升点阅率与订单。因而发展响应式网站技术。有关于响应式网页设计更多的介绍，可参考此篇文章什么是RWD响应式网页设计？

　　HTML5 ─全新技术标准

　　Adobe公司于2015年发布了一项公告，呼吁大家开始改用HTML5。 HTML5是HTML(超文字标记语言，网页的标示语言)最新的修订版本，由全球资讯网协会（W3C）于2014年10月完成标准制定，广义的HTML5包含了三个部分：HTML、CSS3、JavaScript 。 HTML5添加了许多新的语法，以期符合当代的网页浏览需求，如<video>、<audio>标签。

　　Flash技术之所以被淘汰，部分与HTML5崛起的因素有关。 HTML5不但能做到Flash的功能，而且更安全、有效率、速度更快。且HTML5更是唯一一个可以支援跨平台的程式语言，包含微软、苹果、Android作业系统及所有最新的网页浏览器，其重要性更是不言可喻。