第12卷 使用Div（1） 山东省对口考试-数字媒体类《网页制作》考点双析卷

编写说明：山东省春季高考统一考试-数字媒体类《网页制作》考点双析卷专辑，依据省教育厅《山东省春季高考统一考试招生专业类别考试标准》编写。“考点双析卷”即围绕一个考点，一份是老师的讲解卷一份是学生的练习卷，助力师生构建“讲练结合”的学习闭环，特别适用于山东省春季高考统一考试第一轮高考复习教学。 本专辑第12卷精准对标山东省考纲，考试内容及范围【网页制作】： （二）表格、模板及Div在页面布局与排版中的运用：（4）掌握使用模板文档统一网页风格和布局的方法。 （5）掌握 Div 基本操作、属性设置及在排版中的应用方法。 山东省春季高考统一考试  数字媒体类 《网页制作》考点双析卷 第12卷 使用Div（1） 学生练习卷 时间：45分钟 总分：100分 班级_______ 姓名_______ 学号_______ 成绩_______ 一、单项选择题（本大题共20小题，每题3分，共60分） 1．在Dreamweaver CS6中，关于CSS＋DIV进行网页布局，下列叙述正确的是（   ） A．可以选择菜单“插入”→“HTML”→“布局对象”选项中的“DIV标签”命令插入DIV块 B．在网页中顺序插入的两个块，只要设置两个块合适的宽度，就可以实现在水平方向进行排列 C．插入DIV块后，可以在“区块”分类中设置块的宽、高、浮动和边界 D．修改CSS时根据区域内容标记，到CSS里找到相应的ID即可进行相关修改，很方便 2．可以插入DIV块的操作是（   ） A．“插入”面板→“布局”选项卡中的“插入DIV标签”按钮 B．“插入”菜单→HTML→插入DIV标签 C．“插入”菜单→表格对象→插入DIV标签 D．“插入”面板→“表单”选项卡中的“插入DIV标签”按钮 3．在Dreamweaver CS6中，如图所示的DIV布局，那么对 “#left”的DIV的设置，正确的是 （   ） A． B． C． D． 4．下列关于插入DIV块的方法，正确的是 （   ） A．“插入”菜单→“HTML”→“Div标签” B．“插入”面板→“常用”→按钮 C．“插入”菜单→“布局”→“Div标签” D．“插入”面板→“常用”→“插入Div标签”按钮 5．在DreamweaverCS6中，使用CSS＋DIV进行布局网页，下列描述中不正确的是（   ） A．插入1个DIV，通过CSS样式将“边界”选项中的左、右边界设为“自动”可以实现该DIV居中 B．插入2个DIV，通过CSS样式将“浮动”选项设置为“左对齐”以及设置合适的宽度，可以实现这两个DIV水平方向排列 C．CSS＋DIV将页面独立成更多的区域，加载速度相比表格嵌套的方式要慢 D．修改DIV布局样式时，只需在“CSS样式”面板中找到相应的ID进行修改即可 6．网页制作时，插入了两个DIV块，如图所示，一定没有使用的属性是 （   ） A．float B．margin C．height D．width 7．插入DIV块，可以选择“插入”→“布局对象”→“DIV”标签，在插入DIV的对话框中，可以在“插入”选项中选择具体的插入位置，不可以选择的位置是 （   ） A．在结束标签之前 B．在开始标签之后 C．在插入点 D．在插入点后 8．在Dreamweaver CS6中，以下插入DIV块的操作方法中正确的是________。 （   ） A．选择“插入”面板“CSS”选项中的“Div标签”按钮 B．选择“插入→HTML→Div标签”命令 C．选择“插入→HTML→布局对象→Div标签”命令 D．选择“插入→布局对象→Div标签”命令 9．关于DIV的描述，错误的是（   ） A．DIV是类似于一行一列表格的虚线框 B．DIV由行列形成的单元格构成，可执行合并拆分等操作 C．DIV布局的页面结构域表现分离 D．DIV要求我们使用CSS设置网页的样式 10．下列按钮用于插入DIV标签的是（   ） A． B． C． D． 11．以下关于DIV的描述，正确的是 （   ） A．DIV是类似于一行一列表格的虚线框 B．DIV由行列形成的单元格构成，可执行合并拆分等操作 C．由DIV布局的页面结构域表现不能分离 D．DIV不要求我们严格CSS支持 12．如图所示，在Dreamweaver CS6中插入了两个DIV块，要使两个块在水平方向并排排列，下列操作正确的是 （   ） A．在CSS中将两个DIV标签“left”“right”的边界分别设为左对齐、左对齐 B．在CSS中将两个DIV标签“left”“right”的浮动分别设为左对齐、左对齐 C．在CSS中将两个DIV标签“left”“right”的填充分别设为左对齐、左对齐 D．在CSS中将两个DIV标签“left”“right”的位置分别设为左对齐、左对齐 13．设置DIV水平居中对齐，要通过CSS设置DIV的 属性。 （   ） A．区块→对齐 B．方框→浮动 C．方框→边界 D．列表→位置 14．CSS＋DIV布局已经成为当前主流的网页布局方式，下列描述正确的是 （   ） A．DIV中不可以插入表格 B．默认情况下多个DIV水平并排 C．可通过CSS控制DIV的大小 D．DIV必须要设置ID属性值 15．在Dreamweaver CS6中使用CSS＋DIV布局网页，下列描述不正确的是 （   ） A．DIV是网页的“块”，网页中的元素均可以划分到不同的块中 B．相对于表格布局，打开页面的速度会更快 C．修改页面时更方便，也不会影响其它部分的布局样式 D．相对于表格布局，页面代码复杂使得搜索较慢 16．下列按钮用于插入DIV标签的是 （   ） A． B． C． D． 17．要使一个DIV块在页面中居中显示，需要设置CSS规则定义分类中的 （   ） A．区块 B．方框 C．定位 D．扩展 18．如图所示是div标签,图中斜线部分是通过________选项设置的。（   ） A．Padding B．Margin C．Float D．Width 19．在使用DIV＋CSS布局网页时，两个固定宽度的DIV块呈垂直方向排列，造成这种现象最不可能的原因是（   ） A．未设置DIV的高度 B．DIV宽度设置不合适 C．一个DIV设置了左浮动，另一个设置了右浮动 D．两个DIV都设置了右浮动 20．要在一个空白的页面上建立如图所示的Div块结构，插入“left”块后，直接再插入“right”块时，要选“插入”选项后的（   ） A．在选定内容旁换行 B．在标签之前 C．在开始标签之后 D．在结束标签之前 二、判断题（本大题共6小题，每题2分，共12分） 21．“插入DIV标签”对话框中的“插入”项，一定会有的选项是“在插入点”“在开始标签之后”和“在结束标签之前”。 ( ) 22．利用DIV＋CSS 布局方式是把一个浏览器窗口划分为多个区域，每个区域都可以显示不同的HTML文档。( ) 23．利用CSS＋DIV布局网页时，在网页中顺序插入两个块，默认的两块是水平方向排列。 ( ) 24．使用CSS＋DIV布局的网页会增加网站内文件数，因此也增加了网站的维护成本。 ( ) 25．在CSS样式设置中，要设置一个DIV居中显示，可通过“方框”分类中的margin属性来设置。 ( ) 26．在使用CSS＋DIV布局网页时，因将大部分页面代码写在了DIV中，所以页面容量变得更小。 ( ) 三、简答题（本大题共4小题，每题7分，共28分） 27．如何创建嵌套AP Div？ 28．如何通过CSS更改Div标签的样式？ 29．简述选择AP Div的方法。 30．Div标签与表格布局相比有哪些优势？ 试卷第6页，共6页 试卷第5页，共6页 学科网（北京）股份有限公司 $ 编写说明：山东省春季高考统一考试-数字媒体类《网页制作》考点双析卷专辑，依据省教育厅《山东省春季高考统一考试招生专业类别考试标准》编写。“考点双析卷”即围绕一个考点，一份是老师的讲解卷一份是学生的练习卷，助力师生构建“讲练结合”的学习闭环，特别适用于山东省春季高考统一考试第一轮高考复习教学。 本专辑第12卷精准对标山东省考纲，考试内容及范围【网页制作】： （二）表格、模板及Div在页面布局与排版中的运用：（4）掌握使用模板文档统一网页风格和布局的方法。 （5）掌握 Div 基本操作、属性设置及在排版中的应用方法。 山东省春季高考统一考试  数字媒体类 《网页制作》考点双析卷 第12卷 使用Div（1） 学生练习卷 时间：45分钟 总分：100分 班级_______ 姓名_______ 学号_______ 成绩_______ 一、单项选择题（本大题共20小题，每题3分，共60分） 1．在Dreamweaver CS6中，关于CSS＋DIV进行网页布局，下列叙述正确的是（   ） A．可以选择菜单“插入”→“HTML”→“布局对象”选项中的“DIV标签”命令插入DIV块 B．在网页中顺序插入的两个块，只要设置两个块合适的宽度，就可以实现在水平方向进行排列 C．插入DIV块后，可以在“区块”分类中设置块的宽、高、浮动和边界 D．修改CSS时根据区域内容标记，到CSS里找到相应的ID即可进行相关修改，很方便 【答案】D 2．可以插入DIV块的操作是（   ） A．“插入”面板→“布局”选项卡中的“插入DIV标签”按钮 B．“插入”菜单→HTML→插入DIV标签 C．“插入”菜单→表格对象→插入DIV标签 D．“插入”面板→“表单”选项卡中的“插入DIV标签”按钮 【答案】A 3．在Dreamweaver CS6中，如图所示的DIV布局，那么对 “#left”的DIV的设置，正确的是 （   ） A． B． C． D． 【答案】B 4．下列关于插入DIV块的方法，正确的是 （   ） A．“插入”菜单→“HTML”→“Div标签” B．“插入”面板→“常用”→按钮 C．“插入”菜单→“布局”→“Div标签” D．“插入”面板→“常用”→“插入Div标签”按钮 【答案】D 5．在DreamweaverCS6中，使用CSS＋DIV进行布局网页，下列描述中不正确的是（   ） A．插入1个DIV，通过CSS样式将“边界”选项中的左、右边界设为“自动”可以实现该DIV居中 B．插入2个DIV，通过CSS样式将“浮动”选项设置为“左对齐”以及设置合适的宽度，可以实现这两个DIV水平方向排列 C．CSS＋DIV将页面独立成更多的区域，加载速度相比表格嵌套的方式要慢 D．修改DIV布局样式时，只需在“CSS样式”面板中找到相应的ID进行修改即可 【答案】C 6．网页制作时，插入了两个DIV块，如图所示，一定没有使用的属性是 （   ） A．float B．margin C．height D．width 【答案】B 7．插入DIV块，可以选择“插入”→“布局对象”→“DIV”标签，在插入DIV的对话框中，可以在“插入”选项中选择具体的插入位置，不可以选择的位置是 （   ） A．在结束标签之前 B．在开始标签之后 C．在插入点 D．在插入点后 【答案】D 8．在Dreamweaver CS6中，以下插入DIV块的操作方法中正确的是________。 （   ） A．选择“插入”面板“CSS”选项中的“Div标签”按钮 B．选择“插入→HTML→Div标签”命令 C．选择“插入→HTML→布局对象→Div标签”命令 D．选择“插入→布局对象→Div标签”命令 【答案】D 9．关于DIV的描述，错误的是（   ） A．DIV是类似于一行一列表格的虚线框 B．DIV由行列形成的单元格构成，可执行合并拆分等操作 C．DIV布局的页面结构域表现分离 D．DIV要求我们使用CSS设置网页的样式 【答案】B 10．下列按钮用于插入DIV标签的是（   ） A． B． C． D． 【答案】A 11．以下关于DIV的描述，正确的是 （   ） A．DIV是类似于一行一列表格的虚线框 B．DIV由行列形成的单元格构成，可执行合并拆分等操作 C．由DIV布局的页面结构域表现不能分离 D．DIV不要求我们严格CSS支持 【答案】A 12．如图所示，在Dreamweaver CS6中插入了两个DIV块，要使两个块在水平方向并排排列，下列操作正确的是 （   ） A．在CSS中将两个DIV标签“left”“right”的边界分别设为左对齐、左对齐 B．在CSS中将两个DIV标签“left”“right”的浮动分别设为左对齐、左对齐 C．在CSS中将两个DIV标签“left”“right”的填充分别设为左对齐、左对齐 D．在CSS中将两个DIV标签“left”“right”的位置分别设为左对齐、左对齐 【答案】B 13．设置DIV水平居中对齐，要通过CSS设置DIV的 属性。 （   ） A．区块→对齐 B．方框→浮动 C．方框→边界 D．列表→位置 【答案】C 14．CSS＋DIV布局已经成为当前主流的网页布局方式，下列描述正确的是 （   ） A．DIV中不可以插入表格 B．默认情况下多个DIV水平并排 C．可通过CSS控制DIV的大小 D．DIV必须要设置ID属性值 【答案】C 15．在Dreamweaver CS6中使用CSS＋DIV布局网页，下列描述不正确的是 （   ） A．DIV是网页的“块”，网页中的元素均可以划分到不同的块中 B．相对于表格布局，打开页面的速度会更快 C．修改页面时更方便，也不会影响其它部分的布局样式 D．相对于表格布局，页面代码复杂使得搜索较慢 【答案】D 16．下列按钮用于插入DIV标签的是 （   ） A． B． C． D． 【答案】A 17．要使一个DIV块在页面中居中显示，需要设置CSS规则定义分类中的 （   ） A．区块 B．方框 C．定位 D．扩展 【答案】B 18．如图所示是div标签,图中斜线部分是通过________选项设置的。（   ） A．Padding B．Margin C．Float D．Width 【答案】B 19．在使用DIV＋CSS布局网页时，两个固定宽度的DIV块呈垂直方向排列，造成这种现象最不可能的原因是（   ） A．未设置DIV的高度 B．DIV宽度设置不合适 C．一个DIV设置了左浮动，另一个设置了右浮动 D．两个DIV都设置了右浮动 【答案】A 20．要在一个空白的页面上建立如图所示的Div块结构，插入“left”块后，直接再插入“right”块时，要选“插入”选项后的（   ） A．在选定内容旁换行 B．在标签之前 C．在开始标签之后 D．在结束标签之前 【答案】D 二、判断题（本大题共6小题，每题2分，共12分） 21．“插入DIV标签”对话框中的“插入”项，一定会有的选项是“在插入点”“在开始标签之后”和“在结束标签之前”。 ( ) 【答案】正确 22．利用DIV＋CSS 布局方式是把一个浏览器窗口划分为多个区域，每个区域都可以显示不同的HTML文档。( ) 【答案】错误 23．利用CSS＋DIV布局网页时，在网页中顺序插入两个块，默认的两块是水平方向排列。 ( ) 【答案】错误 24．使用CSS＋DIV布局的网页会增加网站内文件数，因此也增加了网站的维护成本。 ( ) 【答案】错误 25．在CSS样式设置中，要设置一个DIV居中显示，可通过“方框”分类中的margin属性来设置。 ( ) 【答案】正确 26．在使用CSS＋DIV布局网页时，因将大部分页面代码写在了DIV中，所以页面容量变得更小。 ( ) 【答案】错误 三、简答题（本大题共4小题，每题7分，共28分） 27．如何创建嵌套AP Div？ 【答案】①在“首选参数”对话框的“AP元素”类别中，勾选“嵌套”复选框，再将插人点置于一个AP Div中绘制一个AP Div。 ②如果没有勾选“嵌套”属性，则需要按住【Alt】键在现有AP Div中绘制一个AP Div。 ③在“AP元素”面板中，按住【Ctrl】键拖动一个AP Div的名称到另一个AP Div的名称上，这样就把拖动的AP Div插入到另一个AP Div中。 28．如何通过CSS更改Div标签的样式？ 【答案】可以通过给Div标签添加ID或类，然后在CSS中定义相应的规则来更改Div标签的样式。 29．简述选择AP Div的方法。 【答案】方法1：单击AP Div的边框线。 方法2：在“AP元素”面板中单击AP Div的名称。 方法3：单击APDiv的内部，会在AP Div矩形的左上角产生一个控制构图标，单击该图标，即可选中与它对应的AP Div. 方法4：按下【Shift】键，分别单击要选择的各个AP Div的内部或边框线，可以选中多不AP Div. 30．Div标签与表格布局相比有哪些优势？ 【答案】Div标签可以出现在网页上的任何位置，定位方式灵活，且符合“Web标准”所提倡的“内容”和“表现”分离的思想。 试卷第6页，共6页 试卷第5页，共6页 学科网（北京）股份有限公司 $