網站時光機，網站設計的五個世代變革

第一個網站從1989年到現在經歷了34年，以網站設計方式大致分成五個世代，第一代是「靜態HTML網站」，然後走向容易管理的第二代「資料庫網站設計」，因應行動裝置則有了第三代的「RWD網站設計」，為了讓網站建置更有效率於是出現了第四代的「SAAS網站設計」，有了AI之後接著就是出現了第五代的「AI網站設計」，可以利用AI需求問答直接產出網站，未來的網站還需要網站設計師嗎？誰也不知道。
〈延伸閱讀：網頁設計公司不會告訴你的5個真相〉
 

有了瀏覽器才有網站

討論網站設計的年代之前，必須先瀏覽器的興盛起落，因為瀏覽器是網站設計的載體，有了瀏覽器才會有網站，有了網站才需要進行對網站進行「網站設計」。
〈延伸閱讀：網站建置前，你應該知道的6個網頁設計觀念〉

世界上第一個網站

Sir Timothy John Berners-Lee（出生於1955年6月8日）是一個英國電腦科學家，他於1989年發明了全球資訊網（WWW），於隔年1990年12月25日，在網際網路實現了超文字傳輸協定（HTTP）客戶端與伺服器的第一次通訊，發明了世界上第一個網站與第一個瀏覽器，被《時代》雜誌列為 20 世紀最重要的人物。
〈延伸閱讀：如何選擇網頁設計公司？ 7個秘訣過濾設計公司〉

 

世界上第一家全球資訊網公司- Netscape

第一次看到網景是在小編16歲的時候，當時的網站瀏覽器就是目前網站的雛形，瀏覽器可以放圖片、文字、超連結，當年的瀏覽器開創者Netscape可是市佔率90%的公司。

Netscape(網景)瀏覽器

第一次瀏覽器大戰

以前的Netscape可是收費的，要在各大電腦系統像是微軟Windows、蘋果MacOS都是安裝Netscape進行上網，Netscape可以跨平台，有一致的使用體驗，但好景不常，網景於1995年試圖開發可以修改檔案的網路應用系統，這踩到了微軟的紅線，於是微軟開始製作自己的瀏覽器，就是大名鼎鼎的Internet Explorer (1.0)，並在Windows 95時隨作業系統贈送免費的IE(Internet Explorer)，於是展開了第一次瀏覽器大戰，Netscape Communicator與IE不斷在瀏覽器加入了許多功能，而且相互不支援，讓網站設計變得難以整合。

 

第一次瀏覽器大戰，誰贏了？

微軟1997年發佈到Internet Explorer 4.0的時候，市場口碑正式超越Netscape Communicator，於1999年正式超越Netscape Communicator市佔率，微軟有錢、人才多，針對網景的功能往死裡打，「免費程式對上收費程式」終究撐不住微軟的多拳進攻終於落敗，經歷了被美國線上收購，與微軟的訴訟之後，於2003解散。Netscape曾於1998年1月，展開Mozilla開放原始碼計畫，也就是現在Firefox的前身，也是之後與Google Chrome進行第二次瀏覽器大戰的主角之一。

 

第二次瀏覽器大戰

Netscape Communicator全面潰敗之後，雖然留下了Mozilla這個火苗，但是IE(Internet Explorer)已經取得前所未有的勝利，幾乎等於是瀏覽器的代名詞，Mozilla Firefox 一路抵抗在開放原始碼得到支持，但微軟市佔率一直是居高不下，對於IE的漏洞、閃關只能忍受再忍受，Firefox維持26％上下的市佔率，直到2008年的Google Chrome上市，展開了為期4年的第二次瀏覽器大戰，2013年IE與Chrome產生了黃金交叉，從此Chrome甩開了IE與Firefox，稱王至今，市佔約65%，唯一稍稍能抗衡的只剩下Mac的Safari(19%)。

2013年Chrome正式超越IE，成為瀏覽器霸主

【資料來源：WIKI 】
 

網站設計的第一個時代：靜態網站(1990~2005)

1990年第一個網站與瀏覽器被發明的同時，Adobe Photoshop 也在當年推出1.0版本，為設計產業開創了一個新時代，當然也包含了網頁設計。網站一開始就是圖片、文字、超連結，因為有了美感的需要，慢慢才有設計師的加入，以前是沒有網頁設計軟體的，都是要熟悉HTML才能進行網站設計，直到1995年的的FrontPage出現，網頁設計師這個職業才正式浮上檯面，網頁設計師不再需要懂HTML就能進行網站設計，1997年又推出了Macromedia Dreamweaver，靜態網站設計正式進入了白熱化階段。
註：Macromedia Dreamweaver於1997年推出，Macromedia後來被Adobe併購。

 

同場加映：Flash已經死亡

靜態網站中最令人印象深刻的就是Falsh，Flash開始於1996年，是多媒體創作和支援播放的技術，Flash使用的是向量圖片與動畫，記得那時候有一堆Flash創作，像是阿貴、訐譙龍，Flash也可以做互動的功能，當年真的很流行，網站設計師還要會做Flash才行，Flash因為技術封閉而產生資安風險，慢慢所有的瀏覽器慢慢不願意提供支援，Flash於2020年即完全無法使用，Flash動畫效果已經被CSS、jQuery、HTML 5…所取代。
〈延伸閱讀：UX/UI不一樣，UI/UX設計是什麼？〉
〈延伸閱讀：2024 網頁設計指南〉

 

網站設計的第二個時代：資料庫網站設計(1995~至今)

「資料庫網站設計」顧名思義就是以資料庫進行的網站設計，也有人稱作「動態網站設計」，網站不再像是靜態網站一頁一頁製作，可以透過網站程式連結資料庫，方便從後台(CMS)輕易的產出網頁，網站正式進入程式設計的年代，到現在為止都還是網站設計主流，PHP於1995年上市，ASP於1997年發表，之後的1999年的JSP初始版本上線，複雜的技術先不談，總之有了PHP、ASP、JSP之後，網站才能透這些程式去連結資料庫(MySQL、MsSQL、Oracle…)，網站設計正式加入了「網站程式設計師」或是「網際網路程式設計師」這個職缺，負責與網站設計師配合，網站設計兼具了視覺與程式的整合。
〈延伸閱讀：CMS是什麼？好的網站後台有什麼特質？〉

 

網站設計的第三個時代：RWD網站設計(2010~至今)

雖然蘋果於2007年就發表了iphone，也搭載了Safari網頁瀏覽器，但RWD設計概念則是在2010年5月被美國網頁設計師Ethan Marcotte提出，但RWD真正的最高峰的時間點是Google於2015年4月21日宣布RWD是關鍵字排名的重要依據，Google當時已經是市佔超過90%的搜尋引擎，沒有RWD的網站如同被宣判死刑，你不做RWD都不行，當RWD變成顯學而且依附Google所需要的SEO架構時，「網站前端工程師」或稱「網站前端設計師」這個網站設計職缺就慢慢出現了，網站前端工程師的工作是，將網站視覺設計圖變成HTML，而且要將網站「適應於各種裝備與載體」，以前會使用「即見即所得」設計軟體，像是Dreamweaver、FrontPage，因為RWD的複雜度，需要更精準的撰寫HTML以精簡程式、提高效能。
〈延伸閱讀：RWD網頁設計是什麼意思？〉
〈延伸閱讀：什麼是RWD？ RWD跟AWD有什麼不同？〉
〈延伸閱讀：RWD網頁設計並沒有都一樣！〉
〈延伸閱讀：手機版網站 、RWD響應式網站，差在哪?〉

 

網站設計的第四個時代： SAAS網站設計(2011~至今)

「SAAS(軟體即服務)」這個名稱據稱初次出現在一個2011年的「戰略背景說明會：軟體即服務」的文章中，也陸續出現在網路服務中，SAAS就是只要開個帳號馬上就能用的軟體服務，而網站也是一種線上軟體，開個帳號就能用的網站，像是Shopify(2004)、Wix(2006)、Webflow(2013)、Shopline(2013)、Cyberbiz(2014)…，SAAS這10年間已經變成網站設計主流，撇除一些特殊用途的網站，SAAS提供的各種雲端服務，已如雨後春筍般的發展，現在購物網站已經很少有人要獨立開發了，都會使用SAAS建置購物網站，又快、成本又低、更安全、更全面，當大量SAAS網站服務出現時，網站設計師就得學會各種SAAS服務的組裝工作。
〈延伸閱讀：網頁設計的使用者體驗(UX)如何執行？〉
 

網站設計的第五個時代： AI網站設計(2024~至今)

AI(人工智慧)不是新的知識，從有計算機概論以來，一直都是基本知識，但是因為硬體的效能提昇，AI運算進入了新紀元，AI網站設計於是開始出現在市場上，只要透過AI引導式的需求訪談，就能憑空生出一個網站，雖然還不到非常成熟，但AI網站設計絕對是未來的趨勢，市場有看到的AI網站生成軟體有DurableAI、10Web、Hocoos、Pineapple Builder、Kleap、Jimbo，太多AI商品了，除了可以架站，可以進行網站文案生成，中文文案支援目前比較差，但不久的將來一定可以發光發熱。
〈延伸閱讀：寫文案用ChatGPT好嗎？AI為SEO帶來什麼影響？〉

網站時光機

網站是時光機是由Brewster Lurton Kahle、Bruce Gilliat 共同開發的，網站時光機可以讓你「回到過去」去看看以前的網站長怎樣，可以透過網站時光機「去驗證網站歷史」的五個世代，很好玩喔，只要輸入網址選擇年份就能知道以前網站的樣子，不是每個時間都有記錄到，但還是可以透過網站時光機一窺以前網站的風貌。
〈回到過去的網站：網站時光機〉

2005年達文西的第一代網站

 

結論

網站設計經歷了34年，網站設計變化是很快的，從「靜態網站」升級到「資料庫網站」，然後又因為行動裝置的普及，「RWD網站設計」變成主流，因應雲端系統的發展，「SAAS網站設計」也逐漸變成流行的網站設計的方法，因為AI的崛起帶動網站設計工法，「AI網站設計」已經嚴然已經是設計趨勢，網站設計公司真的只能走在技術前端，因應網路各種變化，網站設計已經不是單槍匹馬可以搞定，而是專業分工的設計團隊，從視覺設計、前端切版、後端程式設計、SEO顧問、系統工程師…，只有能專業整合的網站設計公司才能有效提供價值。
〈延伸閱讀: SEO是甚麼? 簡單說給你聽〉

(本文為達文西數位科技所有，禁止所有轉載文圖)