1995年開始使用商業(yè)用網(wǎng)絡(luò),開啟了訊息傳遞的新形態(tài)。
網(wǎng)頁設(shè)計(jì)制作技術(shù)大約每5~6年有一次重大革新,除了程式撰寫技術(shù)的變革,版面設(shè)計(jì)也會(huì)隨大眾喜好而改變。
簡單、基礎(chǔ)的設(shè)計(jì)雖然商業(yè)用網(wǎng)絡(luò)于1995年才正式上線,但早在1990年12月20日就誕生了全世界第一個(gè)網(wǎng)頁,并于1991年8月6日正式對(duì)外開放。一開始網(wǎng)頁僅由文字構(gòu)成,直到能讀取圖片的瀏覽器(browser)誕生后,網(wǎng)頁才加入了圖片的元素。
Flash─互動(dòng)網(wǎng)頁的始祖1996年互動(dòng)多媒體制作技術(shù)「Flash」誕生,改變了網(wǎng)頁表現(xiàn)的形式。可利用「Flash」制作網(wǎng)站動(dòng)畫,也可以加入聲音、互動(dòng)式效果,讓靜態(tài)的網(wǎng)頁生動(dòng)了起來!
「Flash」流行之初引領(lǐng)風(fēng)潮,是當(dāng)時(shí)最好用的網(wǎng)頁特效動(dòng)畫制作軟件,但是Flash并非開放資源、占用系統(tǒng)大量資源、且有網(wǎng)頁安全性漏洞問題。由于HTML5、CSS、Javascript技術(shù)漸趨成熟,加上知名品牌Apple的ceo喬布斯力推多點(diǎn)觸控螢?zāi)坏闹腔坌褪謾C(jī),喬布斯不顧外界眼光,對(duì)「Flash」開了第一槍:「蘋果的行動(dòng)裝置將不支援Flash」。 2017年Google開發(fā)的瀏覽器chrome也開始全面禁用「Flash」,需用戶主動(dòng)許可才可運(yùn)行,讓使用Flash技術(shù)的網(wǎng)站無法正常顯示。某國際知名速食連鎖店網(wǎng)站因此變成只剩下一行文字,而登上了新聞版面,造成一股討論的熱潮。 Adobe也于2017年7月25日宣布,將于2020年底前停止更新、發(fā)布新的Flash Player。
↑若您的網(wǎng)站仍然使用Flash,在Chrome、Microsoft Edge會(huì)看到以上畫面。
表格切版─高相容性的編排方式于2006年Firefox瀏覽器因相容性的問題,造成
網(wǎng)頁設(shè)計(jì)師相當(dāng)大的困擾。表格制作方便,且相容于各種瀏覽器,因此受到
網(wǎng)頁設(shè)計(jì)師們的喜愛。表格是由列、欄所組成的矩形元素,且增加、刪減、合并容易。利用HTML語法的元素「表格(Table)」進(jìn)行網(wǎng)頁切版編排曾稱霸
網(wǎng)頁設(shè)計(jì)。
雖然表格上述優(yōu)點(diǎn),但只能在表格的范圍內(nèi)進(jìn)行編排制作,表格以外的區(qū)塊則受限制。
網(wǎng)頁設(shè)計(jì)師不斷研發(fā)更好的
網(wǎng)頁設(shè)計(jì)方法,希望可以快速建構(gòu)版面并且能打破界限、可自由擴(kuò)展。
div + CSS + JS─三劍客打破版面界線Div也是HTML內(nèi)的標(biāo)簽元素,取代了表格切版的網(wǎng)頁制作技術(shù),利用div可以打破版面界線,并搭配CSS(層疊樣式表)的控制碼可讓版面更多樣化。
Flash動(dòng)畫讀取時(shí)間較長、軟件解碼耗費(fèi)手機(jī)電池、不適用觸控手機(jī),原本Flash動(dòng)畫的
網(wǎng)頁設(shè)計(jì)已經(jīng)不適用行動(dòng)裝置。 2006年誕生的HTML及JavaScript之間操作的函式庫「jQuery」,利用「jQuery」取代「Flash」互動(dòng)性、動(dòng)畫等效果,解決Flash的問題。
響應(yīng)式網(wǎng)頁設(shè)計(jì)(RWD)─裝置影響時(shí)代的潮流自從電腦不再是唯一可以上網(wǎng)的工具,
網(wǎng)頁設(shè)計(jì)師就開始追求打破各個(gè)不同載具的限制。因應(yīng)使用者的上網(wǎng)習(xí)慣,營銷人員也開始研究如何讓使用者于行動(dòng)裝置操作網(wǎng)站順暢,以提升點(diǎn)閱率與訂單。因而發(fā)展
響應(yīng)式網(wǎng)站技術(shù)。有關(guān)于響應(yīng)式
網(wǎng)頁設(shè)計(jì)更多的介紹,可參考此篇文章什么是RWD響應(yīng)式
網(wǎng)頁設(shè)計(jì)?
HTML5 ─全新技術(shù)標(biāo)準(zhǔn)Adobe公司于2015年發(fā)布了一項(xiàng)公告,呼吁大家開始改用HTML5。 HTML5是HTML(超文字標(biāo)記語言,網(wǎng)頁的標(biāo)示語言)最新的修訂版本,由全球資訊網(wǎng)協(xié)會(huì)(W3C)于2014年10月完成標(biāo)準(zhǔn)制定,廣義的HTML5包含了三個(gè)部分:HTML、CSS3、JavaScript 。 HTML5添加了許多新的語法,以期符合當(dāng)代的網(wǎng)頁瀏覽需求,如