页面布局设计.pptVIP

《网页设计与制作》;第四章设计页面布局;4.1网页版面布局概述;

“口”型布局

这是一个象形的说法，就是页面一般上下各有一个广告条，左面是主菜单，右面是友情连接等，中间是主要内容。这种布局的优点是充分利用版面，信息量大。缺点是页面拥挤，不够灵活。“三”型布局

这种布局多用于国外站点，国内用的不多。特点是页面上横向两条色块，将页面整体分割为四局部，色块中大多放广告条。;4.1网页版面布局概述;4.2实例导入：表格排版网页;4.2实例导入：表格排版网页;4.3使用表格排版;;4.3.1插入表格和编辑表格;4.3.1插入表格和编辑表格;4.3.1插入表格和编辑表格;4.3.1插入表格和编辑表格;表格及单元格属性设置;表格及单元格属性设置;表格及单元格属性设置;使用表格排版网页;使用表格排版网页;4.3.4在布局模式下插入表格和单元格;4.3.4在布局模式下插入表格和单元格;4.3.4在布局模式下插入表格和单元格;4.3.5表格排版实例的制作过程;4.4使用层排版;4.4.1实例导入：层排版网页;4.4.1实例导入：层排版网页;4.4.1实例导入：层排版网页;4.4.2插入层和编辑层;;4.4.2插入层和编辑层;4.4.2插入层和编辑层;4.4.2插入层和编辑层;4.4.2插入层和编辑层;4.4.2插入层和编辑层;4.4.3使用层排版网页的制作过程;4.4.3使用层排版网页的制作过程;4.5时间轴特效及行为;

4.5.1实例导入：网页中的时间轴特效及行为的应用

;4.5.2利用时间轴制作动态特效;4.5.2利用时间轴制作动态特效;4.5.2利用时间轴制作动态特效;4.5.3转换表格和层;4.5.3转换表格和层;4.5.3应用Dreamweaver内部的行为;4.5.3应用Dreamweaver内部的行为;4.6使用框架排版网页;4.6.1实例导入：框架排版网页;4.6.1实例导入：框架排版网页;4.6.2创立与编辑框架结构;4.6.2创立与编辑框架结构;4.6.2创立与编辑框架结构;4.6.2创立与编辑框架结构;4.6.2创立与编辑框架结构;4.6.2创立与编辑框架结构;4.6.2创立与编辑框架结构;4.6.2创立与编辑框架结构;4.6.2创立与编辑框架结构;;;;web标准DIV+CSS;文档类型

;语言编码;css盒模型;;;;;IE6的3像素bug;;;横向菜单导航;;;;;;;;;;;;;;;;;;