专题十一 表格布局（2）《网页设计》 45分钟专题训练（山东省）

· 山东省春季高考《网页制作》45分钟专题训练专辑，共16份试卷。试卷命题与高考紧密相关，精选具有代表性和典型性的高考常考题。旨在帮助学生系统地复习和巩固计算机类理论知识，熟悉高考题型和命题规律，提高解题能力和应试技巧，为高考取得优异成绩打下坚实的基础，本训练卷适用于即将参加计算机类高考的学生。与本专辑配套的还有山东省春季高考《图形图像处理》《计算机组装与维护》《数字摄影摄像》《实用美术基础》45分钟专题训练专辑，欢迎同学和老师们下载使用。 《网页制作》 专题十一 表格布局（2） 时间：45分钟 总分：100分 班级___________ 姓名__________ 学号__________ 成绩________ 一、选择题（共25个题，每题2分，共50分） 1. 插入表格时，“表格宽度”设置为“800”且单位选择“像素”，其含义是（ ） A. 表格宽度为浏览器窗口的800% B. 表格宽度固定为800像素 C. 表格宽度为父容器的800像素 D. 表格宽度随内容自适应为800像素 【答案】B 【解析】表格宽度单位为“像素”时，表示固定宽度，不受浏览器或父容器尺寸影响；单位为“百分比”时，才参考父容器宽度。 2. 在Dreamweaver CC中，选中整个表格后，“属性”面板中无法直接设置的是（ ） A. 表格边框颜色 B. 单元格内边距 C. 单元格内容对齐方式 D. 表格对齐方式 【答案】C 【解析】选中整个表格时，“属性”面板显示表格级属性（边框、对齐、边距等）；单元格内容对齐方式需选中单元格后，在单元格属性区域设置。 3. 下列操作中，能快速选中表格中某一行的是（ ） A. 单击该行任意单元格，按Ctrl+A B. 单击该行左侧的行标记 C. 双击该行任意单元格 D. 按住Shift键单击该行首尾单元格 【答案】B 【解析】表格左侧的行标记和顶部的列标记是快速选中行/列的专用元素，单击即可选中；Ctrl+A会选中整个表格内容，双击单元格仅选中单元格内容 4. “单元格边距”与“单元格间距”的区别在于（ ） A. 边距控制单元格内内容与边框的距离，间距控制单元格之间的距离 B. 边距控制单元格之间的距离，间距控制单元格内内容与边框的距离 C. 两者均控制单元格之间的距离，只是单位不同 D. 两者均控制内容与边框的距离，只是优先级不同 【答案】A 【解析】单元格边距（Cellpadding）是单元格内内容与边框的距离，单元格间距（Cellspacing）是相邻单元格之间的距离。 5. 插入表格时，若将“边框”值设置为“0”，则（ ） A. 表格无法显示，仅能在代码视图看到 B. 表格在浏览时无可见边框，设计视图有虚线边框 C. 表格在设计视图和浏览时均无边框 D. 表格仅在打印时显示边框 【答案】B 【解析】边框值为0时，表格在浏览器中无可见边框，但为方便设计，Dreamweaver设计视图会显示虚线边框作为参考。 6. 在设计视图中，要精确调整表格某一列的宽度，最便捷的操作是（ ） A. 在“属性”面板中输入列宽度值 B. 拖动列边框手动调整 C. 双击列边框自动适配内容宽度 D. 通过CSS样式设置 【答案】A 【解析】拖动边框调整宽度精度较低，双击仅能适配内容；在“属性”面板输入具体数值可实现精确调整，这是教材推荐的精准操作方法。 7. 选中表格中连续的3个单元格后，执行“修改→表格→合并单元格”命令，结果是（ ） A. 合并为1个单元格，内容保留第一个单元格的内容 B. 合并为1个单元格，内容将所有单元格内容拼接 C. 提示无法合并，因需选中矩形区域单元格 D. 合并为3个嵌套单元格 【答案】C 【解析】合并单元格的前提是选中连续的矩形区域单元格，非矩形区域无法合并，系统会提示错误；若为矩形区域，合并后内容会拼接。 8. 扩展表格模式的核心作用是（ ） A. 增加表格的行数和列数 B. 方便在表格中插入媒体元素 C. 避免表格内容溢出，便于精确布局 D. 将表格转换为Div布局 【答案】C 【解析】扩展表格模式会在表格周围添加辅助区域，避免内容溢出单元格，便于精确放置元素，是复杂布局的常用模式。 9. 切换到扩展表格模式后，表格会出现额外的（ ） A. 边框 B. 内边距 C. 间距 D. 辅助线 【答案】D 【解析】扩展表格模式的核心特征是显示辅助线，明确单元格边界和可编辑区域，不改变表格本身的边框、边距和间距属性 10. 在Dreamweaver CC中，为表格添加背景颜色，应在“属性”面板的哪个区域设置（ ） A. 表格区域 B. 单元格区域 C. 页面属性区域 D. CSS区域 【答案】A 【解析】选中表格后，“属性”面板的“表格”区域包含背景颜色设置选项；单元格背景色需选中单元格后在“单元格”区域设置 11. 下列关于表格“对齐方式”的说法，错误的是（ ） A. 表格对齐方式包括左对齐、居中对齐、右对齐 B. 选中表格后，可通过“属性”面板的“对齐”下拉菜单设置 C. 表格对齐方式仅影响表格在页面中的位置，不影响单元格内容位置 D. 表格对齐方式与单元格内容对齐方式的设置位置完全相同 【答案】D 【解析】表格对齐方式在表格属性区域设置，单元格内容对齐方式在单元格属性区域设置，位置完全不同 12. 段欣教材中提到，若要让表格在不同分辨率下都能居中显示，最佳设置是（ ） A. 表格宽度设为“100%” B. 表格对齐方式设为“居中” C. 表格边距设为“自动” D. 表格间距设为“自动” 【答案】B 【解析】表格对齐方式设为“居中”，可使其在不同分辨率浏览器中均保持页面水平居中；宽度设为100%是自适应宽度，非居中 13. 选中表格中的某个单元格，在“属性”面板中设置“垂直对齐”为“顶端”，其含义是（ ） A. 单元格内容在水平方向顶端对齐 B. 单元格内容在垂直方向顶端对齐 C. 单元格在表格中垂直顶端对齐 D. 单元格在页面中垂直顶端对齐 【答案】B 【解析】“垂直对齐”属性仅控制单元格内内容在垂直方向的对齐方式，包括顶端、居中、底端等，与单元格本身的对齐无关 14. 在Dreamweaver CC中，插入表格的快捷键是（ ） A. Ctrl+T B. Ctrl+Shift+T C. Alt+T D. Shift+T 【答案】A 【解析】Dreamweaver CC中，插入表格的标准快捷键是Ctrl+T，这是教材明确标注的常用快捷键 15.下列哪种情况不适合使用表格布局（ ） A. 制作数据统计表格 B. 设计页面固定布局结构 C. 实现复杂的图文混排 D. 制作响应式网页布局 【答案】D 【解析】表格布局是固定布局，无法根据屏幕尺寸自适应调整，不适合制作响应式网页；响应式布局更适合用Div+CSS实现 16. 选中表格后，执行“修改→表格→拆分单元格”命令，弹出的对话框中不需要设置的是（ ） A. 拆分方向（行或列） B. 拆分后的行数或列数 C. 拆分后单元格的宽度 D. 确认拆分 【答案】C 【解析】拆分单元格对话框仅需设置拆分方向（行/列）和拆分数量，拆分后单元格宽度会自动分配，无需手动设置 17. 在设计视图中，表格的虚线边框表示（ ） A. 表格边框颜色为白色 B. 表格边框宽度为0，仅作设计参考 C. 表格处于选中状态 D. 表格存在语法错误 【答案】B 【解析】设计视图中表格的虚线边框是Dreamweaver的设计辅助标识，表明表格边框宽度为0，在浏览器中不会显示。 18. 为表格单元格设置背景图片时，若图片尺寸小于单元格尺寸，默认情况下图片会（ ） A. 拉伸至填满单元格 B. 重复显示以填满单元格 C. 居中显示，空白区域显示单元格背景色 D. 仅显示一次，位于单元格左上角 【答案】B 【解析】单元格背景图片默认会重复显示（平铺）以填满整个单元格；若要拉伸或居中，需结合CSS背景属性设置 19. 下列操作中，不能删除表格行的是（ ） A. 选中行，按Delete键 B. 选中行，执行“修改→表格→删除行” C. 选中行，右键单击选择“表格→删除行” D. 选中行，按Ctrl+X键 【答案】A 【解析】选中表格行后，按Delete键仅删除单元格内容，不会删除行；B、C、D选项均为删除行的有效操作。 20. 在Dreamweaver CC中，“表格标题”的默认对齐方式是（ ） A. 左对齐 B. 居中对齐 C. 右对齐 D. 与表格对齐方式一致 【答案】B 【解析】表格标题是对表格内容的说明，默认居中对齐，且显示在表格上方，其对齐方式可单独设置。 21. 扩展表格模式下，表格的实际宽度会（ ） A. 增加，包含辅助区域 B. 减少，去除内边距 C. 不变，仅显示方式变化 D. 随内容自动调整 【答案】A 【解析】扩展表格模式会在表格原有宽度基础上增加辅助区域的宽度，使表格实际显示宽度增加，便于布局操作。 22. 制作嵌套表格时，内层表格的宽度若设置为“100%”，则其宽度参考的是（ ） A. 浏览器窗口宽度 B. 外层表格宽度 C. 外层单元格的宽度 D. 屏幕分辨率宽度 【答案】C 【解析】嵌套表格的宽度若为百分比，参考的是其直接父容器（即外层表格的单元格）的宽度，而非外层表格或浏览器宽度。 23. 在“插入表格”对话框中，“标题”选项的作用是（ ） A. 为表格添加名称，便于代码识别 B. 为表格添加表头文本，显示在表格上方 C. 为表格添加提示文本，鼠标悬停时显示 D. 为表格添加ID属性值 【答案】B 【解析】“插入表格”对话框中的“标题”选项用于添加表格的表头文本，默认显示在表格上方，便于用户理解表格内容；并非代码识别名称或提示文本。 24. 若要让表格的边框仅显示外边框，内边框不显示，应设置（ ） A. 表格边框宽度为1，单元格间距为0 B. 表格边框宽度为1，单元格边距为0 C. 表格边框宽度为1，通过CSS隐藏内边框 D. 表格边框颜色与单元格背景色一致 【答案】C 【解析】仅通过表格属性无法单独隐藏内边框，需结合CSS样式（如border-collapse或border-left/right设置）实现外边框显示、内边框隐藏的效果；A、B、D选项均无法达成需求 25. 下列关于表格“行高”的说法，正确的是（ ） A. 行高只能设置为固定像素值 B. 行高设为“自动”时，仅由内容高度决定 C. 行高设为“100”且单位为“百分比”时，行高为表格高度的100% D. 同一行中不同单元格的行高可以单独设置 【答案】C 【解析】行高可设为固定像素或百分比，A错误；设为“自动”时，由内容高度和相邻行高共同决定，B错误；同一行中所有单元格行高相同，无法单独设置，D错误；C选项描述正确。 二、简答题（共4小题，每题5分，共20分） 1.简述调整表格大小的方法 【答案】见解析 【解析】①选中表格后，表格边框会出现3个控制柄，鼠标指向控制柄呈双向箭头时拖动鼠标，可调整整个表格的大小。 ②选中表格后，在表格属性面板的“宽”文本框中输入数值以精确指定表格的宽度。 当调整整个表格的大小时，表格中所有单元格将按比例更改大小。如果表格的某单元格指定了明确的宽度或高度，则调整表格大小时不会更改这些单元格指定的宽度或高度。 2. 简述选择列的方法 【答案】见解析 【解析】①直接用鼠标拖动 ②鼠标指向列的上边缘，当鼠标指针变为“↓”时单击 ③选择列中的某个单元格，在“列标题”菜单中选择“选择列”命令 3. 简述合并单元格的方法 【答案】见解析 【解析】选择要进行合并的单元格，具体操作步骤如下。 ◉右键菜单中选择“表格→合并单元格”命令。 ◉单击属性面板上的“合并单元格”按钮 。 ◉按【Ctrl+Alt+M】组合键。 4. 简述拆分单元格的方法 【答案】见解析 【解析】拆分单元格是将一个单元格分成多个单元格，具体操作步骤如下。 ◉右键菜单中选择“表格→拆分单元格”命令。 ◉单击属性面板上的“拆分单元格”按钮 。 ◉按【Ctrl+Alt+S】组合键。 3、 案例分析题（共3小题，每题10分，共30分） 1.李华正在装饰个人网页，请帮忙完成下列要求。 （1）网页利用表格进行布局，现在需要将网页整体调小一些，并合并内容分别为“个人简介”及图片的相邻的两个单元格。 【答案】见解析 【解析】 （1）调整网页整体大小可通过两种方式实现：①若使用固定像素布局，在表格属性面板的“宽”文本框中输入更小的数值；②若使用百分比布局，直接修改表格宽度百分比值即可，所有单元格会按比例同步缩小。 （2）合并单元格时，需先拖动鼠标选中包含“个人简介”文本和对应图片的两个相邻单元格，然后通过以下任一方式操作：右键单击选中区域选择“表格→合并单元格”命令，或单击属性面板的“合并单元格”按钮，或直接按【Ctrl+Alt+M】组合键，合并后两个单元格内容将自动拼接为一个单元格。 （2）设置表格背景为黄色，边距3px，间距1px，宽800px，左对齐。 【答案】见解析 【解析】 选中表格后，在属性面板中找到“表格”设置区域，将“背景颜色”设置为黄色；在“边距”文本框中输入“3px”，在“间距”文本框中输入“1px”，在“宽”文本框中输入“800px”；在“对齐”下拉菜单中选择“左对齐”。设置完成后，表格将按照要求显示背景颜色、边距、间距、宽度和对齐方式。 2. 请为表格调整布局，使其由2行2列的表格变为3行5列的表格。 【答案】见解析 【解析】 首先选中该表格，然后通过以下两种方式实现布局调整。方式一：在属性面板中找到“行”和“列”的数值设置框，将“行”数值改为“3”、“列”数值改为“5”，表格会自动扩展为3行5列结构。方式二：右键单击表格选择“表格→插入行或列”命令，在弹出对话框中设置插入位置为“行下方”和“列右侧”，并分别插入2行和3列，最终形成3行5列的表格布局。调整过程中若出现单元格内容错位，需手动拖动调整至正确位置。 3.设计旅游网时，利用了表格布局。请在原有表格的基础上，在第一行为网页添加导航栏，要求“瀚蓝”字体加粗且居中对齐。 【答案】见解析 【解析】 首先选中原有表格的第一行，若需插入新行作为导航栏，可右键单击第一行选择“表格→插入行”命令，在上方插入新行。接着在新行的单元格中输入导航文字“瀚蓝”及其他栏目名称，选中“瀚蓝”文本后，在属性面板的“字体”区域设置加粗效果，并在“对齐”下拉菜单中选择“居中对齐”。若导航栏需跨多列显示，可先选中这些单元格，右键选择“表格→合并单元格”命令进行合并，再输入文字并设置格式。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $ · 山东省春季高考《网页制作》45分钟专题训练专辑，共16份试卷。试卷命题与高考紧密相关，精选具有代表性和典型性的高考常考题。旨在帮助学生系统地复习和巩固计算机类理论知识，熟悉高考题型和命题规律，提高解题能力和应试技巧，为高考取得优异成绩打下坚实的基础，本训练卷适用于即将参加计算机类高考的学生。与本专辑配套的还有山东省春季高考《图形图像处理》《计算机组装与维护》《数字摄影摄像》《实用美术基础》45分钟专题训练专辑，欢迎同学和老师们下载使用。 《网页制作》 专题十一 表格布局（2） 时间：45分钟 总分：100分 班级___________ 姓名__________ 学号__________ 成绩________ 一、选择题（共25个题，每题2分，共50分） 1. 插入表格时，“表格宽度”设置为“800”且单位选择“像素”，其含义是（ ） A. 表格宽度为浏览器窗口的800% B. 表格宽度固定为800像素 C. 表格宽度为父容器的800像素 D. 表格宽度随内容自适应为800像素 2. 在Dreamweaver CC中，选中整个表格后，“属性”面板中无法直接设置的是（ ） A. 表格边框颜色 B. 单元格内边距 C. 单元格内容对齐方式 D. 表格对齐方式 3. 下列操作中，能快速选中表格中某一行的是（ ） A. 单击该行任意单元格，按Ctrl+A B. 单击该行左侧的行标记 C. 双击该行任意单元格 D. 按住Shift键单击该行首尾单元格 4. “单元格边距”与“单元格间距”的区别在于（ ） A. 边距控制单元格内内容与边框的距离，间距控制单元格之间的距离 B. 边距控制单元格之间的距离，间距控制单元格内内容与边框的距离 C. 两者均控制单元格之间的距离，只是单位不同 D. 两者均控制内容与边框的距离，只是优先级不同 5. 插入表格时，若将“边框”值设置为“0”，则（ ） A. 表格无法显示，仅能在代码视图看到 B. 表格在浏览时无可见边框，设计视图有虚线边框 C. 表格在设计视图和浏览时均无边框 D. 表格仅在打印时显示边框 6. 在设计视图中，要精确调整表格某一列的宽度，最便捷的操作是（ ） A. 在“属性”面板中输入列宽度值 B. 拖动列边框手动调整 C. 双击列边框自动适配内容宽度 D. 通过CSS样式设置 7. 选中表格中连续的3个单元格后，执行“修改→表格→合并单元格”命令，结果是（ ） A. 合并为1个单元格，内容保留第一个单元格的内容 B. 合并为1个单元格，内容将所有单元格内容拼接 C. 提示无法合并，因需选中矩形区域单元格 D. 合并为3个嵌套单元格 8. 扩展表格模式的核心作用是（ ） A. 增加表格的行数和列数 B. 方便在表格中插入媒体元素 C. 避免表格内容溢出，便于精确布局 D. 将表格转换为Div布局 9. 切换到扩展表格模式后，表格会出现额外的（ ） A. 边框 B. 内边距 C. 间距 D. 辅助线 10. 在Dreamweaver CC中，为表格添加背景颜色，应在“属性”面板的哪个区域设置（ ） A. 表格区域 B. 单元格区域 C. 页面属性区域 D. CSS区域 11. 下列关于表格“对齐方式”的说法，错误的是（ ） A. 表格对齐方式包括左对齐、居中对齐、右对齐 B. 选中表格后，可通过“属性”面板的“对齐”下拉菜单设置 C. 表格对齐方式仅影响表格在页面中的位置，不影响单元格内容位置 D. 表格对齐方式与单元格内容对齐方式的设置位置完全相同 12. 段欣教材中提到，若要让表格在不同分辨率下都能居中显示，最佳设置是（ ） A. 表格宽度设为“100%” B. 表格对齐方式设为“居中” C. 表格边距设为“自动” D. 表格间距设为“自动” 13. 选中表格中的某个单元格，在“属性”面板中设置“垂直对齐”为“顶端”，其含义是（ ） A. 单元格内容在水平方向顶端对齐 B. 单元格内容在垂直方向顶端对齐 C. 单元格在表格中垂直顶端对齐 D. 单元格在页面中垂直顶端对齐 14. 在Dreamweaver CC中，插入表格的快捷键是（ ） A. Ctrl+T B. Ctrl+Shift+T C. Alt+T D. Shift+T 15.下列哪种情况不适合使用表格布局（ ） A. 制作数据统计表格 B. 设计页面固定布局结构 C. 实现复杂的图文混排 D. 制作响应式网页布局 16. 选中表格后，执行“修改→表格→拆分单元格”命令，弹出的对话框中不需要设置的是（ ） A. 拆分方向（行或列） B. 拆分后的行数或列数 C. 拆分后单元格的宽度 D. 确认拆分 17. 在设计视图中，表格的虚线边框表示（ ） A. 表格边框颜色为白色 B. 表格边框宽度为0，仅作设计参考 C. 表格处于选中状态 D. 表格存在语法错误 18. 为表格单元格设置背景图片时，若图片尺寸小于单元格尺寸，默认情况下图片会（ ） A. 拉伸至填满单元格 B. 重复显示以填满单元格 C. 居中显示，空白区域显示单元格背景色 D. 仅显示一次，位于单元格左上角 19. 下列操作中，不能删除表格行的是（ ） A. 选中行，按Delete键 B. 选中行，执行“修改→表格→删除行” C. 选中行，右键单击选择“表格→删除行” D. 选中行，按Ctrl+X键 20. 在Dreamweaver CC中，“表格标题”的默认对齐方式是（ ） A. 左对齐 B. 居中对齐 C. 右对齐 D. 与表格对齐方式一致 21. 扩展表格模式下，表格的实际宽度会（ ） A. 增加，包含辅助区域 B. 减少，去除内边距 C. 不变，仅显示方式变化 D. 随内容自动调整 22. 制作嵌套表格时，内层表格的宽度若设置为“100%”，则其宽度参考的是（ ） A. 浏览器窗口宽度 B. 外层表格宽度 C. 外层单元格的宽度 D. 屏幕分辨率宽度 23. 在“插入表格”对话框中，“标题”选项的作用是（ ） A. 为表格添加名称，便于代码识别 B. 为表格添加表头文本，显示在表格上方 C. 为表格添加提示文本，鼠标悬停时显示 D. 为表格添加ID属性值 24. 若要让表格的边框仅显示外边框，内边框不显示，应设置（ ） A. 表格边框宽度为1，单元格间距为0 B. 表格边框宽度为1，单元格边距为0 C. 表格边框宽度为1，通过CSS隐藏内边框 D. 表格边框颜色与单元格背景色一致 25. 下列关于表格“行高”的说法，正确的是（ ） A. 行高只能设置为固定像素值 B. 行高设为“自动”时，仅由内容高度决定 C. 行高设为“100”且单位为“百分比”时，行高为表格高度的100% D. 同一行中不同单元格的行高可以单独设置 二、简答题（共4小题，每题5分，共20分） 1.简述调整表格大小的方法 2. 简述选择列的方法 3. 简述合并单元格的方法 4. 简述拆分单元格的方法 3、 案例分析题（共3小题，每题10分，共30分） 1.李华正在装饰个人网页，请帮忙完成下列要求。 （1）网页利用表格进行布局，现在需要将网页整体调小一些，并合并内容分别为“个人简介”及图片的相邻的两个单元格。 （2）设置表格背景为黄色，边距3px，间距1px，宽800px，左对齐。 2. 请为表格调整布局，使其由2行2列的表格变为3行5列的表格。 3.设计旅游网时，利用了表格布局。请在原有表格的基础上，在第一行为网页添加导航栏，要求“瀚蓝”字体加粗且居中对齐。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $