網頁設計的歷史

網頁設計的誕生

網際網路或全球資訊網的概念最早出現在 1940 年代默里·倫斯特 (Murray Leinster) 的書中。我們今天所知道的網際網路可以追溯到 1980 年代。

1980 年代的早期網站由簡單排列在黑屏上的文本組成。它們看起來非常基礎，因為主要關注點是共享訊息。由於黑色背景，這些地點也非常黑暗，這就是為什麼我們經常稱這個時期為「黑暗時代」。

然而，網頁設計的第一個例子直到 1989 年才出現，當時來自CERN的物理學家Tim Berners-Lee 創建了第一個 Web 伺服器、一個瀏覽器和一個網頁。1989 年和 1990 年，他提出創建一個連接計算機網絡的全球資訊網，並引起了人們的熱情和好奇。

第一個網站的出現，以及它的基本實現，是網頁設計誕生的時刻。 

網頁設計歷史的時間表

現在，我們將為您簡要介紹網頁設計史上的關鍵時刻。 

1989

Tim Berners-Lee根據他在 1989 年開發的原則創建了第一個瀏覽器 WorldWideWeb。他於 1990 年推出了該瀏覽器。 

1990

三名大學生：Alan Emtage、Peter Deutsch 和 Bill Heelen 創建了第一個搜尋引擎 Archie。它允許用戶在資料庫中搜索文件。網際網路歷史上的一個轉折點！

同年，著名的圖形編輯器 Adobe Photoshop 的第一個版本出現在市場上。經過幾十個更新版本，它今天仍然被廣泛用於網頁設計等等。然而，起初 Photoshop 僅適用於 Macintosh 計算機，並且需要 2 MB 的 RAM。 

1991

Berners-Lee 推出了世界上第一個使用HTML命令的網站。他早期的網頁格式適中：這是一個帶有黑色文本的白色頁面。儘管如此，這個頁面背後的許多核心原則，比如標題命令，仍然是現代設計師的基礎。事實上，這篇文章在其設計中使用了HTML ！

HTTP 是第一個設計用於在伺服器和瀏覽器之間交換超文本文檔的協議，也是 Berners-Lee 的創造。你能想像一個沒有超連結的現代網站嗎？現在你知道它們來自哪裡了。 

1992

值得注意的發展是 魏培源的 ViolaWWW 瀏覽器，這是他在加州大學工作時開發的。該瀏覽器支持腳本、表格呈現和表單，並包含一個樣式表來定義站點的視覺外觀。

Bare Bones Software 發布了用於 Macintosh 的 BBEdit HTML和文本編輯器，以幫助 Web 開發人員。

CERN科學家Silvano De Gennar將第一張圖片上傳到網絡，這是一張模仿音樂團體Les Horribles Cernettes的照片。

當年晚些時候，另一個搜尋引擎出現了。它是 Veronica，是「非常簡單的面向齧齒動物的計算機檔案全網索引」的縮寫。

1993

今年為我們帶來了 Mosaic，它是首批具有圖像界面的 Web 瀏覽器之一。它是免費的，可在所有平台上使用。

ALIWEB （Archie Like Indexing for the Web）是 1993 年的另一個搜尋引擎。這是設計方面的重要一步，因為它使用顏色將用戶的注意力吸引到網絡必須提供的最佳頁面上。

今年網頁設計的另一個重要里程碑是第一個登陸頁面。是誰做的？MTV ，音樂影片頻道。他們自己的影片記者亞當·庫里（Adam Curry）運行了這個頁面，它有明亮、多彩的圖像，看起來與兩年前製作的網站完全不同。 

1994

今年永遠改變了網路。1994 年，第一個橫幅廣告出現在 Hotwire 網站（現為 Wired）上。這個網站的設計色彩豐富但極簡，廣告上寫著：「你曾經在這裡點擊過滑鼠嗎？你會」。

此外，今年出現了一個HTML驗證器，幫助了無數的開發人員和設計人員。

伯納斯-李再一次列出了一份清單。他創建了全球資訊網聯盟來建立網路規則。該組織負責HTML 、CSS、XHML 和 XML 標準。

然而，今年最重要的發展是基於漫畫創作的 Comic Sans 字體，你可以猜到。這種字體臭名昭著，經常被嘲笑，但它也因其易於閱讀的性質而受到稱讚，並被推薦用於教有閱讀障礙的人。 

1995

今年是高性能全文搜尋引擎ALTAVISTA 誕生的一年。最終，雅虎！收購了ALTAVISTA ，但由於谷歌的聲望，他們在 2013 年停產。

此外，在 1995 年，Brendan Eich 發明了JavaScript ，旨在為瀏覽器 Netscape 2 提供更動態的界面。JavaScript允許與用戶進行更多互動，以便網站可以檢測到用戶的移動，例如更改光標位置或按下按鈕，並根據設計人員的需要做出響應。這在以前是不可能的。

我們還看到了HTML 2.0 的推出，它使開發人員能夠創建表格、表單、圖形等等！

用戶體驗一詞出現在科羅拉多州丹佛市的一次會議上。 

1996

Håkon Wium Lie 推出 CSS，為開發人員提供輕鬆編輯和設計頁面的能力。這使得基於表格的設計更加用戶友好和有吸引力。Microsoft Internet Explorer 3 支持 CSS 並使其成為網頁設計的主流部分。

Flash的首次亮相！Macromedia Flash 1.0 使用戶能夠創建矢量動畫。這將對 1990 年代後期的網際網路產生重大影響。 

Flash允許集成動畫和音頻。但是，人們需要正確的Flash插件才能正確操作這些功能。儘管如此，這些動畫和 GIF 直到今天仍成為網站的支柱，儘管Flash不再那麼重要。 

1997-1998

這一時期的許多技術和網站對網頁設計的發展產生了巨大的影響，但最重要的是：

Dreamweaver、GoLive 和其他軟體使非技術人員更容易訪問網站設計。結果，網頁設計成為一種越來越受歡迎的技能和職業。

Macromedia Fireworks 允許設計人員使用矢量和位圖圖形。

谷歌出現，後來成為我們都知道的全球支柱。它基於一種算法來確定與最終用戶的相關性——這是 SEO 領域的重要一步。 

2000-2004

網站使用量增加；估計有 3600 萬網際網路用戶。許多知名網站，如 Deviant Art、Google 、Yahoo! 、WordPress、Wikipedia 和 PayPal，在此期間出現。許多早期的網站已經消失，但網頁設計變得更加強大，網際網路使用和設計迅速成為主流。

內容管理系統變得突出，允許控制網站上的內容。

社群媒體開始出現，伴隨著 Yourspace，最終於 2004 年出現在 Myspace，以鞏固社群媒體在世界上的地位。Myspace 將編碼實踐引入了一代人，並為極簡主義設計實踐定下了基調。相比之下，現代頁面已經遠離了這種風格，當時非常流行的圖像和 GIF 沉重的頁面影響著人們直到今天。

Web 2.0 一詞於 1998 年首次使用，變得普遍。它強調社群媒體、論壇和圖像共享。網站擺脫了早期的 HTML，變得更容易訪問。 

2004-2007

用戶最終可以在不了解HTML或其他編碼實踐的情況下製作網站。

Flickr、Reddit、YouTube 以及最終的 Facebook（後來的 Facebook，現在 的 Meta）已經成為眾所周知的名稱和網站。今天的網際網路很大程度上是這一時期的直接結果。 

2007-2013

智慧型手機的興起，尤其是 iPhone，引發了重大變化。朝著行動應用程式設計和跨平台支持的方向發展。Flash 不再與 Apple 兼容，設計師開始不再使用它。

2010 年前後，響應式設計對網頁設計師來說變得至關重要。它使設計人員和開發人員可以創建相應調整和擴展的站點，而不管站點或應用程式的預期設備如何。現在它是所有設計過程中的必備品。

2013 年 React 誕生了。這個開源庫使為Web應用程式創建用戶界面和 UI 組件變得更加容易。

2013-2021

HTML和CSS在這個時期的網站設計中仍然很普遍，但是網站開發的選擇更多，取決於結果。JavaScript 、HTML 、 CSS 等，各有優缺點。因此，設計師必須選擇特定的語言和框架來專攻。

基於 CSS 的設計對於尋求引人入勝的內容的設計師來說至關重要，而HTML的基礎知識也非常重要。JavaScript是許多流行的行動應用程式的基礎，因為 Facebook 開發了 React Native，這是一個允許跨平台開發應用程式的框架。

Flash在 2017 年變得多餘。到此期間，W3C （全球資訊網聯盟）最終確定了HTML 5.0 的規則，為網頁設計師提供了更多的靈活性和多媒體支持。

到 2019 年，行動網際網路的使用比電腦更為突出。它進一步改變了行動應用程式設計的重要性。 

2022 年的網頁設計

在 2022 年，JavaScript將運行您喜愛的許多應用程式和網站。大多數應用程式都以簡約設計為目標，但許多復古字體正在捲土重來。

您可能已經注意到，網站會隨著您的滾動而變化。許多網站專注於一個大型登入頁面，以便在單獨的訊息和媒體之間實現無縫過渡。這是因為許多網站的目標是儘可能地看起來像應用程式，成為多平台。

在美學上，多尺寸字體、抽象插圖、裝飾藝術和復古未來主義風格占主導地位。您可以閱讀有關網頁設計趨勢的更多訊息這裡.