第6卷 表格布局页面（2） 山东省对口考试-数字媒体类《网页制作》考点双析卷

编写说明：山东省春季高考统一考试-数字媒体类《网页制作》考点双析卷专辑，依据省教育厅《山东省春季高考统一考试招生专业类别考试标准》编写。“考点双析卷”即围绕一个考点，一份是老师的讲解卷一份是学生的练习卷，助力师生构建“讲练结合”的学习闭环，特别适用于山东省春季高考统一考试第一轮高考复习教学。 本专辑第6卷精准对标山东省考纲，考试内容及范围【网页制作】： （二）表格、模板及Div在页面布局与排版中的运用：（1）掌握表格的创建、编辑等基本操作。（2）掌握使用表格布局页面的方法与技巧。 山东省春季高考统一考试  数字媒体类 《网页制作》考点双析卷 第6卷 表格布局页面（2） 学生练习卷 时间：45分钟 总分：100分 班级_______ 姓名_______ 学号_______ 成绩_______ 一、单项选择题（本大题共20小题，每题3分，共60分） 1．以下选择单元格操作错误的是（   ） A．使用鼠标拖动可以选取多个连续的单元格 B．使用Shift键可以选择多个连续的单元格 C．使用Ctrl键可以选择多个不连续的单元格 D．按Ctrl＋A可以选取表中所有单元格 2．在Dreamweaver CS6表格属性设置中，间距指的是（   ） A．单元格内容到边框的距离 B．也称单元格边距 C．单元格内容与单元格左边框的距离 D．单元格与单元格之间的距离 3．使用HTML代码创建表格，下列说法错误的是（   ） A．单元格中的内容在垂直方向默认为居中对齐 B．通过cellpadding属性设置单元格之间的间距 C．通过colspan设置单元格占的列数 D．单元格的宽度可用像素值或表格的百分比来表示 4．学生小明在用Dreamweaver CS6设计表格时，需要将第一行拆分成两列，通过单击下列________按钮可实现该操作。（   ） A． B． C． D． 5．运用 Dreamweaver CS6设计网页时，“表格属性”面板中有一处“填充”选项，该选项的作用是（   ） A．设置表格的边距 B．设置单元格边框 C．设置单元格边距 D．设置表格的边框 6．以下插入表格对话框中，可以设置表头位置的是（   ） A．页眉 B．辅助功能 C．标题 D．边框粗细 7．表格默认的对齐方式为（   ） A．左对齐 B．右对齐 C．居中对齐 D．垂直对齐 8．如果没有明确指定单元格间距的值，大多数浏览器按单元格间距为 来显示表格。（   ） A．0 B．1 C．2 D．4 9．当光标位于表格中时，要选中表格，可以单击窗口底部 中的<table>（   ） A．属性面板 B．标签检查器 C．标签选择器 D．文件管理器 10．下列关于Dreamweaver拆分单元格的说法，正确的是（    ） A．在一次拆分操作中只能按列拆分或按行拆分，无法同时拆分 B．拆分的行数只能是偶数 C．拆分的列数不能是奇数 D．选定连续的多个单元格可以对多个单元格进行同样的拆分 11．下图是某网页的属性面板，下列说法正确的是（    ） A．标记1处和2处的“标题”含义一样 B．该网页中当前选定的是某个单元格 C．该网页中有个宽130，高57的表格 D．网页中的表格水平居中显示 12．在Dreamweaver CS6中，光标定位在单元格中，就可以通过“单元格属性”面板对其进行设置，下列设置不能在其属性面板实现的是（    ） A．水平对齐方式 B．间距 C．背景颜色 D．宽和高 13．如图所示，将图1所示的表格修改成图2所示的状态，不能完成的是（    ） 图1 图2 A．选中整个表格，在属性面板中将表格的行数从1改为2 B．依次将左右单元格拆分为两行 C．将光标放在表格中的任意位置，执行命令“修改”→“表格”→“插入行或列”，在弹出的对话框中选择插入行，行数为1，位置为“所选之下” D．将光标放在表格中的任意位置，执行命令“修改”→“表格”→“插入行” 14．如图所示是Dreamweaver CS6中设计视图下的表格图例，下列对此“表格”设置叙述正确的是（    ） A．表格的宽实际为700 B．（1）处单元格宽设置值是300 C．表格边框为0 D．单元格间距为0 15．在Dreamweaver CS6中，下列关于利用表格进行布局网页的叙述中，错误的是（    ） A．可以达到页面显示效果的最佳状态 B．可以使用嵌套表格将页面进行划分布局 C．一般将表格的边框设置为0，其它为默认值 D．可以将一个大表格拆分成若干个宽度相等、高度不等的小表格，可以明显加快页面的打开速度 16．使用表格布局网页时，不能在“属性”面板中设置的参数是（    ） A．宽度 B．高度 C．行数 D．填充 17．下列在Dreamweaver中选择表格的方法，正确的是（    ） A．光标定位于页面任意位置，点击标签选择器的＜table＞ B．光标定位于某单元格中，使用Ctrl＋A快捷键 C．指针移动到表格边框上，当指针变成双向箭头时，单击鼠标左键 D．指针移动到表格边框上，当指针呈现表格和黑色箭头的组合形状时，单击鼠标左键 18．在 Dreamweaver CS6中，下列有关表格布局网页的说法，错误的是（    ） A．目前常用的网页布局方式有利用表格布局，利用框架布局、利用DIV＋CSS布局 B．当一张表格的高度需要设置很高时，可以考虑把一个表格拆分成若干个宽度相等，高度不等的小表格，这样可以明显加快页面的打开速度 C．由于浏览网页时一般看不到表格的边框，因此应该将表格的边框设置为“0”，表格的填充和间距用默认值即可 D．利用表格布局网页﹐给网页各部分的定位带来很大的便利 19．在Dreamweaver CS6中插入表格后，出现的"表格"对话框中 都可以在表格“属性”面板中找到与之对应的属性。    （    ） A．表格大小 B．标题 C．辅助功能 D．摘要 20．在Dream weaver CS6中，下列不是常用的网页布局是    （    ） A．表格 B．框架 C．CSS＋DIV D．表单 二、简答题（本大题共4小题，每题7分，共28分） 21．简述页面布局原则。 22．简述拆分单元格的方法。 23．简述插入行或列的方法。 24．如何利用Dreamweaver中的表格进行网页元素布局？ 三、案例分析题（本大题共1小题，每题12分，共12分） 25．小冯想创建如图所示“商品表格”表格，其中表格的间距和边距均为0，表格的宽度为500px，边框为2。第一行中的底色为红色，字体为黑体，大小为50px,居中显示，请写出该表格对应的源代码。 商品促销 商品秒杀 商品团购 试卷第6页，共6页 试卷第5页，共6页 学科网（北京）股份有限公司 $ 编写说明：山东省春季高考统一考试-数字媒体类《网页制作》考点双析卷专辑，依据省教育厅《山东省春季高考统一考试招生专业类别考试标准》编写。“考点双析卷”即围绕一个考点，一份是老师的讲解卷一份是学生的练习卷，助力师生构建“讲练结合”的学习闭环，特别适用于山东省春季高考统一考试第一轮高考复习教学。 本专辑第6卷精准对标山东省考纲，考试内容及范围【网页制作】： （二）表格、模板及Div在页面布局与排版中的运用：（1）掌握表格的创建、编辑等基本操作。（2）掌握使用表格布局页面的方法与技巧。 山东省春季高考统一考试  数字媒体类 《网页制作》考点双析卷 第6卷 表格布局页面（2） 学生练习卷 时间：45分钟 总分：100分 班级_______ 姓名_______ 学号_______ 成绩_______ 一、单项选择题（本大题共20小题，每题3分，共60分） 1．以下选择单元格操作错误的是（   ） A．使用鼠标拖动可以选取多个连续的单元格 B．使用Shift键可以选择多个连续的单元格 C．使用Ctrl键可以选择多个不连续的单元格 D．按Ctrl＋A可以选取表中所有单元格 【答案】D 2．在Dreamweaver CS6表格属性设置中，间距指的是（   ） A．单元格内容到边框的距离 B．也称单元格边距 C．单元格内容与单元格左边框的距离 D．单元格与单元格之间的距离 【答案】D 3．使用HTML代码创建表格，下列说法错误的是（   ） A．单元格中的内容在垂直方向默认为居中对齐 B．通过cellpadding属性设置单元格之间的间距 C．通过colspan设置单元格占的列数 D．单元格的宽度可用像素值或表格的百分比来表示 【答案】B 【详解】cellpadding属性实际设置的是单元格内容与边框的间距，单元格间距应该用cellspacing属性设置 4．学生小明在用Dreamweaver CS6设计表格时，需要将第一行拆分成两列，通过单击下列________按钮可实现该操作。（   ） A． B． C． D． 【答案】D 5．运用 Dreamweaver CS6设计网页时，“表格属性”面板中有一处“填充”选项，该选项的作用是（   ） A．设置表格的边距 B．设置单元格边框 C．设置单元格边距 D．设置表格的边框 【答案】C 6．以下插入表格对话框中，可以设置表头位置的是（   ） A．页眉 B．辅助功能 C．标题 D．边框粗细 【答案】C 7．表格默认的对齐方式为（   ） A．左对齐 B．右对齐 C．居中对齐 D．垂直对齐 【答案】A 8．如果没有明确指定单元格间距的值，大多数浏览器按单元格间距为 来显示表格。（   ） A．0 B．1 C．2 D．4 【答案】C 9．当光标位于表格中时，要选中表格，可以单击窗口底部 中的<table>（   ） A．属性面板 B．标签检查器 C．标签选择器 D．文件管理器 【答案】C 10．下列关于Dreamweaver拆分单元格的说法，正确的是（    ） A．在一次拆分操作中只能按列拆分或按行拆分，无法同时拆分 B．拆分的行数只能是偶数 C．拆分的列数不能是奇数 D．选定连续的多个单元格可以对多个单元格进行同样的拆分 【答案】A 11．下图是某网页的属性面板，下列说法正确的是（    ） A．标记1处和2处的“标题”含义一样 B．该网页中当前选定的是某个单元格 C．该网页中有个宽130，高57的表格 D．网页中的表格水平居中显示 【答案】B 12．在Dreamweaver CS6中，光标定位在单元格中，就可以通过“单元格属性”面板对其进行设置，下列设置不能在其属性面板实现的是（    ） A．水平对齐方式 B．间距 C．背景颜色 D．宽和高 【答案】B 13．如图所示，将图1所示的表格修改成图2所示的状态，不能完成的是（    ） 图1 图2 A．选中整个表格，在属性面板中将表格的行数从1改为2 B．依次将左右单元格拆分为两行 C．将光标放在表格中的任意位置，执行命令“修改”→“表格”→“插入行或列”，在弹出的对话框中选择插入行，行数为1，位置为“所选之下” D．将光标放在表格中的任意位置，执行命令“修改”→“表格”→“插入行” 【答案】D 14．如图所示是Dreamweaver CS6中设计视图下的表格图例，下列对此“表格”设置叙述正确的是（    ） A．表格的宽实际为700 B．（1）处单元格宽设置值是300 C．表格边框为0 D．单元格间距为0 【答案】B 15．在Dreamweaver CS6中，下列关于利用表格进行布局网页的叙述中，错误的是（    ） A．可以达到页面显示效果的最佳状态 B．可以使用嵌套表格将页面进行划分布局 C．一般将表格的边框设置为0，其它为默认值 D．可以将一个大表格拆分成若干个宽度相等、高度不等的小表格，可以明显加快页面的打开速度 【答案】C 16．使用表格布局网页时，不能在“属性”面板中设置的参数是（    ） A．宽度 B．高度 C．行数 D．填充 【答案】B 17．下列在Dreamweaver中选择表格的方法，正确的是（    ） A．光标定位于页面任意位置，点击标签选择器的＜table＞ B．光标定位于某单元格中，使用Ctrl＋A快捷键 C．指针移动到表格边框上，当指针变成双向箭头时，单击鼠标左键 D．指针移动到表格边框上，当指针呈现表格和黑色箭头的组合形状时，单击鼠标左键 【答案】C 18．在 Dreamweaver CS6中，下列有关表格布局网页的说法，错误的是（    ） A．目前常用的网页布局方式有利用表格布局，利用框架布局、利用DIV＋CSS布局 B．当一张表格的高度需要设置很高时，可以考虑把一个表格拆分成若干个宽度相等，高度不等的小表格，这样可以明显加快页面的打开速度 C．由于浏览网页时一般看不到表格的边框，因此应该将表格的边框设置为“0”，表格的填充和间距用默认值即可 D．利用表格布局网页﹐给网页各部分的定位带来很大的便利 【答案】C 19．在Dreamweaver CS6中插入表格后，出现的"表格"对话框中 都可以在表格“属性”面板中找到与之对应的属性。    （    ） A．表格大小 B．标题 C．辅助功能 D．摘要 【答案】A 20．在Dream weaver CS6中，下列不是常用的网页布局是    （    ） A．表格 B．框架 C．CSS＋DIV D．表单 【答案】D 二、简答题（本大题共4小题，每题7分，共28分） 21．简述页面布局原则。 【答案】网页布局设计是有原则的，无论使用何种手法对画面中的元素进行组合，都一定要遵循主 要的三大原则：连贯、统一、分割。 1．连贯， 是指要注意页面的相互关系。网页设计中应利用各组成部分在内容上的内在联  系和表现形式上的相互呼应，并注意整个网页设计风格的一致性，实现视觉上和心理上的连贯， 使整个网页设计的各个部分极为融洽。 2． 统一，是指网页设计作品的整体性、 一致性。设计作品的整体效果是至关重要的，在 设计中切勿将各组成部分孤立分散，那样会使画面呈现出凌乱的效果。 3．分割，是指将页面分成若干小块，小块之间有视觉已的床同，这样可以使观者一目了然。在信息量很级时为使刚者鲜够有沛慈、铌球注意对画面进行有效的分割。分割不仅是表现 形式的需要，还被视为对页面内容的一种分类归纳。 遵循网页设计三大原则，页面的视觉效果与人的视觉感受形成一种沟通，产生心灵的共鸣， 这是网页设计成功的关键。 22．简述拆分单元格的方法。 【答案】① 将光标定位到要拆分的单元格中。 ② 执行下列操作之一，可打开“拆分单元格”对话框。 选择菜单“修改→表格→拆分单元格”命令。 单击鼠标右键，从快捷菜单中选择“表格→拆分单元格”命令。 单击属性面板上的“拆分单元格”按钮。 按【Ctrl+Alt+S】组合键。 ③ 在对话框中设置要拆分的行数或列数，单击“确定”按钮。 23．简述插入行或列的方法。 【答案】1、选中行或列，选择“修改→表格”子菜单中的“插入行”或“插入列”命令或直接在其上单击鼠标右键，从弹出的快捷菜单中选择对应的命令。可在所选行的上方插入一新行或所选列的左方插入一新列。 2、选中行或列，选择“修改→表格→插入行或列”菜单命令，弹出“插入行或列”对话框，设置插入的行（列）数及位置，单击“确定”按钮，可以插入多行或多列。 3、选中行或列，单击“插入”面板“布局”类别中的相应插入行或插入列按钮，可以在选中行或列的指定位置插入新行或新列。 4、打开某列的“列标题”菜单，选择“左侧插入列”或“右侧插入列”，可在当前列的左侧或右侧插入一新列。 24．如何利用Dreamweaver中的表格进行网页元素布局？ 【答案】可以利用Dreamweaver中表格边框为0时不显示的特性，将页面元素放置在表格单元格中以实现定位，这是网页制作中常用的表格布局方法。 三、案例分析题（本大题共1小题，每题12分，共12分） 25．小冯想创建如图所示“商品表格”表格，其中表格的间距和边距均为0，表格的宽度为500px，边框为2。第一行中的底色为红色，字体为黑体，大小为50px,居中显示，请写出该表格对应的源代码。 商品促销 商品秒杀 商品团购 【答案】<head>     <meta charset="UTF-8">     <style>         table {             width: 500px;             border: 2px solid;             border-spacing: 0;             border-collapse: collapse;         }         th {             background-color: red;             font-family: "黑体";             font-size: 50px;             text-align: center;         }     </style> </head> <body>     <table>         <tr>             <th>商品促销</th>             <th>商品秒杀</th>             <th>商品团购</th>         </tr>     </table> </body> 试卷第6页，共6页 试卷第5页，共6页 学科网（北京）股份有限公司 $