网站赏析第五讲-网页布局-2.pptVIP

网站赏析第五讲-网页布局-2 本章内容 一、网页的版式设计 一、网页的版式设计 一、网页的版式设计 一、网页的版式设计 一、网页的版式设计 一、网页的版式设计 一、网页的版式设计 一、网页的版式设计 一、网页的版式设计 一、网页的版式设计 二、网页布局的技术 三、网页布局的信息架构 三、网页布局的信息架构 三、网页布局的信息架构 三、网页布局的信息架构 三、网页布局的信息架构 三、网页布局的信息架构 四、小结 * * 1、网页版式设计 2、网页布局技术 3、网页布局中的信息架构 4、小结 ?1、版式结构的分割 区域有不同的功能。 ?网页版式结构的分割分为 框架式 自由式 在结构上利用点、线、面等元素划分网页页面为不 同的视觉区域就是结构的分割。网页的分割一般从 功能出发，如导航区、标题区、内容区等，不同的 1) 框架式分割 哪个框架结构更好呢？ 框架式分割是一种理性的分割形式，是指利用各种不同的方形框架对网页进行分割。框架式分割常用于信息量大的站点设计 。 使用框架时要注意控制框架的数量，太多则容易影响页面的整体性 。注意进行破格处理。切忌过于同一！ 满版型 满版型 以图像充满整个版面，围绕图像组织页面的构成。 直线分割型 水平或垂直线将整个页面分成若干部分以形成稳定、平静、含蓄的对比，也可运用斜线将图片、文字作倾斜编排，形成强烈的动感或不稳定感。 框架式的极端表现！！ 图片、文字在页面上作曲线的分割或编排构成，产生韵律与节奏感 曲线分割型 自由型：版面中的各视觉元素在页面中按一定规律自由分布，使页面产生活泼、生动的风格 另一个例子 　1.层叠样式表的应用 2.表格布局 3.框架布局 CSS对于初学者来说显得有点复杂，但它的确是一个好的布局方法。 看个例子 看个例子 常用于电子书等结构。例 信息架构 信息如何分类，在页面中的位置 信息架构重点： 网站所有者为主 网站浏览者为主 根据内容和导航的复杂程度网页布局结构分 单一结构 复合结构 单一结构：用于信息量较少的网站，主页、子页布局基本相同。 三、网页布局的信息架构 三、网页布局的信息架构 三、网页布局的信息架构 三、网页布局的信息架构 三、网页布局的信息架构 三、网页布局的信息架构 三、网页布局的信息架构 三、网页布局的信息架构 *