《网页设计与制作》表格布局（1）（举一反三考点练）-课后自测（卷2）

举一反三考点练 《网页设计与制作》表格布局-课后自测 知识点一 表格的创建与基本属性设置 1.（简答题）简述在 Dreamweaver 中插入表格的三种常用入口，并写出默认快捷键。 【答案】①菜单“插入→表格”；②“插入”面板“常用”类别点击“表格”图标；③快捷键 Ctrl+Alt+T。 2.（简答题）若希望表格在不同分辨率下始终保持 960px 固定宽度，应在“表格”对话框如何选择单位？ 【答案】在“表格宽度”数值框输入 960，右侧单位下拉列表选择“像素”。 3.（简答题）将表格边框、边距、间距全部设为 0 的主要目的是什么？ 【答案】实现“隐形布局”，使表格只承担定位功能，不影响页面视觉美观。 4.（简答题）写出在“属性”面板中为表格命名及整体居中对齐的具体操作。 【答案】选中表格后，在属性面板“ID”文本框输入名称（如 t1）；在“Align”下拉列表选择“居中对齐”。 5.（综合应用题）请按顺序写出新建一个 3 行 4 列表格的完整键盘+鼠标操作流程，要求： - 宽度 600 像素、边框 1 像素、边距与间距均为 0； - 表格 ID 设为“product”； - 首行作为标题行； - 最后保存并预览。 【答案】 ① Ctrl+Alt+T 调出“表格”对话框； ②行数 3，列数 4，宽度 600 像素，边框 1，边距 0，间距 0； ③“标题”选项选“顶部”，确定； ④在属性面板 ID 框输入 product； ⑤Ctrl+S 保存→F12 预览。 知识点二 嵌套表格与页面分区布局实战 1.（简答题）简述“外层固定像素、内层百分比”嵌套原则的优点。 【答案】外层固定像素保证版心宽度不变，内层百分比可随父单元格自动伸缩，兼顾稳定与自适应。 2.（简答题）在足球明星页面案例中，复制已排版好的 t4 小表到其他单元格有何好处？ 【答案】保持照片与说明文字的结构、样式完全一致，减少重复劳动，提高制作效率。 3.（简答题）嵌套层级为何建议控制在 2–3 层以内？ 【答案】过多嵌套会增加代码量与浏览器渲染负担，导致页面加载变慢。 4.（简答题）写出给嵌套表格统一加 1px 淡蓝外框的最快 CSS 做法（类名自拟）。 【答案】新建外部样式表→定义类 .bx{border:1px solid #66CCFF;}→在属性面板“类”下拉选择 bx 即可。 5.（综合应用题）参考“国”字形布局，用文字描述如何用三层嵌套表格实现以下结构： - 顶层：960px 居中，分页眉、内容、版权三行； - 内容行再分左右两栏，左栏 200px 固定，右栏自适应； - 右栏内继续嵌套 2×2 照片矩阵。 【答案】 ①插入 3 行 1 列表格 t0（960px，居中），三行高分别对应页眉、内容、版权； ②在内容行插入 1 行 2 列表格 t1，左列宽 200px，右列宽自动； ③在右列插入 2 行 2 列表格 t2，每格宽 50%，完成照片矩阵； ④所有边框、边距、间距设 0，外加 CSS 类统一边框与背景。 知识点三 布局原则、类型与常见问题排查 1.（简答题）网页布局三大原则是什么？ 【答案】连贯、统一、分割。 2.（简答题）“封面型”布局通常用于什么场景？有何视觉特点？ 【答案】用于企业或个人首页，整屏精美图片+少量链接，给人简洁、赏心悦目的第一印象。 3.（简答题）表格布满页面后四周仍出现空白，应如何排查与解决？ 【答案】检查“页面属性”中 Left、Top Margin 是否设为 0；如未设置，改为 0 即可消除空白。 4.（简答题）插入大图后表格被撑大，列举两种解决办法。 【答案】①将图片裁切至单元格相同尺寸再插入；②把图片设为单元格背景，并加 overflow:hidden 限制。 5.（综合应用题）某同学用表格布局时遇到“1024×768 正常，1280×800 错位”问题，请： ①指出可能原因； ②给出两条具体解决措施； ③说明如何用 Dreamweaver 快速验证修复效果。 【答案】 ①原因：外层表格未固定宽度且未居中，或内层表格使用百分比导致不同分辨率下偏移。 ②措施：a) 外层表格宽度设为 960px 并 Align="居中对齐"；b) 内层嵌套改用百分比但父单元格固定像素。 ③验证：按 F12 调用多分辨率预览，或在“窗口→结果→链接检查器”旁用“浏览器兼容性”扫描，确认无错位后保存。 原创精品资源学科网独家享有版权，侵权必究！2 学科网（北京）股份有限公司 学科网（北京）股份有限公司 $ 举一反三考点练 《网页设计与制作》表格布局-课后自测 知识点一 表格的创建与基本属性设置 1.（简答题）简述在 Dreamweaver 中插入表格的三种常用入口，并写出默认快捷键。 2.（简答题）若希望表格在不同分辨率下始终保持 960px 固定宽度，应在“表格”对话框如何选择单位？ 3.（简答题）将表格边框、边距、间距全部设为 0 的主要目的是什么？ 4.（简答题）写出在“属性”面板中为表格命名及整体居中对齐的具体操作。 5.（综合应用题）请按顺序写出新建一个 3 行 4 列表格的完整键盘+鼠标操作流程，要求： - 宽度 600 像素、边框 1 像素、边距与间距均为 0； - 表格 ID 设为“product”； - 首行作为标题行； - 最后保存并预览。 知识点二 嵌套表格与页面分区布局实战 1.（简答题）简述“外层固定像素、内层百分比”嵌套原则的优点。 2.（简答题）在足球明星页面案例中，复制已排版好的 t4 小表到其他单元格有何好处？ 3.（简答题）嵌套层级为何建议控制在 2–3 层以内？ 4.（简答题）写出给嵌套表格统一加 1px 淡蓝外框的最快 CSS 做法（类名自拟）。 5.（综合应用题）参考“国”字形布局，用文字描述如何用三层嵌套表格实现以下结构： - 顶层：960px 居中，分页眉、内容、版权三行； - 内容行再分左右两栏，左栏 200px 固定，右栏自适应； - 右栏内继续嵌套 2×2 照片矩阵。 知识点三 布局原则、类型与常见问题排查 1.（简答题）网页布局三大原则是什么？ 2.（简答题）“封面型”布局通常用于什么场景？有何视觉特点？ 3.（简答题）表格布满页面后四周仍出现空白，应如何排查与解决？ 4.（简答题）插入大图后表格被撑大，列举两种解决办法。 5.（综合应用题）某同学用表格布局时遇到“1024×768 正常，1280×800 错位”问题，请： ①指出可能原因； ②给出两条具体解决措施； ③说明如何用 Dreamweaver 快速验证修复效果。 原创精品资源学科网独家享有版权，侵权必究！2 学科网（北京）股份有限公司 学科网（北京）股份有限公司 $