网页设计与制作项目式教程 教学课件 作者 凌云项目四习题答案4.doc

《网页设计与制作项目式教程 教学课件 作者 凌云项目四习题答案4.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、《网页设计与制作项目化教程》习题参考答案项目四利用表格布局网站首页任务一利用表格规划页面1.填空题(1)“国”字型、拐角型、标题正文型、封面型、混合型。(2)表格布局、DIV+CSS布局、框架布局DIV+CSS布局(3)0、0、0(4)3(5)固定的像素值、百分比2.问答题表格布局注意事项有：（1）不要把整个网页当成一个大表格，尽量使用分块。（2）可以使用嵌套，但一般嵌套不宜超过三层，否则会影响浏览速度，而且在修改表格时，多层嵌套，导致代码过多，增加了修改的难度。（3）作为布局的表格，表格线边框宽度一般设为0，单元格间距设为0

2、，单元格填充距设为0。外表格宽度一般使用固定的像素值，嵌套的表格宽度可使用百分比，这样嵌套表格的宽度就能随被嵌套单元格宽度的变化而变化。任务二利用表格布局页面1.填空题（1）行、单元格（2）ctrl+alt+t（3）默认、顶部、底部、左、右（4）按字母排序、按数字排序2.简答题（1）首先，网页的布局很复杂，在最外层需要有一个表格控制总体布局。由于表格中同一行单元格的高度是一致的、同一列单元格的宽度是一致的，这时一些内部布局的细节也通过总表格来实现，容易引起行高列宽等的冲突，给表格制作带来困难。其次，浏览器在解析网页的时候，是将

3、整个表格的结构下载完毕之后才显示表格。如果不使用嵌套，表格非常复杂，浏览者要等待很长时间才能看到网页的内容。出于这些原因，引入嵌套表格。由总表格负责整体的布局，由嵌套的表格负责各个子栏目的布局，并插入到总表格的相应位置中。这样一来各司其职，互不冲突。（2）将product.txt文件中的表格导入Dreamweaver中。选择【文件】菜单，选择【导入】，单击【表格式数据】，打开【导入表格式数据】对话框，设置相关参数，【数据文件】为product.txt的文件路径，【分解符】为Tab，其他参数为默认参数，点击【确定】完成导入数据操

4、作任务三完善表格布局1.填空题第2页共2页（1）表格中单元格内对象与单元格边框的距离、表格中单元格之间的距离（2）单元格内的元素在单元格内垂直方向上的位置顶端（top）、居中（middle）、底部（bottom）、基线（baseline）2.简答题表格布局的一般步骤是：根据由外向里、由整体到局部、自上而下、从左往右的原则依次创建表格、设置表格属性。1）先创建外层表格，控制整个页面布局，设置表格及相关单元格的属性2）根据需要操作表格进行拆分、合并操作3）根据需要嵌套表格，并设置嵌套表格及相关单元格的属性任务四表格源代码1.编程题

5、手机信息热门手机产品编号

6、>产品名称产品型号价格NO.001苹果Iphone4（8G）3500

7、"center">NO.002HTCG202350NO.003三星Galaxysiii4000第2页共2页