首頁 > 新聞 > 網(wǎng)站設(shè)計 > 從網(wǎng)站設(shè)計的發(fā)展來檢視您的網(wǎng)站是否過時

從網(wǎng)站設(shè)計的發(fā)展來檢視您的網(wǎng)站是否過時

　　1995年開始使用商業(yè)用網(wǎng)絡(luò)，開啟了訊息傳遞的新形態(tài)。網(wǎng)頁設(shè)計制作技術(shù)大約每5~6年有一次重大革新，除了程式撰寫技術(shù)的變革，版面設(shè)計也會隨大眾喜好而改變。

　　簡單、基礎(chǔ)的設(shè)計

　　雖然商業(yè)用網(wǎng)絡(luò)于1995年才正式上線，但早在1990年12月20日就誕生了全世界第一個網(wǎng)頁，并于1991年8月6日正式對外開放。一開始網(wǎng)頁僅由文字構(gòu)成，直到能讀取圖片的瀏覽器(browser)誕生后，網(wǎng)頁才加入了圖片的元素。

　　Flash─互動網(wǎng)頁的始祖

　　1996年互動多媒體制作技術(shù)「Flash」誕生，改變了網(wǎng)頁表現(xiàn)的形式。可利用「Flash」制作網(wǎng)站動畫，也可以加入聲音、互動式效果，讓靜態(tài)的網(wǎng)頁生動了起來！

　　「Flash」流行之初引領(lǐng)風潮，是當時最好用的網(wǎng)頁特效動畫制作軟件，但是Flash并非開放資源、占用系統(tǒng)大量資源、且有網(wǎng)頁安全性漏洞問題。由于HTML5、CSS、Javascript技術(shù)漸趨成熟，加上知名品牌Apple的ceo喬布斯力推多點觸控螢幕的智慧型手機，喬布斯不顧外界眼光，對「Flash」開了第一槍：「蘋果的行動裝置將不支援Flash」。 2017年Google開發(fā)的瀏覽器chrome也開始全面禁用「Flash」，需用戶主動許可才可運行，讓使用Flash技術(shù)的網(wǎng)站無法正常顯示。某國際知名速食連鎖店網(wǎng)站因此變成只剩下一行文字，而登上了新聞版面，造成一股討論的熱潮。 Adobe也于2017年7月25日宣布，將于2020年底前停止更新、發(fā)布新的Flash Player。

若您的網(wǎng)站仍然使用Flash，在Chrome、Microsoft Edge無法顯示

　　↑若您的網(wǎng)站仍然使用Flash，在Chrome、Microsoft Edge會看到以上畫面。

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

　　于2006年Firefox瀏覽器因相容性的問題，造成網(wǎng)頁設(shè)計師相當大的困擾。表格制作方便，且相容于各種瀏覽器，因此受到網(wǎng)頁設(shè)計師們的喜愛。表格是由列、欄所組成的矩形元素，且增加、刪減、合并容易。利用HTML語法的元素「表格(Table)」進行網(wǎng)頁切版編排曾稱霸網(wǎng)頁設(shè)計。

　　雖然表格上述優(yōu)點，但只能在表格的范圍內(nèi)進行編排制作，表格以外的區(qū)塊則受限制。網(wǎng)頁設(shè)計師不斷研發(fā)更好的網(wǎng)頁設(shè)計方法，希望可以快速建構(gòu)版面并且能打破界限、可自由擴展。

　　div + CSS + JS─三劍客打破版面界線

　　Div也是HTML內(nèi)的標簽元素，取代了表格切版的網(wǎng)頁制作技術(shù)，利用div可以打破版面界線，并搭配CSS(層疊樣式表)的控制碼可讓版面更多樣化。

　　Flash動畫讀取時間較長、軟件解碼耗費手機電池、不適用觸控手機，原本Flash動畫的網(wǎng)頁設(shè)計已經(jīng)不適用行動裝置。 2006年誕生的HTML及JavaScript之間操作的函式庫「jQuery」，利用「jQuery」取代「Flash」互動性、動畫等效果，解決Flash的問題。

　　響應式網(wǎng)頁設(shè)計(RWD)─裝置影響時代的潮流

　　自從電腦不再是唯一可以上網(wǎng)的工具，網(wǎng)頁設(shè)計師就開始追求打破各個不同載具的限制。因應使用者的上網(wǎng)習慣，營銷人員也開始研究如何讓使用者于行動裝置操作網(wǎng)站順暢，以提升點閱率與訂單。因而發(fā)展響應式網(wǎng)站技術(shù)。有關(guān)于響應式網(wǎng)頁設(shè)計更多的介紹，可參考此篇文章什么是RWD響應式網(wǎng)頁設(shè)計？

　　HTML5 ─全新技術(shù)標準

　　Adobe公司于2015年發(fā)布了一項公告，呼吁大家開始改用HTML5。 HTML5是HTML(超文字標記語言，網(wǎng)頁的標示語言)最新的修訂版本，由全球資訊網(wǎng)協(xié)會（W3C）于2014年10月完成標準制定，廣義的HTML5包含了三個部分：HTML、CSS3、JavaScript 。 HTML5添加了許多新的語法，以期符合當代的網(wǎng)頁瀏覽需求，如<video>、<audio>標簽。

　　Flash技術(shù)之所以被淘汰，部分與HTML5崛起的因素有關(guān)。 HTML5不但能做到Flash的功能，而且更安全、有效率、速度更快。且HTML5更是唯一一個可以支援跨平臺的程式語言，包含微軟、蘋果、Android作業(yè)系統(tǒng)及所有最新的網(wǎng)頁瀏覽器，其重要性更是不言可喻。