網站設計從何時開始有?網站設計的五個世代變革

Author: 路卡斯特
browser-wars-marketing
第一個網站從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(網景)瀏覽器


第一次瀏覽器大戰

以前的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,成為瀏覽器霸主
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帶來什麼影響?

 

結論

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

(本文為達文西數位科技所有,禁止所有轉載文圖)
 
邁入網站與SEO工作已經超過20年,喜歡探索新知與研究技術,總是希望給您最適合的解決方案。

SEO套版網站,優惠 $ NT 62,000 (1年代管+SSL)

請與我們聯繫
線上客服 TOP