使用嵌套表格布局网页.PPT

任务流程 将页面划分成3个相对独立的子表格。然而这些表格又不绝对立，实际上使用嵌套的方法将这些独立的子表格组合起来的，以完成一个完整的页面布局。 任务流程 1、收集网页素材： 任务流程 2、插 入表格： 任务流程 每个网页都应该有一个独立的标题，网页标题是对一个网页的高度概括。这样不仅使网页的信息完整，同时也便于在互联网中进行信息查询。 任务流程 按F12浏览网页。若浏览过程发现问题，还可在Dreamwaever中修改完善。 “浏览——修改”的工作反复多次，直至网页最终达到预期的效果。 电子商务网页制作 5-2-4 使用表格布局网页 学习目标 知识目标： 能理解表格嵌套的意义。 能力目标： 熟练掌握利用表格分析网页布局的方法。 掌握在网页中实现表格嵌套的方法。 一、网页版面分析 二、使用表格布局网页 网站中不同板块的内容要分类存放在不同的文件夹中。我们在站点中新建一个商品板块子文件夹（shop），将该网页存放其中。并在此子文件夹中新建一个存放商品板块图像的子文件夹images。 二、使用表格布局网页 ⑴插入7行3列的主表格。 对相关的单元格进行合并，并设置行高和列宽。 输入相关内容。 ⑵插入2个子表格。 对相关的单元格进行合并，并设置行高和列宽。 输入相关内容。 ⑶将2个子表格分别粘贴到主表格的对应单元格里。 三、设置网页标题 方法： 在窗口工作区上方的“标题”框中输入网页标题即可。 四、调试完成 课后练习 1．选择题 ⑴在（ ）中可以方便地修改表格的属性。 　　A）文件面板 B）属性面板 C）设计面板 D）代码面板 ⑵在1024*768分辨率下满屏显示网页，通过合理的页面设置之后，布局表格的宽度最大设置为（ ）像素，网页不会出现水平滚动条。 A）978 B）1024 C）900 D）1002 课后练习 1．选择题 ⑶指定单元格中内容与单元格边框之间的距离大小，需要设置表格属性中的（ ）。 A）填充 B）间距 C）宽度 D）边框 ⑷在Dreamweaver中，下面的操作不能插入一个表格行的是( )。 A）将光标定位在单元格中，打开“修改”菜单，选择“表格”→“插入行”命令。 B）在行的一个单元格中单击鼠标右键，打开快捷菜单，选择“表格”→“插入行”命令。 C）将光标定位在最后一行的最后的一个单元格中，按下Tab键，在当前行下方会添加一个新行。 D）把光标定位在最后一行的最后的一个单元格中，按下组合键Ctrl+W，就在当前行下会添加一个新行。 课后练习 2．填空 ⑴设置表格的宽度可以使用两种单位，分别是“像素”和“________”。 ⑵调整表格列宽时，按住________键，可以改变当前列的宽度，而不改变相邻列的宽度。