《网页制作》- 表格、模板及AP Div在页面的布局 知识点训练 山东省《数字媒体类》考纲百套卷 第15卷

编写说明：《数字媒体类考纲百套卷》依据山东省《数字媒体类专业知识考试标准》编写，本套试卷共90份，由三个部分构成，第一部分是知识点训练卷，每个知识点1~5份试卷，共58份试卷，第二部分是常考题训练卷，每个知识模块2-4份训练卷，共22份试卷，第三个部分是参考历年软件应用类专业真题试卷，编写了10份专业综合训练卷。  本试卷是《数字媒体类考纲百套卷》的第15卷，按知识模块 2．网页制作---2．表格、模板及Div在页面布局与排版中的运用一个范围编写， 其要求是： （1）掌握表格的创建、编辑等基本操作。 （2）掌握使用表格布局页面的方法与技巧。 （3）理解模板的概念及作用。 （4）掌握使用模板文档统一网页风格和布局的方法。 （5）掌握 Div 基本操作、属性设置及在排版中的应用方法。 山东省《数字媒体类考纲百套卷》第15卷 知识模块 2．网页制作 2．表格、模板及Div在页面布局与排版中的运用 知识点训练卷 考试时间60分钟 满分100分 班级 姓名 学号 成绩 一、单项选择题（本大题共25题，每题3分，共75分） 1. 设置 Div 的 position 属性的 absolute 值后,设置 Div 内容超出后,自动增加 Div的尺寸,其溢出属性为（ ） A. Visible B. Hidden C. Seroll D. Auto 【答案】A 2. Div用Float定位时,向左浮动选择（ ） A.Center B. Left C. Static D. Top 【答案】B 3. 三个名称为 DivA、DivB、DivC 的 AP Div，Z 值分别是4、-3、6,则最靠上的是（ ） A. DivA B. DivB C. DivC D.三个 Div 在同一阶层 【答案】C 4. 以下（ ）属性用于设置 DIV 的背景颜色 A. background-color B. color C. text-color D. border-color 【答案】A 5. 若要设置 DIV 的内边距，应使用（ ）属性 A. margin B. padding C. border D. content-spacing 【答案】B 6.flex - direction属性用于决定（ ） A. 项目的颜色 B. 主轴的方向 C. 项目的大小 D. 项目的边框样式 【答案】B 7. 当flex - direction属性值为column时，主轴方向是（ ） A. 水平方向，起点在左沿 B. 水平方向，起点在右沿 C. 垂直方向，起点在上沿 D. 垂直方向，起点在下沿 【答案】C 8. flex - wrap属性的默认值是（ ） A. wrap B. nowrap C. wrap - reverse D. reverse - wrap 【答案】B 9. 当flex - wrap属性值为wrap时，会发生（ ） A. 项目不换行 B. 项目换行 C. 项目反向换行 D. 项目随机排列 【答案】B 10. 在 CSS 的 Flex 布局中，justify - content属性用于控制项目在（ ）上的对齐方式 A. 交叉轴 B. 垂直轴 C. 水平轴 D. 主轴 【答案】D 11. 当justify - content属性值为space - around时，以下描述正确的是（ ） A. 项目左对齐 B. 项目右对齐 C. 项目居中对齐 D. 项目均匀分布，两端留有一半的间隔 【答案】D 12. align - content属性用于控制（ ）的对齐方式 A. 项目在主轴上 B. 项目在交叉轴上 C. 多根轴线在交叉轴上 D. 多根轴线在主轴上 【答案】C 13. 当align - content属性值为stretch时，会发生（ ） A. 轴线占满整个交叉轴 B. 轴线底端对齐 C. 轴线顶端对齐 D. 轴线之间间隔相等 【答案】A 14. 在 CSS 中，用于制作元素圆角的属性是（ ） A. border - color B. border - style C. border - radius D. border - width 【答案】C 15. 在 CSS 中，当border - radius属性只指定一个值时，会发生（ ） A. 只有左上角变成圆角 B. 四个角都变成相同的圆角 C. 只有右上角变成圆角 D. 只有右下角变成圆角 【答案】B 16. 当border - radius属性设置为10px 20px时，以下描述正确的是（ ） A. 左上角和右下角半径为 10px，右上角和左下角半径为 20px B. 左上角和右上角半径为 10px，右下角和左下角半径为 20px C. 左上角半径为 10px，右上角和左下角半径为 20px，右下角半径为 10px D. 左上角半径为 20px，右上角和左下角半径为 10px，右下角半径为 20px 【答案】A 17. 在模板中，用于创建可编辑区域的快捷键是（ ） A.Ctrl+Alt+A B.Ctrl+Alt+V C.Ctrl+Shift+A D.Ctrl+Shift+V 【答案】B 18. 模板在网页设计中的主要作用是（ ） A. 增加网页的加载速度 B. 快速创建风格一致的网页 C. 提高网站的安全性 D. 减少服务器的负担 【答案】B 19. 模版文件的扩展名是（ ） A.dwt B..swf C..xls D..exe 【答案】A 20. Dreamweaver 会将模板文件保存到（ ） A. 站点根目录的Images文件夹 B. 站点根目录的Templates文件夹 C. 系统默认的临时文件夹 D. 用户自定义的文件夹 【答案】B 21. 要想将模板文档应用到网页,则模板中必须包含的区域是（ ） A.锁定区域 B.重复区域 C.可编辑区域 D.可选区域 【答案】C 22. 若要删除选定的未解析内容，应在 “将内容移到新区域” 列表中选择（ ） A. “head” B. 要移动到的可编辑区域名称 C. “不在任何地方” D. “用于所有内容” 【答案】C 23. 在命名可编辑区域时，以下（ ）符号不能使用 A. 逗号 B. 句号 C. 下划线 D. 单引号 【答案】D 24. 以下（ ）操作是不允许的 A. 将整个表格标记为可编辑区域 B. 将单个单元格标记为可编辑区域 C. 将多个单元格标记为单个可编辑区域 D. 对不同模板中的可编辑区域使用相同名称 【答案】C 25.可编辑区域（ ）嵌套插入 A.不能 B. 能 C.可以 D.都可以 【答案】A 二、简答题（本大题共3小题，共15分） 1.简述如何在模板文档中定义可编辑区域？（5分） 【答案】 ①在模板文档中,选择要定义为可编辑区域的内容,或将光标定位到要插入可编辑区域的位置。②执行下列操作之一,打开“新建可编辑区域’对话框。选择菜单“插入→模板→可编辑区域”命令按【Ctrl+ Alt+V】组合键。在“插入”面板选择“模板”中的“可编辑区域”。 ③在“名称”文本框中输入名称,单击“确定”按钮,即可创建可编辑区域。 2. 什么是模板?创建模板的两种方法有哪些？（5分） 【答案】 模板是一种用于设计统一风格页面的特殊类型文档,使用模板既能快速创建风格一致的各个网页,还能快速改变整个站点的布局和外观,为后期的网站维护提供方便。 (1)在空白文档中创建模板文件 (2)从现有文档创建模板 3.简述如何取消可编辑区域。（5分） 【答案】 ①在打开的模板文档中,选择要取消的可编辑区域。 ②执行以下操作之一,可删除可编辑区域,使该区域重新锁定。 单击鼠标右键,从弹出的快捷菜单中选择“模板删除模板标记”命令。选择“工具→模板→删除模板标记”命令。 三、案例分析题（本大题共1小题，共10分） 网页文件 “sports.htm” 已在 Dreamweaver CC 中打开，页面包含多个不同运动项目的图片，图片上方有导航栏，包括 “足球”、“篮球”、“网球” 和 “游泳” 选项，如图所示。请写出完成下列操作的步骤。 （1）将该网页保存为模板 “sports_template.dwt” （2）将该模板应用到网页 “new_sports.html” 【答案】 （1）在 Dreamweaver CC 中，选择 “文件” 菜单中的 “另存为模板” 选项。在弹出的 “另存模板” 对话框中，输入模板名称 “sports_template”，然后点击 “保存” 按钮。Dreamweaver 会自动将文件保存为 “sports_template.dwt” 并存储在站点的 “Templates” 文件夹中。 （2）打开要应用模板的网页 “new_sports.html”。选择 “修改” 菜单中的 “模板”>“应用模板到页” 选项。在弹出的 “选择模板” 对话框中，选择 “sports_template.dwt” 模板，然后点击 “选定” 按钮。这样，模板就应用到了 “new_sports.html” 网页上，并且只有之前设置的可编辑区域可以进行内容修改。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 学科网（北京）股份有限公司 $$ 编写说明：《数字媒体类考纲百套卷》依据山东省《数字媒体类专业知识考试标准》编写，本套试卷共90份，由三个部分构成，第一部分是知识点训练卷，每个知识点1~5份试卷，共58份试卷，第二部分是常考题训练卷，每个知识模块2-4份训练卷，共22份试卷，第三个部分是参考历年软件应用类专业真题试卷，编写了10份专业综合训练卷。  本试卷是《数字媒体类考纲百套卷》的第15卷，按知识模块 2．网页制作---2．表格、模板及Div在页面布局与排版中的运用一个范围编写， 其要求是： （1）掌握表格的创建、编辑等基本操作。 （2）掌握使用表格布局页面的方法与技巧。 （3）理解模板的概念及作用。 （4）掌握使用模板文档统一网页风格和布局的方法。 （5）掌握 Div 基本操作、属性设置及在排版中的应用方法。 山东省《数字媒体类考纲百套卷》第15卷 知识模块 2．网页制作 2．表格、模板及Div在页面布局与排版中的运用 知识点训练卷 考试时间60分钟 满分100分 班级 姓名 学号 成绩 一、单项选择题（本大题共25题，每题3分，共75分） 1. 设置 Div 的 position 属性的 absolute 值后,设置 Div 内容超出后,自动增加 Div的尺寸,其溢出属性为（ ） A. Visible B. Hidden C. Seroll D. Auto 2. Div用Float定位时,向左浮动选择（ ） A.Center B. Left C. Static D. Top 3. 三个名称为 DivA、DivB、DivC 的 AP Div，Z 值分别是4、-3、6,则最靠上的是（ ） A. DivA B. DivB C. DivC D.三个 Div 在同一阶层 4. 以下（ ）属性用于设置 DIV 的背景颜色 A. background-color B. color C. text-color D. border-color 5. 若要设置 DIV 的内边距，应使用（ ）属性 A. margin B. padding C. border D. content-spacing 6.flex - direction属性用于决定（ ） A. 项目的颜色 B. 主轴的方向 C. 项目的大小 D. 项目的边框样式 7. 当flex - direction属性值为column时，主轴方向是（ ） A. 水平方向，起点在左沿 B. 水平方向，起点在右沿 C. 垂直方向，起点在上沿 D. 垂直方向，起点在下沿 8. flex - wrap属性的默认值是（ ） A. wrap B. nowrap C. wrap - reverse D. reverse - wrap 9. 当flex - wrap属性值为wrap时，会发生（ ） A. 项目不换行 B. 项目换行 C. 项目反向换行 D. 项目随机排列 10. 在 CSS 的 Flex 布局中，justify - content属性用于控制项目在（ ）上的对齐方式 A. 交叉轴 B. 垂直轴 C. 水平轴 D. 主轴 11. 当justify - content属性值为space - around时，以下描述正确的是（ ） A. 项目左对齐 B. 项目右对齐 C. 项目居中对齐 D. 项目均匀分布，两端留有一半的间隔 12. align - content属性用于控制（ ）的对齐方式 A. 项目在主轴上 B. 项目在交叉轴上 C. 多根轴线在交叉轴上 D. 多根轴线在主轴上 13. 当align - content属性值为stretch时，会发生（ ） A. 轴线占满整个交叉轴 B. 轴线底端对齐 C. 轴线顶端对齐 D. 轴线之间间隔相等 14. 在 CSS 中，用于制作元素圆角的属性是（ ） A. border - color B. border - style C. border - radius D. border - width 15. 在 CSS 中，当border - radius属性只指定一个值时，会发生（ ） A. 只有左上角变成圆角 B. 四个角都变成相同的圆角 C. 只有右上角变成圆角 D. 只有右下角变成圆角 16. 当border - radius属性设置为10px 20px时，以下描述正确的是（ ） A. 左上角和右下角半径为 10px，右上角和左下角半径为 20px B. 左上角和右上角半径为 10px，右下角和左下角半径为 20px C. 左上角半径为 10px，右上角和左下角半径为 20px，右下角半径为 10px D. 左上角半径为 20px，右上角和左下角半径为 10px，右下角半径为 20px 17. 在模板中，用于创建可编辑区域的快捷键是（ ） A.Ctrl+Alt+A B.Ctrl+Alt+V C.Ctrl+Shift+A D.Ctrl+Shift+V 18. 模板在网页设计中的主要作用是（ ） A. 增加网页的加载速度 B. 快速创建风格一致的网页 C. 提高网站的安全性 D. 减少服务器的负担 19. 模版文件的扩展名是（ ） A.dwt B..swf C..xls D..exe 20. Dreamweaver 会将模板文件保存到（ ） A. 站点根目录的Images文件夹 B. 站点根目录的Templates文件夹 C. 系统默认的临时文件夹 D. 用户自定义的文件夹 21. 要想将模板文档应用到网页,则模板中必须包含的区域是（ ） A.锁定区域 B.重复区域 C.可编辑区域 D.可选区域 22. 若要删除选定的未解析内容，应在 “将内容移到新区域” 列表中选择（ ） A. “head” B. 要移动到的可编辑区域名称 C. “不在任何地方” D. “用于所有内容” 23. 在命名可编辑区域时，以下（ ）符号不能使用 A. 逗号 B. 句号 C. 下划线 D. 单引号 24. 以下（ ）操作是不允许的 A. 将整个表格标记为可编辑区域 B. 将单个单元格标记为可编辑区域 C. 将多个单元格标记为单个可编辑区域 D. 对不同模板中的可编辑区域使用相同名称 25.可编辑区域（ ）嵌套插入 A.不能 B. 能 C.可以 D.都可以 二、简答题（本大题共3小题，共15分） 1.简述如何在模板文档中定义可编辑区域？（5分） 2. 什么是模板?创建模板的两种方法有哪些？（5分） 3.简述如何取消可编辑区域。（5分） 三、案例分析题（本大题共1小题，共10分） 网页文件 “sports.htm” 已在 Dreamweaver CC 中打开，页面包含多个不同运动项目的图片，图片上方有导航栏，包括 “足球”、“篮球”、“网球” 和 “游泳” 选项，如图所示。请写出完成下列操作的步骤。 （1）将该网页保存为模板 “sports_template.dwt” （2）将该模板应用到网页 “new_sports.html” 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 学科网（北京）股份有限公司 $$