b) 導航
i、 頂部導航
土豆網(wǎng)導航分為三種,常規(guī)導航、黑色小黑邊導航,以及視頻播放頁面的專用導航。
這三種導航使用的HTML是基本一致的,通過CSS來控制不同狀態(tài)下的表現(xiàn):
點擊放大
模型解析:
點擊放大
HTML片段:
點擊放大
ii、 底部導航(從略)
c)內(nèi)容
i、 貫穿版式:在個別頁面,會出現(xiàn)沒有左右布局的全頁面橫向貫穿版式,這時頁面結(jié)構(gòu)內(nèi)只有Content,沒有Main或者Side,此時盒狀模型全部直接堆積在Content內(nèi)。另外,除了全站首頁以外的所有公共頁面都是特制并保持風格統(tǒng)一的貫穿版式。
ii、 左右側(cè)欄:最常見的布局,存在于絕大部分頁面。最主要應用在內(nèi)頁管理區(qū)域,首頁也有用到。
iii、 混合版式:只有視頻播放頁面用到。
出處:藍色理想
責任編輯:moby
上一頁 土豆網(wǎng)前端概況 [2] 下一頁 土豆網(wǎng)前端概況 [4]
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論,我還想發(fā)表評論。
|