网页设计与制作项目式教程作者凌云魏慧主编周丽韫吕俊霞田英副主编项目四项目四利用表格布局网站首页课件.pptVIP

项目四 利用表格布局网站首页 任务一 表格规划页面 【知识目标】 1.熟悉典型的网页布局的类型 2.了解常用的网页布局方法 3.了解表格布局规则 任务一 表格规划页面 【技能目标】 1.能根据网站功能，选择合适网页布局形式 2.能利用表格，合理规划表格布局 任务一 表格规划页面 【项目描述】 根据网页美工师提供的Glamorous Sky（简称GS）创意家居网站首页平面效果图，如图4-1所示，分析效果图，完成表格规划首页面，并进行效果图切片为制作首页面做准备。 4.1.1 项目准备 1.常见的网页布局类型 “国”字型 拐角型 标题正文型 封面型 混合型 2.常见的网页布局方法 常用的网页布局方法有三种 表格布局 DIV+CSS布局 框架布局 3.使用表格布局的一般规则 不要把整个网页当成一个大表格，尽量使用分块。一是因为一个大表格的内容要全部加载后才会显示，无疑会降低浏览的速度和效率，二是在单元格的调整时不够方便，往往只想调整某一个单元格，但其他行的单元格也会一起产生联动效果。因此，应尽量考虑分块处理。 可以使用嵌套，但一般嵌套不宜超过三层，否则会影响浏览速度，而且在修改表格时，多层嵌套，导致代码过多，增加了修改的难度。 作为布局的表格，表格线边框宽度一般设为0，单元格间距设为0，单元格填充距设为0。外表格宽度一般使用固定的像素值，嵌套的表格宽度可使用百分比，这样嵌套