現(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ì)師而言,也代表了自己的青春。