首頁(yè) > 新聞 > 網(wǎng)站設(shè)計(jì) > 從網(wǎng)站設(shè)計(jì)的發(fā)展來(lái)檢視您的網(wǎng)站是否過(guò)時(shí)
從網(wǎng)站設(shè)計(jì)的發(fā)展來(lái)檢視您的網(wǎng)站是否過(guò)時(shí)
1995年開(kāi)始使用商業(yè)用網(wǎng)絡(luò)，開(kāi)啟了訊息傳遞的新形態(tài)。網(wǎng)頁(yè)設(shè)計(jì)制作技術(shù)大約每5~6年有一次重大革新，除了程式撰寫技術(shù)的變革，版面設(shè)計(jì)也會(huì)隨大眾喜好而改變。
簡(jiǎn)單、基礎(chǔ)的設(shè)計(jì)
雖然商業(yè)用網(wǎng)絡(luò)于1995年才正式上線，但早在1990年12月20日就誕生了全世界第一個(gè)網(wǎng)頁(yè)，并于1991年8月6日正式對(duì)外開(kāi)放。一開(kāi)始網(wǎng)頁(yè)僅由文字構(gòu)成，直到能讀取圖片的瀏覽器(browser)誕生后，網(wǎng)頁(yè)才加入了圖片的元素。
Flash─互動(dòng)網(wǎng)頁(yè)的始祖
1996年互動(dòng)多媒體制作技術(shù)「Flash」誕生，改變了網(wǎng)頁(yè)表現(xiàn)的形式。可利用「Flash」制作網(wǎng)站動(dòng)畫，也可以加入聲音、互動(dòng)式效果，讓靜態(tài)的網(wǎng)頁(yè)生動(dòng)了起來(lái)！
「Flash」流行之初引領(lǐng)風(fēng)潮，是當(dāng)時(shí)最好用的網(wǎng)頁(yè)特效動(dòng)畫制作軟件，但是Flash并非開(kāi)放資源、占用系統(tǒng)大量資源、且有網(wǎng)頁(yè)安全性漏洞問(wèn)題。由于HTML5、CSS、Javascript技術(shù)漸趨成熟，加上知名品牌Apple的ceo喬布斯力推多點(diǎn)觸控螢?zāi)坏闹腔坌褪謾C(jī)，喬布斯不顧外界眼光，對(duì)「Flash」開(kāi)了第一槍：「蘋果的行動(dòng)裝置將不支援Flash」。 2017年Google開(kāi)發(fā)的瀏覽器chrome也開(kāi)始全面禁用「Flash」，需用戶主動(dòng)許可才可運(yùn)行，讓使用Flash技術(shù)的網(wǎng)站無(wú)法正常顯示。某國(guó)際知名速食連鎖店網(wǎng)站因此變成只剩下一行文字，而登上了新聞版面，造成一股討論的熱潮。 Adobe也于2017年7月25日宣布，將于2020年底前停止更新、發(fā)布新的Flash Player。
表格切版─高相容性的編排方式
于2006年Firefox瀏覽器因相容性的問(wèn)題，造成網(wǎng)頁(yè)設(shè)計(jì)師相當(dāng)大的困擾。表格制作方便，且相容于各種瀏覽器，因此受到網(wǎng)頁(yè)設(shè)計(jì)師們的喜愛(ài)。表格是由列、欄所組成的矩形元素，且增加、刪減、合并容易。利用HTML語(yǔ)法的元素「表格(Table)」進(jìn)行網(wǎng)頁(yè)切版編排曾稱霸網(wǎng)頁(yè)設(shè)計(jì)。
雖然表格上述優(yōu)點(diǎn)，但只能在表格的范圍內(nèi)進(jìn)行編排制作，表格以外的區(qū)塊則受限制。網(wǎng)頁(yè)設(shè)計(jì)師不斷研發(fā)更好的網(wǎng)頁(yè)設(shè)計(jì)方法，希望可以快速建構(gòu)版面并且能打破界限、可自由擴(kuò)展。
div + CSS + JS─三劍客打破版面界線
Div也是HTML內(nèi)的標(biāo)簽元素，取代了表格切版的網(wǎng)頁(yè)制作技術(shù)，利用div可以打破版面界線，并搭配CSS(層疊樣式表)的控制碼可讓版面更多樣化。
Flash動(dòng)畫讀取時(shí)間較長(zhǎng)、軟件解碼耗費(fèi)手機(jī)電池、不適用觸控手機(jī)，原本Flash動(dòng)畫的網(wǎng)頁(yè)設(shè)計(jì)已經(jīng)不適用行動(dòng)裝置。 2006年誕生的HTML及JavaScript之間操作的函式庫(kù)「jQuery」，利用「jQuery」取代「Flash」互動(dòng)性、動(dòng)畫等效果，解決Flash的問(wèn)題。
響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)(RWD)─裝置影響時(shí)代的潮流
自從電腦不再是唯一可以上網(wǎng)的工具，網(wǎng)頁(yè)設(shè)計(jì)師就開(kāi)始追求打破各個(gè)不同載具的限制。因應(yīng)使用者的上網(wǎng)習(xí)慣，營(yíng)銷人員也開(kāi)始研究如何讓使用者于行動(dòng)裝置操作網(wǎng)站順暢，以提升點(diǎn)閱率與訂單。因而發(fā)展響應(yīng)式網(wǎng)站技術(shù)。有關(guān)于響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)更多的介紹，可參考此篇文章什么是RWD響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)？
HTML5 ─全新技術(shù)標(biāo)準(zhǔn)
Adobe公司于2015年發(fā)布了一項(xiàng)公告，呼吁大家開(kāi)始改用HTML5。 HTML5是HTML(超文字標(biāo)記語(yǔ)言，網(wǎng)頁(yè)的標(biāo)示語(yǔ)言)最新的修訂版本，由全球資訊網(wǎng)協(xié)會(huì)（W3C）于2014年10月完成標(biāo)準(zhǔn)制定，廣義的HTML5包含了三個(gè)部分：HTML、CSS3、JavaScript 。 HTML5添加了許多新的語(yǔ)法，以期符合當(dāng)代的網(wǎng)頁(yè)瀏覽需求，如<video>、<audio>標(biāo)簽。
Flash技術(shù)之所以被淘汰，部分與HTML5崛起的因素有關(guān)。 HTML5不但能做到Flash的功能，而且更安全、有效率、速度更快。且HTML5更是唯一一個(gè)可以支援跨平臺(tái)的程式語(yǔ)言，包含微軟、蘋果、Android作業(yè)系統(tǒng)及所有最新的網(wǎng)頁(yè)瀏覽器，其重要性更是不言可喻。
簡(jiǎn)單、基礎(chǔ)的設(shè)計(jì)
雖然商業(yè)用網(wǎng)絡(luò)于1995年才正式上線，但早在1990年12月20日就誕生了全世界第一個(gè)網(wǎng)頁(yè)，并于1991年8月6日正式對(duì)外開(kāi)放。一開(kāi)始網(wǎng)頁(yè)僅由文字構(gòu)成，直到能讀取圖片的瀏覽器(browser)誕生后，網(wǎng)頁(yè)才加入了圖片的元素。
Flash─互動(dòng)網(wǎng)頁(yè)的始祖
1996年互動(dòng)多媒體制作技術(shù)「Flash」誕生，改變了網(wǎng)頁(yè)表現(xiàn)的形式。可利用「Flash」制作網(wǎng)站動(dòng)畫，也可以加入聲音、互動(dòng)式效果，讓靜態(tài)的網(wǎng)頁(yè)生動(dòng)了起來(lái)！
「Flash」流行之初引領(lǐng)風(fēng)潮，是當(dāng)時(shí)最好用的網(wǎng)頁(yè)特效動(dòng)畫制作軟件，但是Flash并非開(kāi)放資源、占用系統(tǒng)大量資源、且有網(wǎng)頁(yè)安全性漏洞問(wèn)題。由于HTML5、CSS、Javascript技術(shù)漸趨成熟，加上知名品牌Apple的ceo喬布斯力推多點(diǎn)觸控螢?zāi)坏闹腔坌褪謾C(jī)，喬布斯不顧外界眼光，對(duì)「Flash」開(kāi)了第一槍：「蘋果的行動(dòng)裝置將不支援Flash」。 2017年Google開(kāi)發(fā)的瀏覽器chrome也開(kāi)始全面禁用「Flash」，需用戶主動(dòng)許可才可運(yùn)行，讓使用Flash技術(shù)的網(wǎng)站無(wú)法正常顯示。某國(guó)際知名速食連鎖店網(wǎng)站因此變成只剩下一行文字，而登上了新聞版面，造成一股討論的熱潮。 Adobe也于2017年7月25日宣布，將于2020年底前停止更新、發(fā)布新的Flash Player。
↑若您的網(wǎng)站仍然使用Flash，在Chrome、Microsoft Edge會(huì)看到以上畫面。
表格切版─高相容性的編排方式
于2006年Firefox瀏覽器因相容性的問(wèn)題，造成網(wǎng)頁(yè)設(shè)計(jì)師相當(dāng)大的困擾。表格制作方便，且相容于各種瀏覽器，因此受到網(wǎng)頁(yè)設(shè)計(jì)師們的喜愛(ài)。表格是由列、欄所組成的矩形元素，且增加、刪減、合并容易。利用HTML語(yǔ)法的元素「表格(Table)」進(jìn)行網(wǎng)頁(yè)切版編排曾稱霸網(wǎng)頁(yè)設(shè)計(jì)。
雖然表格上述優(yōu)點(diǎn)，但只能在表格的范圍內(nèi)進(jìn)行編排制作，表格以外的區(qū)塊則受限制。網(wǎng)頁(yè)設(shè)計(jì)師不斷研發(fā)更好的網(wǎng)頁(yè)設(shè)計(jì)方法，希望可以快速建構(gòu)版面并且能打破界限、可自由擴(kuò)展。
div + CSS + JS─三劍客打破版面界線
Div也是HTML內(nèi)的標(biāo)簽元素，取代了表格切版的網(wǎng)頁(yè)制作技術(shù)，利用div可以打破版面界線，并搭配CSS(層疊樣式表)的控制碼可讓版面更多樣化。
Flash動(dòng)畫讀取時(shí)間較長(zhǎng)、軟件解碼耗費(fèi)手機(jī)電池、不適用觸控手機(jī)，原本Flash動(dòng)畫的網(wǎng)頁(yè)設(shè)計(jì)已經(jīng)不適用行動(dòng)裝置。 2006年誕生的HTML及JavaScript之間操作的函式庫(kù)「jQuery」，利用「jQuery」取代「Flash」互動(dòng)性、動(dòng)畫等效果，解決Flash的問(wèn)題。
響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)(RWD)─裝置影響時(shí)代的潮流
自從電腦不再是唯一可以上網(wǎng)的工具，網(wǎng)頁(yè)設(shè)計(jì)師就開(kāi)始追求打破各個(gè)不同載具的限制。因應(yīng)使用者的上網(wǎng)習(xí)慣，營(yíng)銷人員也開(kāi)始研究如何讓使用者于行動(dòng)裝置操作網(wǎng)站順暢，以提升點(diǎn)閱率與訂單。因而發(fā)展響應(yīng)式網(wǎng)站技術(shù)。有關(guān)于響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)更多的介紹，可參考此篇文章什么是RWD響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)？
HTML5 ─全新技術(shù)標(biāo)準(zhǔn)
Adobe公司于2015年發(fā)布了一項(xiàng)公告，呼吁大家開(kāi)始改用HTML5。 HTML5是HTML(超文字標(biāo)記語(yǔ)言，網(wǎng)頁(yè)的標(biāo)示語(yǔ)言)最新的修訂版本，由全球資訊網(wǎng)協(xié)會(huì)（W3C）于2014年10月完成標(biāo)準(zhǔn)制定，廣義的HTML5包含了三個(gè)部分：HTML、CSS3、JavaScript 。 HTML5添加了許多新的語(yǔ)法，以期符合當(dāng)代的網(wǎng)頁(yè)瀏覽需求，如<video>、<audio>標(biāo)簽。
Flash技術(shù)之所以被淘汰，部分與HTML5崛起的因素有關(guān)。 HTML5不但能做到Flash的功能，而且更安全、有效率、速度更快。且HTML5更是唯一一個(gè)可以支援跨平臺(tái)的程式語(yǔ)言，包含微軟、蘋果、Android作業(yè)系統(tǒng)及所有最新的網(wǎng)頁(yè)瀏覽器，其重要性更是不言可喻。
- 基于用戶創(chuàng)新
界面設(shè)計(jì)日新月異，夢(mèng)創(chuàng)義堅(jiān)持基于用戶需求的界面創(chuàng)新設(shè)計(jì)……
- 服務(wù)設(shè)計(jì)思維
互聯(lián)網(wǎng)的格局發(fā)生的改變，在我們進(jìn)行設(shè)計(jì)服務(wù)時(shí)更是考慮不同用戶、不同……
- 洞察用戶心理
洞察用戶有意識(shí)和無(wú)意識(shí)的行為以及心理特征通過(guò)構(gòu)造一系列的服務(wù)來(lái)促進(jìn)……
- 查看更多 >>
最新新聞Latest News
- 中小型企業(yè)網(wǎng)站建設(shè)完應(yīng)該如何營(yíng)銷
- 很多中小型企業(yè)往往糾結(jié)于以下10個(gè)問(wèn)題：一、我們起步比別人晚，我們的……
- 做企業(yè)網(wǎng)站到底做給誰(shuí)看？
- 設(shè)計(jì)經(jīng)常時(shí)不時(shí)的遇到一些企業(yè)客戶，常常搞不清楚誰(shuí)會(huì)真正看你的企業(yè)網(wǎng)……
- 傳統(tǒng)企業(yè)進(jìn)軍移動(dòng)互聯(lián)網(wǎng)，從移動(dòng)云網(wǎng)站開(kāi)始
- 移動(dòng)互聯(lián)網(wǎng)是移動(dòng)通信和互聯(lián)網(wǎng)融合的產(chǎn)物，其發(fā)展的重要基礎(chǔ)便是智能手……
- 網(wǎng)站建設(shè)和運(yùn)營(yíng)五大細(xì)節(jié)決定用戶黏性
- 網(wǎng)站的成功離不開(kāi)搜索引擎優(yōu)化，更離不開(kāi)最基礎(chǔ)最根本的用戶群體，如何……
- 2015年值得關(guān)注的電子商務(wù)5大趨勢(shì)
- 線上線下銷售的界線正在變得越來(lái)越模糊。在2015年，這一趨勢(shì)仍將繼續(xù)。……
|
公安部備案號(hào) 11010502032413
