互聯(lián)網(wǎng)誕生至今的網(wǎng)站布局設計歷史

時間：2023-10-03 19:48:01 | 來源：網(wǎng)站運營

時間：2023-10-03 19:48:01 來源：網(wǎng)站運營

互聯(lián)網(wǎng)誕生至今的網(wǎng)站布局設計歷史：摘要：本來梳理了互聯(lián)網(wǎng)誕生至今的網(wǎng)站布局設計歷史

關鍵詞：網(wǎng)站，網(wǎng)頁設計，布局，歷史

全文共985字，閱讀大約需要2分鐘。




本文首發(fā)于UED觀察

1991年第一個網(wǎng)站

1991年8月，第一個網(wǎng)站是一個簡單的文本頁面，帶有一些鏈接。最初的網(wǎng)絡僅用于共享信息，只要內(nèi)容可讀可訪問。

1994年HTML標準

1994年，萬維網(wǎng)聯(lián)盟成立，html成為網(wǎng)頁設計語言標準。隨著網(wǎng)絡的普及，人們普遍擔心每個公司都會創(chuàng)建自己的瀏覽器和Web語言，這將是非標準且難以發(fā)展的，這是html語言成為標準的主要原因。

1995年表格網(wǎng)頁設計

1995年，基于表格的網(wǎng)頁設計開始流行。

網(wǎng)頁設計開始變得越來越復雜，圖片開始出現(xiàn)在網(wǎng)頁中，人們還使用間隔gif來控制Web布局的空白。

不久之后，所見即所得的網(wǎng)頁設計軟件誕生（Dreamweaver）。

1996年Flash網(wǎng)站

1996年，第一個Flash網(wǎng)站出現(xiàn)，F(xiàn)lash提供了絕佳的視覺效果和音頻效果，隨后Flash成為整站開發(fā)工具。

1999年DHTML

90年代末，dhtml技術開始普及，它由多種網(wǎng)絡技術（例如JavaScript）和服務器端腳本（例如經(jīng)典的asp和php）組成。在此期間，交互式網(wǎng)頁開始出現(xiàn)，網(wǎng)頁不僅允許用戶閱讀靜態(tài)內(nèi)容，而且還可以與Web內(nèi)容進行交互。

2000年CSS

在2000年代初期，CSS設計開始流行?；贑SS的網(wǎng)頁設計有很多好處，首先它將設計元素與內(nèi)容分開，這意味著Web布局及其內(nèi)容的視覺效果會有更大的區(qū)別。CSS過去是，現(xiàn)在仍然是布局網(wǎng)頁的最佳實踐，網(wǎng)頁不再基于表格布局。使用CSS還可以減少標記混亂的情況，可以使Web布局代碼更簡潔。由于內(nèi)容和設計元素是分開的，因此CSS還使維護站點變得更加容易。CSS文檔通常小于其他設計，這意味著頁面響應時間得以縮短。事實是，CSS會被用戶瀏覽器緩存，從而可以更快地加載后續(xù)網(wǎng)頁。

2007年智能手機

隨著手機訪問網(wǎng)站的日益普及，在2007年，網(wǎng)格和框架布局開始流行，缺點是網(wǎng)頁設計通?？雌饋矶挤浅Ｏ嗨啤?br>

2010年響應式設計

2010年響應式網(wǎng)頁設計開始流行，這意味著它是一個可以自適應所有設備的網(wǎng)站。

現(xiàn)在和未來

盡管最近幾年網(wǎng)頁設計變化不大，但仍存在新的CSS測量單位，例如vh，vw，這使元素定位具有更大的靈活性。

Flexbox是CSS中的另一個概念，它可以創(chuàng)建布局并使用單個屬性修改布局，無需編寫大量代碼，并且很快內(nèi)置網(wǎng)格系統(tǒng)中的CSS會得到更廣泛的使用，這將徹底改變我們創(chuàng)建網(wǎng)頁布局的方式！

要提及的另一件事是Web組件。Web組件是捆綁在一起的一組元素，并引入了更簡單的工作流，其中的元素是可以單獨重用和更新的構建塊。

參考資料

[1]

9-ways-that-website-layouts-have-changed-since-the-web-was-created: https://uxdesign.cc/9-ways-that-website-layouts-have-changed-since-the-web-was-created-36cad6d62541