《网页制作》- 网页元素的插入和设置 知识点训练 山东省《数字媒体类》考纲百套卷 第16卷

编写说明：《数字媒体类考纲百套卷》依据山东省《数字媒体类专业知识考试标准》编写，本套试卷共90份，由三个部分构成，第一部分是知识点训练卷，每个知识点1~5份试卷，共58份试卷，第二部分是常考题训练卷，每个知识模块2-4份训练卷，共22份试卷，第三个部分是参考历年软件应用类专业真题试卷，编写了10份专业综合训练卷。  本试卷是《数字媒体类考纲百套卷》的第16卷，按知识模块 2．网页制作---3．网页元素的插入和设置一个范围编写， 其要求是： （1）掌握文本的输入及属性设置方法。 （2）掌握图像的插入及属性设置方法。 （3）掌握动画、音频和视频文件的插入及属性设置方法。 山东省《数字媒体类考纲百套卷》第16卷 知识模块 2．网页制作 3．网页元素的插入和设置 知识点训练卷 考试时间60分钟 满分100分 班级 姓名 学号 成绩 一、单项选择题（本大题共25题，每题3分，共75分） 1. 网页中最基本的元素是（ ） A. 图片 B. 视频 C. 文本 D. 动画 2. 当从外部文档粘贴文本到 Dreamweaver 的 “文档” 窗口时，会保留（ ）格式 A. 原有的所有格式 B. 原有的字体格式 C. 原有的颜色格式 D. 文本的段落格式 3. 如果只想粘贴纯文本，不保留任何格式，应选择（ ） A. 带结构的文本 B. 带结构的文本以及基本格式 C. 仅文本 D. 带结构的文本以及全部格式 4. 以下（ ）方法不能用于在网页文档中插入多个连续空格 A. 在 “代码” 视图窗口中输入空格代码 “ ” B. 切换中文输入法为半角状态，按空格键 C. 选择 “插入” 菜单→“HTML”→“不换行空格” 命令 D. 按【Ctrl＋Shift＋Space】组合键 5. 若要在段首空出两个汉字的位置，需要插入（ ）空格 A. 一个 B. 两个 C. 三个 D. 四个 6.以下（ ）符号组在软键盘中对应的是 “±×÷∑√” A. 数字序号 B. 数字符号 C. 制表符 D. 中文数字 7. 在文档中需要日期时，以下操作方法正确的是（ ） A. 选择菜单 “插入→HTML→日期” 命令 B. 选择菜单 “编辑→HTML→日期” 命令 C. 选择菜单 “文件→HTML→日期” 命令 D. 选择菜单 “格式→HTML→日期” 命令 8. 在 “插入日期” 对话框中，“储存时自动更新” 选项的作用是（ ） A. 每次打开文档时自动更新日期 B. 每次编辑文档时自动更新日期 C. 下次保存文档时自动更新日期 D. 每次打印文档时自动更新日期 9. 以下（ ）可以实现文本的段落换行 A. 在需要换行的位置按【Space】键 B. 在需要换行的位置按【Enter】键 C. 在需要换行的位置按【Tab】键 D. 在需要换行的位置按【Ctrl】键 10. 在代码视图窗口中，用于段落换行的标记是（ ） A. <p>和</p> B. <br>和</br> C. <div>和</div> D. <span>和</span> 11. 以下（ ）操作可以实现换行符换行且两行之间不出现空行 A. 按【Enter】键 B. 按【Ctrl + Enter】组合键 C. 按【Shift + Enter】组合键 D. 按【Tab】键 12. 在 “代码” 视图窗口中，用于实现换行符换行的标记是（ ） A. <p> B. <div> C. <hr> D. <br /> 13. 在 Dreamweaver 中，默认的字体类型是（ ） A. 黑体 B. 宋体 C. 楷体 D. 仿宋 14. 在 “管理字体” 对话框中，（ ）用于添加字体 A. “添加字体” 选项卡 B. “自定义字体堆栈” 选项卡 C. “系统字体” 选项卡 D. “网络字体” 选项卡 15. 要设置文本颜色，首先需要做（ ） A. 单击 “格式” 菜单中的 “颜色” 命令 B. 直接在文本框中输入颜色值 C. 在 “文本” 属性面板中单击 “CSS” 按钮 D. 单击 “编辑” 菜单中的 “颜色设置” 命令 16. 系统默认的文本颜色是（ ） A. 红色 B. 蓝色 C. 黑色 D. 白色 17. 颜色 “#255B9A” 中，“25” 表示（ ）颜色的值 A. 红色 B. 绿色 C. 蓝色 D. 白色 18. 以下（ ）不是文本的对齐方式 A. 左对齐 B. 上对齐 C. 居中对齐 D. 右对齐 19. 要设置段落标题格式，应在（ ）下拉列表中操作 A. “格式” 下拉列表 B. “样式” 下拉列表 C. “字体” 下拉列表 D. “对齐” 下拉列表 20. 若要去除已有的段落标题格式，应将格式选项设为（ ） A. “标题 1” B. “无” C. “正文” D. “默认” 21. 要设置段落的缩进，应单击（ ）按钮 A. “内缩区块” 按钮 B. “删除内缩区块” 按钮 C. “项目列表” 按钮 D. “列表项目” 按钮 22. 在设置水平线的颜色时，需要在（ ）视图中进行操作 A. 设计视图 B. 代码视图 C. 拆分视图 D. 预览视图 23. 在 WPS 文档中,选定文本后,按“CTRL+C”，在 Dreamweaver CC 文档窗口按“CTRL+V”可以保留文本的（ ）格式。 A.颜色 B.字体 C.换行符 D.以上均可以 24. 插入水平线后，不能在其 “属性” 面板直接设置的是（ ） A. 宽度 B. 高度 C. 阴影效果 D. 颜色 25.在 Dreamweaver CC 中插入连续的空格的方法，下列说法不正确的是（ ） A. 在 “代码” 视图窗口中，输入空格代码“&nbsp;” B. 切换中文输入法为半角状态，按空格键可以输入多个空格 C. 按【Ctrl＋Shift＋Space】组合键 D. 选择 “插入” 菜单→“HTML”→“不换行空格” 命令 二、简答题（本大题共3小题，共15分） 1.简述插入水平线的三种方法？（5分） 2. 写出插入连续空格的六种方法？（5分） 3.简述用换行符换行实现的效果及实现的四种方法。（5分） 三、案例分析题（本大题共1小题，共10分） 在第二段后插入图片 images/3.jpg；在版权符号前插入红色水平线，居中对齐，宽 600 像素，高 2 像素，无阴影。将图片设置为圆形显示，且当鼠标悬停在图片上时，图片放大 1.2 倍。为红色水平线添加动画效果，使其在页面加载时从左到右逐渐显示。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 学科网（北京）股份有限公司 $$ 编写说明：《数字媒体类考纲百套卷》依据山东省《数字媒体类专业知识考试标准》编写，本套试卷共90份，由三个部分构成，第一部分是知识点训练卷，每个知识点1~5份试卷，共58份试卷，第二部分是常考题训练卷，每个知识模块2-4份训练卷，共22份试卷，第三个部分是参考历年软件应用类专业真题试卷，编写了10份专业综合训练卷。  本试卷是《数字媒体类考纲百套卷》的第16卷，按知识模块 2．网页制作---3．网页元素的插入和设置一个范围编写， 其要求是： （1）掌握文本的输入及属性设置方法。 （2）掌握图像的插入及属性设置方法。 （3）掌握动画、音频和视频文件的插入及属性设置方法。 山东省《数字媒体类考纲百套卷》第16卷 知识模块 2．网页制作 3．网页元素的插入和设置 知识点训练卷 考试时间60分钟 满分100分 班级 姓名 学号 成绩 一、单项选择题（本大题共25题，每题3分，共75分） 1. 网页中最基本的元素是（ ） A. 图片 B. 视频 C. 文本 D. 动画 【答案】C 2. 当从外部文档粘贴文本到 Dreamweaver 的 “文档” 窗口时，会保留（ ）格式 A. 原有的所有格式 B. 原有的字体格式 C. 原有的颜色格式 D. 文本的段落格式 【答案】D 3. 如果只想粘贴纯文本，不保留任何格式，应选择（ ） A. 带结构的文本 B. 带结构的文本以及基本格式 C. 仅文本 D. 带结构的文本以及全部格式 【答案】C 4. 以下（ ）方法不能用于在网页文档中插入多个连续空格 A. 在 “代码” 视图窗口中输入空格代码 “ ” B. 切换中文输入法为半角状态，按空格键 C. 选择 “插入” 菜单→“HTML”→“不换行空格” 命令 D. 按【Ctrl＋Shift＋Space】组合键 【答案】B 5. 若要在段首空出两个汉字的位置，需要插入（ ）空格 A. 一个 B. 两个 C. 三个 D. 四个 【答案】D 6.以下（ ）符号组在软键盘中对应的是 “±×÷∑√” A. 数字序号 B. 数字符号 C. 制表符 D. 中文数字 【答案】B 7. 在文档中需要日期时，以下操作方法正确的是（ ） A. 选择菜单 “插入→HTML→日期” 命令 B. 选择菜单 “编辑→HTML→日期” 命令 C. 选择菜单 “文件→HTML→日期” 命令 D. 选择菜单 “格式→HTML→日期” 命令 【答案】A 8. 在 “插入日期” 对话框中，“储存时自动更新” 选项的作用是（ ） A. 每次打开文档时自动更新日期 B. 每次编辑文档时自动更新日期 C. 下次保存文档时自动更新日期 D. 每次打印文档时自动更新日期 【答案】C 9. 以下（ ）可以实现文本的段落换行 A. 在需要换行的位置按【Space】键 B. 在需要换行的位置按【Enter】键 C. 在需要换行的位置按【Tab】键 D. 在需要换行的位置按【Ctrl】键 【答案】B 10. 在代码视图窗口中，用于段落换行的标记是（ ） A. <p>和</p> B. <br>和</br> C. <div>和</div> D. <span>和</span> 【答案】A 11. 以下（ ）操作可以实现换行符换行且两行之间不出现空行 A. 按【Enter】键 B. 按【Ctrl + Enter】组合键 C. 按【Shift + Enter】组合键 D. 按【Tab】键 【答案】C 12. 在 “代码” 视图窗口中，用于实现换行符换行的标记是（ ） A. <p> B. <div> C. <hr> D. <br /> 【答案】D 13. 在 Dreamweaver 中，默认的字体类型是（ ） A. 黑体 B. 宋体 C. 楷体 D. 仿宋 【答案】B 14. 在 “管理字体” 对话框中，（ ）用于添加字体 A. “添加字体” 选项卡 B. “自定义字体堆栈” 选项卡 C. “系统字体” 选项卡 D. “网络字体” 选项卡 【答案】B 15. 要设置文本颜色，首先需要做（ ） A. 单击 “格式” 菜单中的 “颜色” 命令 B. 直接在文本框中输入颜色值 C. 在 “文本” 属性面板中单击 “CSS” 按钮 D. 单击 “编辑” 菜单中的 “颜色设置” 命令 【答案】C 16. 系统默认的文本颜色是（ ） A. 红色 B. 蓝色 C. 黑色 D. 白色 【答案】C 17. 颜色 “#255B9A” 中，“25” 表示（ ）颜色的值 A. 红色 B. 绿色 C. 蓝色 D. 白色 【答案】A 18. 以下（ ）不是文本的对齐方式 A. 左对齐 B. 上对齐 C. 居中对齐 D. 右对齐 【答案】B 19. 要设置段落标题格式，应在（ ）下拉列表中操作 A. “格式” 下拉列表 B. “样式” 下拉列表 C. “字体” 下拉列表 D. “对齐” 下拉列表 【答案】A 20. 若要去除已有的段落标题格式，应将格式选项设为（ ） A. “标题 1” B. “无” C. “正文” D. “默认” 【答案】B 21. 要设置段落的缩进，应单击（ ）按钮 A. “内缩区块” 按钮 B. “删除内缩区块” 按钮 C. “项目列表” 按钮 D. “列表项目” 按钮 【答案】A 22. 在设置水平线的颜色时，需要在（ ）视图中进行操作 A. 设计视图 B. 代码视图 C. 拆分视图 D. 预览视图 【答案】B 23. 在 WPS 文档中,选定文本后,按“CTRL+C”，在 Dreamweaver CC 文档窗口按“CTRL+V”可以保留文本的（ ）格式。 A.颜色 B.字体 C.换行符 D.以上均可以 【答案】D 24. 插入水平线后，不能在其 “属性” 面板直接设置的是（ ） A. 宽度 B. 高度 C. 阴影效果 D. 颜色 【答案】D 25.在 Dreamweaver CC 中插入连续的空格的方法，下列说法不正确的是（ ） A. 在 “代码” 视图窗口中，输入空格代码“&nbsp;” B. 切换中文输入法为半角状态，按空格键可以输入多个空格 C. 按【Ctrl＋Shift＋Space】组合键 D. 选择 “插入” 菜单→“HTML”→“不换行空格” 命令 【答案】B 二、简答题（本大题共3小题，共15分） 1.简述插入水平线的三种方法？（5分） 【答案】 ①选择菜单“插入→HTML→水平线”命令。 ②单击“插入”面板“HTML”类别中的“水平线”按钮。 ③在“代码”视图窗口中,输入标记<hr/>。 2. 写出插入连续空格的六种方法？（5分） 【答案】 ①选择“插入”菜单→“HTML”→“不换行空格”命令。 ②选择“插入”面板中的“HTML”类别,在下拉菜单中选择“不换行空格”。 ③在“代码”视图窗口中,输入空格代码“&nbsp;” ④切换中文输入法为全角状态,按空格键可以输入多个空格。 ⑤选择菜单“编辑→首选项”命令,弹出对话框:在“分类”列表中选择“常规”选项,勾选“允许多个连续的空格”复选框,单击“确定”按钮。此时,可以直接按空格键输入空格。 ⑥按【Ctrl+Shift+Space】组合键。 3.简述用换行符换行实现的效果及实现的四种方法。（5分） 【答案】 ①按【Shift+Enter】组合键。 ②选择“插入”菜单“HTML—字符”中的“换行符”命令。 ③选择“插入”面板中的“文本”类别,在“字符”下拉菜单中选择“换行符” ④在“代码”视图窗口中,输入换行标记 <br/> 三、案例分析题（本大题共1小题，共10分） 在第二段后插入图片 images/3.jpg；在版权符号前插入红色水平线，居中对齐，宽 600 像素，高 2 像素，无阴影。将图片设置为圆形显示，且当鼠标悬停在图片上时，图片放大 1.2 倍。为红色水平线添加动画效果，使其在页面加载时从左到右逐渐显示。 【答案】 <html> <head> <style> .rounded - image { border - radius: 50%; transition: transform 0.3s ease; } .rounded - image:hover { transform: scale(1.2); } .red - line { background - color: red; height: 2px; width: 0; margin: 0 auto; animation: line - grow 1s forwards; } @keyframes line - grow { to { width: 600px; } } </style> </head> <body> <p>第一段文字</p> <p>第二段文字</p> <img src="images/3.jpg" alt="图片" class="rounded - image"> <p>&copy; 版权符号</p> <hr class="red - line"> </body> </html> 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 学科网（北京）股份有限公司 $$