从网站设计的发展来检视您的网站是否过时
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。
表格切版─高相容性的编排方式
于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添加了许多新的语法,以期符合当代的网页浏览需求,如
简单、基础的设计
虽然商业用网络于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会看到以上画面。
表格切版─高相容性的编排方式
于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添加了许多新的语法,以期符合当代的网页浏览需求,如