土豆网前端概况(3)_网页设计教程

推荐：新闻门户之导航易用性排名
NO.1网易http://www.163.com/网易是目前所见到的最便于查看的导航。导航内容按分类排列，又以该类别最受关注的频道作为分类标题，这样就避免了个别频道没有

b) 导航

i、 顶部导航

土豆网导航分为三种，常规导航、黑色小黑边导航，以及视频播放页面的专用导航。

这三种导航使用的HTML是基本一致的，通过CSS来控制不同状态下的表现：

模型解析：

HTML片段：

ii、 底部导航（从略）

c)内容

i、 贯穿版式：在个别页面，会出现没有左右布局的全页面横向贯穿版式，这时页面结构内只有Content，没有Main或者Side，此时盒状模型全部直接堆积在Content内。另外，除了全站首页以外的所有公共页面都是特制并保持风格统一的贯穿版式。

ii、 左右侧栏：最常见的布局，存在于绝大部分页面。最主要应用在内页治理区域，首页也有用到。

iii、 混合版式：只有视频播放页面用到。

分享：给“用户体验”降温
近两年，“用户体验”这个词成了时髦，很多设计师和公司产品宣传，都打出“用户体验”的牌，甚至天天把用户体验挂嘴边。动不懂就大讲用户体验设计，炒概念，它