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

编写说明：山东省春季高考统一考试-数字媒体类《网页制作》考点双析卷专辑，依据省教育厅《山东省春季高考统一考试招生专业类别考试标准》编写。“考点双析卷”即围绕一个考点，一份是老师的讲解卷一份是学生的练习卷，助力师生构建“讲练结合”的学习闭环，特别适用于山东省春季高考统一考试第一轮高考复习教学。 本专辑第3卷精准对标山东省考纲，考试内容及范围【网页制作】： （二）表格、模板及Div在页面布局与排版中的运用：（1）掌握表格的创建、编辑等基本操作。（2）掌握使用表格布局页面的方法与技巧。 山东省春季高考统一考试  数字媒体类 《网页制作》考点双析卷 第3卷 表格布局页面（1） 老师讲解卷 时间：45分钟 总分：100分 班级_______ 姓名_______ 学号_______ 成绩_______ 一、单项选择题（本大题共20小题，每题3分，共60分） 1．下列说法中正确的是（   ） A．表格属性面板与单元格属性面板都有“页面属性”按钮 B．表格属性面板与单元格属性面板都可以设置背景颜色 C．表格属性面板与单元格属性面板都有“对齐”选项 D．表格属性面板与单元格属性面板都可以设置宽度 【答案】D 【详解】表格属性面板可以设置表格整体的宽度，单元格属性面板也可以设置特定单元格的宽度 2．在DreamweaverCS6中，对单元格进行操作后，能实现如图所示效果的选项是（   ） A．选择了一列单元格 B．将光标定位到某一个单元格中 C．选择了两个或两个以上连续的单元格 D．选择了两个或两个以上不连续的单元格 【答案】D 【详解】题目中属性面板同时显示了 ‌“水平(Z)默认”‌ 和 ‌“垂直(T)默认”‌ 两个选项，说明需要同时展示不同对齐方式的选项（否则会直接显示具体对齐值）。只有“不连续单元格”（对齐方式可能不一致）才会触发这种“选项组”的显示逻辑。因此，能实现如图效果的选项是 ‌D 3．在Dreamweaver CS6中,下列关于拆分单元格的说法,不正确的是（   ） A．用鼠标将光标定位在要拆分的单元格中,在属性面板中单击 按钮后,在“拆分单元格”中根据需求设置 B．用鼠标将光标定位在要拆分的单元格中,单击 按钮,在“拆分单元格”对话框中选择“行”,表示水平拆分单元格 C．用鼠标将光标定位在要拆分的单元格中,单击 按钮,在“拆分单元格”对话框中选择“列”,表示垂直拆分单元格 D．拆分单元格只能是把一个单元格拆分成两个(或水平,或垂直) 【答案】D 【详解】“拆分单元格只能把一个单元格拆分成两个（或水平，或垂直）”的说法错误。实际操作中，拆分单元格后可继续对新生成的单元格进行拆分，实现‌多行、多列的复杂拆分‌（并非仅限“两个”）。 4．在DreamweaverCS6中，通过“表格”对话框，不可以设置（   ） A．表中内容的对齐方式 B．表格行数、列数和宽度 C．表头的位置，但可以输入表格的标题 D．表格边框的宽度，默认以像素为单位 【答案】A 【详解】“表格”对话框主要用于定义表格整体结构（行列数、边框、标题等），而内容对齐方式属于单元格级属性，需后续单独设置。表中内容的对齐方式无法在“表格”对话框中设置，需在单元格属性面板或 CSS 中单独调整。 5．关于下图中网页效果“影视剧照”为一级标题，图片位于当前目录下byz.jpg，鼠标在图片上时，提示“碧瑶坐”，单击图片下方文字在新窗口中打开网页www.qyz.com，以下选项中错误的是（   ） A．表格标记＜table align＝"center"＞ B．＜th＞影视剧照＜/th＞ C．＜img src＝"byz.jpg" alt＝"碧瑶坐"＞ D．＜a href＝www.qyz.com target＝"_blank"＞诛仙青云志＜/a＞ 【答案】B 6．下列关于快捷键的描述，错误的是（   ） A．Ctrl＋Alt＋P：预览两个以上Flash动画 B．Shift＋Ctrl＋Space：插入多个空格 C．Ctrl＋Alt＋A：命名锚记 D．Ctrl＋Alt＋T：插入表格 【答案】A 7．在网页设计的过程中，若将如图（a）所示的表格原样复制到网页中，实现如图（b）所示的效果，则应选择的操作是________。 （   ） A．仅文本 B．带结构的文本（段落、列表、表格等） C．带结构的文本以及基本格式（粗体、斜体） D．带结构的文本以及全部格式（粗体、斜体、样式） 【答案】D 8．Dreamweaver中，要将如图（1）所示的表格修改为如图（2）所示的表格，操作错误的是 （   ） 图（1） 图（2） A．在表格属性面板中将表格的行数从1改为2 B．依次将左右单元格拆分为两行 C．将光标定位在表格任意单元格内，执行命令“修改→表格→插入行或列”，在弹出对话框中选择插入行，行数为1，位置为“所选之下” D．将光标定位在表格任意单元格内，执行命令“修改→表格→插入行” 【答案】D 9．在Dreamweaver CS6中插入表格，下列说法正确的是 （   ） A．插入表格后，不能通过属性面板修改表格的行数、列数 B．可以用像素或百分比来设置表格的宽度 C．表格默认对齐方式为居中对齐 D．相邻单元格之间的距离称为单元格边距 【答案】B 10．在Dream weaver CS6中，下列不属于对表格操作命令的是    （    ） A．“插入行” B．“插入列” C．“插入行或列” D．“插入单元格” 【答案】D 11．要插入一个宽为700像素、单元格间距为3、单元格边距为2的表格，背景颜色为#0000FF的表格的HTML代码正确是 （   ） A．<table width＝700 cellpadding＝3 cellspacing＝2 bgcolor＝”#0000FF”> B．<table width＝700 cellpadding＝2 cellspacing＝3 bgcolor＝”#0000FF”> C．<table width＝700 cellpadding＝2 cellspacing＝3 bordercolor＝”#0000FF” D．<table width＝700 cellpadding＝2 cellspacing＝3 background＝”#0000FF”> 【答案】B 12．如图所示，要实现由图（a）到图（b）的变化，下列表格行、列插入的方法，不正确的是 （   ） A．光标单击“内容”单元格，右击选择“表格”，选择“插入行”和“插入列” B．光标单击“内容”单元格，单击“插入”面板，选择“常用”，选择“表格”，选择“在上面插入行”和“在左边插入列” C．光标单击“内容”单元格，单击“修改”菜单，选择“表格”，选择“插入行或列” D．光标单击“内容”单元格，单击“插入”菜单，选择“表格对象”，选择“在上面插入行”和“在左边插入列” 【答案】B 13．在Dreamweaver CS6中，下列有关"表格"相关设置的说法，正确的是（    ） A．插人表格时会弹出“表格”对话框，其中可以设置表格对齐方式、边框粗细等属性 B．选中表格，即可出现表格“属性”面板，其中可以设置表格对齐方式，边框粗细等属性 C．在“表格”对话框和表格“属性”面板中都未设置“边框”的值时，表格边框粗细为1 D．在“表格”对话框和表格“属性”面板中都可设置表格的高度 【答案】B 14．要插入一个宽为500像素、单元格间距为1、单元格边距为2的表格，且背景颜色为#C9C9C9，正确的HTML代码是（   ） A．＜table width＝500 cellpadding＝1 cellspacing＝2 bgcolor＝"#C9C9C9"＞ B．＜table width＝500 cellspacing＝1 cellpadding＝2 bgcolor＝"#C9C9C9"＞ C．＜table width＝500 cellpadding＝1 cellspacing＝2 background＝"#C9C9C9"＞ D．＜table width＝500 cellspacing＝1 cellpadding＝2 background＝"#C9C9C9"＞ 【答案】B 15．在Dreamweaver CS6中插入表格时，不能设置的是（   ） A．表格宽度 B．对齐方式 C．边框粗细 D．表格标题 【答案】B 16．以下标记中，用于定义一个单元格的是（   ） A．＜tr＞…＜/tr＞ B．＜th＞…＜/th＞ C．＜td＞…＜/td＞ D．＜table＞…＜/table＞ 【答案】C 17．某表格创建时的对话框如图所示，下列叙述正确的是（   ） A．该表格是一个3行2列的表格 B．该表格的宽度是100% C．除表格第一行被设置为标题单元格，其他单元格不能被设置为标题单元格 D．摘要中“这是一个表格”不会在网页中显示 【答案】D 【详解】选项A：表格“行数”为2，“列数”为3，即该表格是2行3列，而非3行2列，A错误。 选项B：“表格宽度”下拉框显示为“100 像素”，并非100%，B错误。 选项C：标题选项卡中可选择“顶部”“底部”“两者”等，说明表格多行单元格可设置为标题单元格，C错误。 选项D：“摘要”内容属于表格的属性说明，不会在网页中直接显示，D正确。 18．在DreamweaverCS6中，点击“插入”菜单中的“表格”命令，在弹出的对话框中设置如图所示的内容，它对应的HTML部分代码肯定错误的是（   ） A．<tablewidth＝”600”border＝”0”cellspacing＝”3”cellpadding＝”2”> B．<caption>一周开销</caption> C．<tablewidth＝”600”cellspacing＝”3”cellpadding＝”2”> D．<tablewidth＝”600”border＝”1”cellspacing＝”2”cellpadding＝”3”> 【答案】D 【详解】选项D‌：<table width="600" border="1" cellspacing="2" cellpadding="3">，border值为1（应为0）、cellspacing值为2（应为3）、cellpadding值为3（应为2），三个核心属性均错误，与设置完全不符。 19．在Dreamweaver CS6下，网页中插入表格时设置了如下图（1）、图（2）所示的属性，下列说法不正确的是（   ） 图（1）图（2） ①表格有6行6列；②表格有6行7列；③表格的单元格边距为1；④表格的单元格边距为2；⑤表格的边框为0；⑥表格的边框为1；⑦表格居中对齐；⑧表格左对齐；⑨表格的单元格间距为1；⑩表格的单元格间距为2；⑪表格第1列内容居中显示；⑫表格的标题是“2022高职考计算机专业报考表”。 A．②③⑤⑦⑩⑪⑫ B．①④⑥⑧⑨ C．①③⑤⑧⑩⑪ D．②④⑥⑧⑩ 【答案】B 【详解】从属性面板来判断，表格有6行7列，表格的单元格边距为1，表格的边框为0，表格居中对齐，表格的单元格间距为2，表格第1列内容居中显示，表格的标题是“2022高职考计算机专业报考表”。 因此不正确的是①④⑥⑧⑨，正确的是②③⑤⑦⑩⑪⑫ 20．在Dreamweaver CS6中,下列插入行的方法,正确的是（   ） A．“插入”面板→“布局”→“插入行或列” B．“插入”菜单→“表格”→“插入行或列” C．“修改”菜单→“表格”→“在上面插入行” D．“修改”菜单→“表格”→“插入行或列” 【答案】D 【详解】在Dreamweaver CS6中,下列插入行的方法,正确的是“修改”菜单→“表格”→“插入行或列” 二、简答题（本大题共5小题，每题8分，共40分） 21．请列举出至少三种页面布局类型，并简要描述它们的特点。 【答案】至少有三种页面布局类型，包括： 1．“国”字形布局：这种布局类型上面通常是网站的标题和横幅广告条，接下来是主要内容，左右分列两小条内容，中间是主要部分，最下面是网站的辅助信息。 2．拐角型布局：这种布局与“国”字形结构相近，上面是标题及广告横幅，左侧是窄列链接，右列是宽的正文，下面也是辅助信息。 3．封面型布局：这种布局通常出现在网站首页，特点是精美的平面设计和小的动画，可能只有几个简单的链接或直接在图片上做链接，常用于企业网站和个人主页。接”选项，弹出更改整个站点链接对话框。在对话框中指定旧链接和新链接的路径，然后确认更改。 22．简述CSS布局与传统 表格布局最大的区别. 【答案】原来的定位都采用表格，通过表格的间距或者用无色透明的 GIF 图 片来控制布局版块的间距；而现在则采用 Div 来定位，通过 Div  的 margin 、padding 、border  等属性来控制版块的间距，以达到布局的目的。 23．表格部分单元格如何添加文字？ 【答案】为第3个表格部分单元格添加文字。将text文件夹下的“通知通告，doc"中的内容复制到tab3-1的第2列单元格中。 24．简述操作提示。 【答案】① 新建 HTML  网页，设置页面背景，插入表单。 ② 在表单中插入12行1列的表格，宽770,高460,表格边框色为#993300。 ③ 在各行中输入标识文字，并设置单元格及文字的相关属性。 ④ 在表单最后一行插入两合按钮，即“提交”和“重设”按钰 ⑤ 在各单元格插入合适的表单对象 。 ⑥ 设置表单属性，设置m为 ~Tg9方法 Posi;在“动作”文本框中输入 “mailto:+收件人的电子邮件地址”,表示浏览网页时填写的表单内容将以电子邮件的方式发送 ⑦ 以 szbd.htm 为文件名保存文件，按F12 键预览网页。给服务器。 25．简述选择整个表格的五种方法？ 【答案】单击表格的边框线，将光标定位到表格中，在标签选择器中单击<table>标签。将鼠标指针移到表格的左上角，或边框线附近的敏感区域,当鼠标指针的右下角出现表格的缩略图时,单击鼠标左键。将光标定位到表格中,按两次【Ctrl+A】组合键。编辑→表格→选择表格。 试卷第6页，共6页 试卷第5页，共6页 学科网（北京）股份有限公司 $ 编写说明：山东省春季高考统一考试-数字媒体类《网页制作》考点双析卷专辑，依据省教育厅《山东省春季高考统一考试招生专业类别考试标准》编写。“考点双析卷”即围绕一个考点，一份是老师的讲解卷一份是学生的练习卷，助力师生构建“讲练结合”的学习闭环，特别适用于山东省春季高考统一考试第一轮高考复习教学。 本专辑第3卷精准对标山东省考纲，考试内容及范围【网页制作】： （二）表格、模板及Div在页面布局与排版中的运用：（1）掌握表格的创建、编辑等基本操作。（2）掌握使用表格布局页面的方法与技巧。 山东省春季高考统一考试  数字媒体类 《网页制作》考点双析卷 第3卷 表格布局页面（1） 老师讲解卷 时间：45分钟 总分：100分 班级_______ 姓名_______ 学号_______ 成绩_______ 一、单项选择题（本大题共20小题，每题3分，共60分） 1．下列说法中正确的是（   ） A．表格属性面板与单元格属性面板都有“页面属性”按钮 B．表格属性面板与单元格属性面板都可以设置背景颜色 C．表格属性面板与单元格属性面板都有“对齐”选项 D．表格属性面板与单元格属性面板都可以设置宽度 2．在DreamweaverCS6中，对单元格进行操作后，能实现如图所示效果的选项是（   ） A．选择了一列单元格 B．将光标定位到某一个单元格中 C．选择了两个或两个以上连续的单元格 D．选择了两个或两个以上不连续的单元格 3．在Dreamweaver CS6中,下列关于拆分单元格的说法,不正确的是（   ） A．用鼠标将光标定位在要拆分的单元格中,在属性面板中单击 按钮后,在“拆分单元格”中根据需求设置 B．用鼠标将光标定位在要拆分的单元格中,单击 按钮,在“拆分单元格”对话框中选择“行”,表示水平拆分单元格 C．用鼠标将光标定位在要拆分的单元格中,单击 按钮,在“拆分单元格”对话框中选择“列”,表示垂直拆分单元格 D．拆分单元格只能是把一个单元格拆分成两个(或水平,或垂直) 4．在DreamweaverCS6中，通过“表格”对话框，不可以设置（   ） A．表中内容的对齐方式 B．表格行数、列数和宽度 C．表头的位置，但可以输入表格的标题 D．表格边框的宽度，默认以像素为单位 5．关于下图中网页效果“影视剧照”为一级标题，图片位于当前目录下byz.jpg，鼠标在图片上时，提示“碧瑶坐”，单击图片下方文字在新窗口中打开网页www.qyz.com，以下选项中错误的是（   ） A．表格标记＜table align＝"center"＞ B．＜th＞影视剧照＜/th＞ C．＜img src＝"byz.jpg" alt＝"碧瑶坐"＞ D．＜a href＝www.qyz.com target＝"_blank"＞诛仙青云志＜/a＞ 6．下列关于快捷键的描述，错误的是（   ） A．Ctrl＋Alt＋P：预览两个以上Flash动画 B．Shift＋Ctrl＋Space：插入多个空格 C．Ctrl＋Alt＋A：命名锚记 D．Ctrl＋Alt＋T：插入表格 7．在网页设计的过程中，若将如图（a）所示的表格原样复制到网页中，实现如图（b）所示的效果，则应选择的操作是________。 （   ） A．仅文本 B．带结构的文本（段落、列表、表格等） C．带结构的文本以及基本格式（粗体、斜体） D．带结构的文本以及全部格式（粗体、斜体、样式） 8．Dreamweaver中，要将如图（1）所示的表格修改为如图（2）所示的表格，操作错误的是 （   ） 图（1） 图（2） A．在表格属性面板中将表格的行数从1改为2 B．依次将左右单元格拆分为两行 C．将光标定位在表格任意单元格内，执行命令“修改→表格→插入行或列”，在弹出对话框中选择插入行，行数为1，位置为“所选之下” D．将光标定位在表格任意单元格内，执行命令“修改→表格→插入行” 9．在Dreamweaver CS6中插入表格，下列说法正确的是 （   ） A．插入表格后，不能通过属性面板修改表格的行数、列数 B．可以用像素或百分比来设置表格的宽度 C．表格默认对齐方式为居中对齐 D．相邻单元格之间的距离称为单元格边距 10．在Dream weaver CS6中，下列不属于对表格操作命令的是    （    ） A．“插入行” B．“插入列” C．“插入行或列” D．“插入单元格” 11．要插入一个宽为700像素、单元格间距为3、单元格边距为2的表格，背景颜色为#0000FF的表格的HTML代码正确是 （   ） A．<table width＝700 cellpadding＝3 cellspacing＝2 bgcolor＝”#0000FF”> B．<table width＝700 cellpadding＝2 cellspacing＝3 bgcolor＝”#0000FF”> C．<table width＝700 cellpadding＝2 cellspacing＝3 bordercolor＝”#0000FF” D．<table width＝700 cellpadding＝2 cellspacing＝3 background＝”#0000FF”> 12．如图所示，要实现由图（a）到图（b）的变化，下列表格行、列插入的方法，不正确的是 （   ） A．光标单击“内容”单元格，右击选择“表格”，选择“插入行”和“插入列” B．光标单击“内容”单元格，单击“插入”面板，选择“常用”，选择“表格”，选择“在上面插入行”和“在左边插入列” C．光标单击“内容”单元格，单击“修改”菜单，选择“表格”，选择“插入行或列” D．光标单击“内容”单元格，单击“插入”菜单，选择“表格对象”，选择“在上面插入行”和“在左边插入列” 13．在Dreamweaver CS6中，下列有关"表格"相关设置的说法，正确的是（    ） A．插人表格时会弹出“表格”对话框，其中可以设置表格对齐方式、边框粗细等属性 B．选中表格，即可出现表格“属性”面板，其中可以设置表格对齐方式，边框粗细等属性 C．在“表格”对话框和表格“属性”面板中都未设置“边框”的值时，表格边框粗细为1 D．在“表格”对话框和表格“属性”面板中都可设置表格的高度 14．要插入一个宽为500像素、单元格间距为1、单元格边距为2的表格，且背景颜色为#C9C9C9，正确的HTML代码是（   ） A．＜table width＝500 cellpadding＝1 cellspacing＝2 bgcolor＝"#C9C9C9"＞ B．＜table width＝500 cellspacing＝1 cellpadding＝2 bgcolor＝"#C9C9C9"＞ C．＜table width＝500 cellpadding＝1 cellspacing＝2 background＝"#C9C9C9"＞ D．＜table width＝500 cellspacing＝1 cellpadding＝2 background＝"#C9C9C9"＞ 15．在Dreamweaver CS6中插入表格时，不能设置的是（   ） A．表格宽度 B．对齐方式 C．边框粗细 D．表格标题 16．以下标记中，用于定义一个单元格的是（   ） A．＜tr＞…＜/tr＞ B．＜th＞…＜/th＞ C．＜td＞…＜/td＞ D．＜table＞…＜/table＞ 17．某表格创建时的对话框如图所示，下列叙述正确的是（   ） A．该表格是一个3行2列的表格 B．该表格的宽度是100% C．除表格第一行被设置为标题单元格，其他单元格不能被设置为标题单元格 D．摘要中“这是一个表格”不会在网页中显示 18．在DreamweaverCS6中，点击“插入”菜单中的“表格”命令，在弹出的对话框中设置如图所示的内容，它对应的HTML部分代码肯定错误的是（   ） A．<tablewidth＝”600”border＝”0”cellspacing＝”3”cellpadding＝”2”> B．<caption>一周开销</caption> C．<tablewidth＝”600”cellspacing＝”3”cellpadding＝”2”> D．<tablewidth＝”600”border＝”1”cellspacing＝”2”cellpadding＝”3”> 19．在Dreamweaver CS6下，网页中插入表格时设置了如下图（1）、图（2）所示的属性，下列说法不正确的是（   ） 图（1）图（2） ①表格有6行6列；②表格有6行7列；③表格的单元格边距为1；④表格的单元格边距为2；⑤表格的边框为0；⑥表格的边框为1；⑦表格居中对齐；⑧表格左对齐；⑨表格的单元格间距为1；⑩表格的单元格间距为2；⑪表格第1列内容居中显示；⑫表格的标题是“2022高职考计算机专业报考表”。 A．②③⑤⑦⑩⑪⑫ B．①④⑥⑧⑨ C．①③⑤⑧⑩⑪ D．②④⑥⑧⑩ 20．在Dreamweaver CS6中,下列插入行的方法,正确的是（   ） A．“插入”面板→“布局”→“插入行或列” B．“插入”菜单→“表格”→“插入行或列” C．“修改”菜单→“表格”→“在上面插入行” D．“修改”菜单→“表格”→“插入行或列” 二、简答题（本大题共5小题，每题8分，共40分） 21．请列举出至少三种页面布局类型，并简要描述它们的特点。 22．简述CSS布局与传统 表格布局最大的区别. 23．表格部分单元格如何添加文字？ 24．简述操作提示。 25．简述选择整个表格的五种方法？ 试卷第6页，共6页 试卷第5页，共6页 学科网（北京）股份有限公司 $