大多數人都通過網站購買了一個物理對象。常熟做網頁更復雜的信息如矢量圖形、動畫、視頻、聲頻等多媒體檔案則需要插件程序來運行，同樣地它們亦需要標示語言移植在網站內。常熟網頁設計要能充分吸引訪問者的注意力，讓訪問者產生視覺上的愉悅感。因此在網頁創作的時候就必須將網站的整體設計與網頁設計的相關原理緊密結合起來。常熟網頁設計將策劃案中的內容、網站的主題模式，以及結合自己的認識通過藝術的手法表現出來；而網頁制作通常就是將網頁設計師所設計出來的設計稿，按照W3C規范用html（標準通用標記語言下的一個應用）將其制作成網頁格式。此體驗幾乎是每次您到達站點時都一樣，查找您想要購買的內容（可能使用搜索引擎，可能使用目錄），給出您的信用卡號和郵寄地址，然后站點確保將產品交付給您。
這清晰，有條理的經驗，事實上，一個完整的一系列決定（決定大，小）組成的：該網站看起來是什么，它是如何操作的，它讓你做什么，這些決策依賴于對方，并告知各個方面影響用戶體驗。如果我們擺脫這些經驗外殼，我們可以理解這些決定是如何做出來的。
表現層
在表面上，你可以看到一系列的網頁，包括圖片和文本。可以單擊某些圖片來執行某些功能，例如帶您進入購物車的購物車圖標。有些圖片只是圖片，例如促銷產品的圖片或網站本身的徽標。
框架層
展示層下面是網站的框架層：按鈕、控件的位置、照片和文本區域，而框架層則用來優化設計布局，以達到這些元素的最大效果和效率——這樣當你需要的時候，記住標記并找到購物車按鈕。
結構層
與框架層相比，結構層（結構）、框架是結構的具體體現。框架層確定了“檢出”頁上的交互式元素的位置，而“結構層”用于設計用戶如何到達頁面，以及它們在完成某些操作后可以訪問的位置。幀層定義了如何排列導航欄中的元素，允許用戶瀏覽不同類別的貨物：結構層確定應在那里出現哪些類別。
范圍層
的各種特征和功能層結構來確定該網站最合適的組合，其構成特征和網站層范圍（范圍）的功能性。例如，一些電子商務網站提供了一個功能，用戶可以保存前郵寄地址，以便他們可以再次使用它。不管這個函數（或任何功能）應成為該網站的特色之一，它屬于上述一系列問題需要解決層
戰略層
一個網站的規模基本上是由它的戰略水平決定的。這些策略不僅包括網站建設者希望從網站得到什么，還包括用戶希望從網站得到什么。以我們的網店為例，一些戰略目標顯而易見：用戶想要購買商品，我們想要銷售。其他目標（比如促銷信息，或者商業模式中用戶填充內容的角色）可能不太容易表達。
