現(xiàn)如今一提到做網(wǎng)站，網(wǎng)站設(shè)計(jì)公司首先會(huì)向客戶推薦響應(yīng)式網(wǎng)站，也稱(chēng)之為自適應(yīng)網(wǎng)站，是采用HTML5技術(shù)來(lái)實(shí)現(xiàn)的。
之所以HTML5大行其道，這與智能手機(jī)炸式的普及進(jìn)而發(fā)展為自媒體時(shí)代有著直接關(guān)系，以我們國(guó)內(nèi)環(huán)境來(lái)說(shuō)，幾乎人手至少一部手機(jī)，人們的生活已然離不開(kāi)手機(jī)，無(wú)論是休閑娛樂(lè)，還是商務(wù)辦公，都需要依托手機(jī)這樣的載體來(lái)實(shí)現(xiàn)，因此為了方便所有人的正常訪問(wèn)和使用，商家都會(huì)以適應(yīng)手機(jī)訪問(wèn)為重要參考指標(biāo)，這其中H5網(wǎng)站以及基于H5開(kāi)發(fā)的衍生互聯(lián)網(wǎng)產(chǎn)品不斷出現(xiàn)，從側(cè)面來(lái)說(shuō)，H5在當(dāng)前的前端網(wǎng)頁(yè)設(shè)計(jì)開(kāi)發(fā)方面占據(jù)著的主導(dǎo)。
關(guān)于HTML5的優(yōu)勢(shì)本文就不多闡述了，筆者不談現(xiàn)在，也不談將來(lái)，只想通過(guò)本文聊一聊過(guò)去，說(shuō)一說(shuō)網(wǎng)頁(yè)設(shè)計(jì)制作的歷史變遷。
談到網(wǎng)頁(yè)制作就不得不談到編輯工具，在早時(shí)期，很多對(duì)網(wǎng)站建設(shè)有興趣的設(shè)計(jì)師通過(guò)匱乏的資料來(lái)學(xué)習(xí)相關(guān)專(zhuān)業(yè)知識(shí)，那會(huì)比較流行使用frontpage，一款office自帶的網(wǎng)頁(yè)編輯軟件。它大的優(yōu)勢(shì)就是設(shè)計(jì)師可通過(guò)word編輯后進(jìn)而轉(zhuǎn)換為html，大大減少主動(dòng)閱讀代碼的工作，簡(jiǎn)單來(lái)說(shuō)，網(wǎng)站制作就和編輯word幾乎一樣，甚至在很多想學(xué)網(wǎng)頁(yè)的人的認(rèn)知中，編輯word約等于建網(wǎng)站。
可很快一款專(zhuān)業(yè)的網(wǎng)頁(yè)編輯工具以其亮眼的姿態(tài)出現(xiàn)在設(shè)計(jì)師們的群體中，讓大家不禁驚呼“原來(lái)網(wǎng)頁(yè)可以這么做！”它就是dreamweaver，那會(huì)它還是Macromedia公司旗下的產(chǎn)品。要問(wèn)這款工具當(dāng)年有多火，在大家的心目中有多“神”，打個(gè)比方足以說(shuō)明：幾乎所有招聘網(wǎng)頁(yè)設(shè)計(jì)崗位的公司都會(huì)以會(huì)不會(huì)dreamweaver為入職條件。在設(shè)計(jì)師團(tuán)隊(duì)中，如果有人在這個(gè)時(shí)候還用frontpage做網(wǎng)頁(yè)，必然會(huì)受到鄙視的目光。
其實(shí)在當(dāng)時(shí)而言，兩款軟件在前端編輯方面差不了太多，甚至frontpage基于強(qiáng)大的word編輯功能，在純粹的前端編輯更為出色。之所以大家放棄frontpage，原因是因?yàn)樵O(shè)計(jì)師們逐漸往代碼方面學(xué)習(xí)，尤其是樣式表的概念初見(jiàn)成形。漸漸的，很多設(shè)計(jì)師已經(jīng)對(duì)友好的前端編輯界面不再滿足，繼而轉(zhuǎn)向手動(dòng)編輯代碼的后端，享受著手指尖敲擊鍵盤(pán)來(lái)編輯網(wǎng)頁(yè)的快感。
Table，Tr，Td，在過(guò)去近十年的時(shí)間是的網(wǎng)頁(yè)編輯方式主流，它既可以滿足“代碼控”的編碼體驗(yàn)，也可以滿足前端編輯者的工作需求，無(wú)與倫比的瀏覽器兼容性是其大的優(yōu)勢(shì)，即便到了今天，我們也能經(jīng)�？吹絫able來(lái)解決兼容性問(wèn)題。
隨著技術(shù)進(jìn)一步的發(fā)展，大家開(kāi)始嫌棄Table太“羅嗦”，建一個(gè)Table，就離不開(kāi)Tr，也少不了Td，哪怕只打一行字，也需要六行代碼的出現(xiàn)。尤其是當(dāng)面對(duì)很多同類(lèi)頁(yè)面的維護(hù)修改的時(shí)候，設(shè)計(jì)師無(wú)不抓狂的要一頁(yè)一頁(yè)的改。這時(shí)，div+css的開(kāi)發(fā)編輯方式以迅雷不及掩耳之勢(shì)將整個(gè)行業(yè)里的設(shè)計(jì)師群體做了一次“洗牌”，甚至在當(dāng)年一段較長(zhǎng)的日子里Table的擁躉者和在他們看來(lái)新生代的div+css執(zhí)行者之間產(chǎn)生過(guò)多次的爭(zhēng)論，Table擁躉一方手里大的武器就是關(guān)于瀏覽器的兼容性。
其實(shí)回想當(dāng)初，相信即便再執(zhí)著的Table擁躉者也心里清楚：Table終將會(huì)被淘汰，只是時(shí)間的問(wèn)題。果不其然，再往后兩年，網(wǎng)站建設(shè)的迅猛發(fā)展、計(jì)算機(jī)硬件價(jià)格的大幅下調(diào)、操作系統(tǒng)的不斷升級(jí)以及多款瀏覽器工具的問(wèn)世，共同把老版本瀏覽器送進(jìn)了歷史博物館，網(wǎng)頁(yè)兼容性問(wèn)題基本得以解決，換言之，Table也正式成為了歷史。
就在設(shè)計(jì)師們享受著Table與div+css戰(zhàn)后的片刻寧?kù)o時(shí)，一則炸性的消息持續(xù)在網(wǎng)絡(luò)信息當(dāng)中出現(xiàn)，那就是Html5+css3即將問(wèn)世，將來(lái)會(huì)成為網(wǎng)站開(kāi)發(fā)的主流，變成h5時(shí)代；這樣的信息就像今天的5G宣傳一樣，我們即將進(jìn)入到5G時(shí)代。這是歷史向前的發(fā)展，無(wú)人可阻擋。
也許到了今天仍然有人還在用frontpage編輯網(wǎng)頁(yè)，也有人繼續(xù)作Table的擁躉，但是我們不可否認(rèn)，如果你離不開(kāi)手機(jī)，那你自然也離不開(kāi)H5。人們?cè)谙硎苤鳫5所帶來(lái)的紅利時(shí)，也可偶爾回看過(guò)去，無(wú)論是frontpage也好，Table也罷，它們都代表了一個(gè)網(wǎng)絡(luò)時(shí)代，對(duì)于年長(zhǎng)的設(shè)計(jì)師而言，也代表了自己的青春。
