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

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

B、 盒状（box）模型结构
盒装模型是建立在页面布局的基础上，承载内容和数据的最直接页面基础结构，主要分为容器、标题、内容、底部三个部分。
一个典型的盒装模型效果分为侧栏效果和主栏效果两种风格，统一的HTML结构，通过CSS来控制样式上显示的不同，这一部分在样式层主要讨论。
在首页以及少量非凡页面上，会有额外的风格，但是依然以盒状模型为基础。

解析如下：

HTML片段如下：

C、包装（pack）模型
对于站内存在的视频、豆单、播客、小组、话题讨论等等，都有既定的统一表现风格，因此在盒装模型以外，单独设立了面向这些常用内容的模型结构，因为是打包处理，所以称之为包装模型。
包装模型基本风格一致，但是在各处的显示略有不同，同时还会涉及在个人主页上自定义样式等，是需要符合全站出处可用的封装模型。
常见的有：

包装模型最重要的变化来自于样式层的处理，其结构本身很简单，就不做解析了，以下是一个视频包的HTML片段范例：

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