土豆網前端概況(3)_網頁設計教程

推薦：新聞門戶之導航易用性排名
NO.1網易http://www.163.com/網易是目前所見到的最便于查看的導航。導航內容按分類排列，又以該類別最受關注的頻道作為分類標題，這樣就避免了個別頻道沒有

b) 導航

i、 頂部導航

土豆網導航分為三種，常規導航、黑色小黑邊導航，以及視頻播放頁面的專用導航。

這三種導航使用的HTML是基本一致的，通過CSS來控制不同狀態下的表現：

模型解析：

HTML片段：

ii、 底部導航（從略）

c)內容

i、 貫穿版式：在個別頁面，會出現沒有左右布局的全頁面橫向貫穿版式，這時頁面結構內只有Content，沒有Main或者Side，此時盒狀模型全部直接堆積在Content內。另外，除了全站首頁以外的所有公共頁面都是特制并保持風格統一的貫穿版式。

ii、 左右側欄：最常見的布局，存在于絕大部分頁面。最主要應用在內頁治理區域，首頁也有用到。

iii、 混合版式：只有視頻播放頁面用到。

分享：給“用戶體驗”降溫
近兩年，“用戶體驗”這個詞成了時髦，很多設計師和公司產品宣傳，都打出“用戶體驗”的牌，甚至天天把用戶體驗掛嘴邊。動不懂就大講用戶體驗設計，炒概念，它