土豆網(wǎng)前端概況(3)_網(wǎng)頁(yè)設(shè)計(jì)教程
推薦:新聞門(mén)戶(hù)之導(dǎo)航易用性排名NO.1網(wǎng)易http://www.163.com/網(wǎng)易是目前所見(jiàn)到的最便于查看的導(dǎo)航。導(dǎo)航內(nèi)容按分類(lèi)排列,又以該類(lèi)別最受關(guān)注的頻道作為分類(lèi)標(biāo)題,這樣就避免了個(gè)別頻道沒(méi)有
b) 導(dǎo)航
i、 頂部導(dǎo)航
土豆網(wǎng)導(dǎo)航分為三種,常規(guī)導(dǎo)航、黑色小黑邊導(dǎo)航,以及視頻播放頁(yè)面的專(zhuān)用導(dǎo)航。
這三種導(dǎo)航使用的HTML是基本一致的,通過(guò)CSS來(lái)控制不同狀態(tài)下的表現(xiàn):
模型解析:
HTML片段:
ii、 底部導(dǎo)航(從略)
c)內(nèi)容
i、 貫穿版式:在個(gè)別頁(yè)面,會(huì)出現(xiàn)沒(méi)有左右布局的全頁(yè)面橫向貫穿版式,這時(shí)頁(yè)面結(jié)構(gòu)內(nèi)只有Content,沒(méi)有Main或者Side,此時(shí)盒狀模型全部直接堆積在Content內(nèi)。另外,除了全站首頁(yè)以外的所有公共頁(yè)面都是特制并保持風(fēng)格統(tǒng)一的貫穿版式。
ii、 左右側(cè)欄:最常見(jiàn)的布局,存在于絕大部分頁(yè)面。最主要應(yīng)用在內(nèi)頁(yè)治理區(qū)域,首頁(yè)也有用到。
iii、 混合版式:只有視頻播放頁(yè)面用到。
分享:給“用戶(hù)體驗(yàn)”降溫近兩年,“用戶(hù)體驗(yàn)”這個(gè)詞成了時(shí)髦,很多設(shè)計(jì)師和公司產(chǎn)品宣傳,都打出“用戶(hù)體驗(yàn)”的牌,甚至天天把用戶(hù)體驗(yàn)掛嘴邊。動(dòng)不懂就大講用戶(hù)體驗(yàn)設(shè)計(jì),炒概念,它
- 中國(guó)互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬(wàn) 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會(huì):打假,打出阿里的新未來(lái)
- 實(shí)踐分享:ACCESS數(shù)據(jù)庫(kù)導(dǎo)入mysql數(shù)據(jù)庫(kù)
- ACCESS數(shù)據(jù)庫(kù)轉(zhuǎn)ORACLE數(shù)據(jù)庫(kù)分享
- CDN.net免費(fèi)CDN申請(qǐng)使用教程:100GB流量香港日本新加坡節(jié)點(diǎn)
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺(tái)教程(二) 消息管理與群發(fā)
- 中國(guó)IPv4地址今年將告罄 IPv6期待打破政策局
- 移動(dòng)廣告野蠻成長(zhǎng):75%投放在iOS平臺(tái)
- 災(zāi)難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬(wàn)部iPhone遭蘋(píng)果退貨 損失10億元
網(wǎng)頁(yè)設(shè)計(jì)教程Rss訂閱網(wǎng)站制作教程搜索
網(wǎng)頁(yè)設(shè)計(jì)教程推薦
- 國(guó)內(nèi)2.0音樂(lè)網(wǎng)站首頁(yè)設(shè)計(jì)謬談
- 網(wǎng)頁(yè)設(shè)計(jì)中的版式原理--中心
- 網(wǎng)幅廣告點(diǎn)評(píng)之聯(lián)想S手機(jī) 粉流形
- 7步改善網(wǎng)頁(yè)設(shè)計(jì)和用戶(hù)體驗(yàn)!
- 馬云最后的發(fā)布會(huì):打假,打出阿里的新未來(lái)
- 交互設(shè)計(jì)實(shí)用指南系列(1) – 操作入口明確
- 設(shè)計(jì)細(xì)節(jié)不能丟
- 產(chǎn)品設(shè)計(jì)中的一致性原則
- 臨睡前看了一眼mayi.com
- 新浪微博商業(yè)化步伐加快:與淘寶合作 推信息流展示廣告
- 相關(guān)鏈接:
- 教程說(shuō)明:
網(wǎng)頁(yè)設(shè)計(jì)教程-土豆網(wǎng)前端概況(3)
。


