1、本网站免费注册后即可以下载，点击开通VIP会员可无限免费下载！
2、资料一般为word或PPT文档。建议使用IE9以上浏览器或360、谷歌、火狐浏览器浏览本站。
3、有任何下载问题，请联系微信客服。
扫描下方二维码，添加微信客服
《4.3.3使用表格进行页面布局》集体备课PPT课件优质课下载
学校：
网页中的表格
表格最初是为表示数据设计的，但现在它已经被网站设计者作为生成分栏框架结构的工具，只需把表格的边框隐藏起来，用户见到的是一个连贯的页面。
进行页面布局时，网页版面大小要考虑用户浏览的方便，页面内容宽度一般不要超出屏幕分辨率水平宽度，保证浏览时不出现水平滚动条。
定位，布局控制，增加层次感，有利于网页的设计，使页面设计更好看。表格在网页设计中有着举足轻重的作用。
在网页设计中，表格有什么重要作用呢？
一张表格横向叫做行，纵向叫列。
行列交叉部分就叫做单元格。
单元格中的内容和边框之间的距离叫边距。
单元格和单元格之间的距离叫做间距。
整张表格的边缘叫做边框。
认识表格
任务：参照图4-13的表格，建立图4-12的网页版面
（一）插入表格，设置表格属性
1、打开新建的空白网页，在网页中插入四个表格，规格分别是“1×1”、“1×8”、“3×3”和“1×1”。
2、单击“表格”菜单、选择“表格属性”，分别设置四个表格的“指定宽度”为760像素、“对齐方式”为居中、边框粗细为0，然后把表格隐藏起来。
（二）调整表格结构
选定需要合并的单元格，单击鼠标右键，在快捷菜单中选择“合并单元格”。
（三）设置表格与单元格的背景颜色和图片（图4-14），表格属性说明见书本上表4-10。
1、选定表格2，单击右键选择“表格属性”，从对话框中的“背景颜色”列表中选择“棕色”。同理，把表格4设置为黑色背景，把表格3中的插图2位置的单元格设置为棕色的背景颜色。
2、在表格3插图4的位置插入背景图片。选择该单元格，单击右键选择“单元格属性”，单击“使用背景图片”复选框，通过“浏览”按钮找到指定背景图片。背景图片请使用教学光盘“第四章”“网站制作素材”文件夹中的“Linkbg.jpg”图片
按照你选定的网站主页的版面设计，建立空白网页并进行页面布局。参考光盘中“第四章”文件夹中的页面布局模板，改进主页的版面设计
利用表格设计规划网页时应注意：
1、整个网页不要使用一个表格，尽量拆分成多个表格。
2、单一表格的结构尽量整齐。