(电大复习)《网页设计与制作》期末复习

1 网页设计与制作 期末复习 第 1 部分 课程考核说明 （ 1）命题依据 本考核说明严格按照 “ 网页设计与制作 ”课程教学大纲编写，所使用的文字教材是 清华大学 出版社出版的 网页设计与制作（王秀丽等 主编）。 （ 2）组卷原则 根据“ 网页设计与制作 ”课程教学大纲规定的要求，按掌握、理解、了解三个层次命题。以大纲中所要求的“掌握内容”为主，约占 60%，“理解内容”为辅，约占 30%，了解的内容较少，约占 10%。 试题覆盖面广，并突出重点。在教学内容范围内，按照理论联系实际的原则，考察学生 对所学知识应用能力的试题，不属于 超纲。 （ 4）试题类型 试题类型包括：单项选择题、填空题、判断题、简答题和操作题。 （ 5）考试形式 终结性考核采用笔试 （闭卷） 的形式，由 浙江电大 统一命题，答题时限为 90 分钟。 第 2 部分 试题类型及答题规范 一选择题 1. Web 浏览器的作用是（ ）。 A负责下载并显示网页，能将 Web 文档的 HTML 编码解释，并显示为在浏览器上所见的 Web 页面 B运行在服务器仅供服务器维护员使用的专用浏览器 C浏览 Web 页面部分内容比整个页面内容要快 D下载网页时不是根据页面中的 HTML 编码分别下载信息，而是一种随机性 的下载方式 2. HTTP 协议是（ ）。 A远程登录协议 B邮件协议 C超文本传输协议 D文件传输协议 3. 下列标记可以不成对出现的是（ ）。 A html /html B p /p C title /title D body /body 4. 下图为 Dreamweaver 的新建文档页面，一般情况下，创建完全空白的静态页面应选择（ ）。 2 A. 基本页类别中的“ HTML 模板”选项 B. 基本页类别中的“ HTML”选项 C. 动态页类别中的选项 D. 入门页面中的选项 5. 下列 （ ）不能在网页的“页面属性”中进行设置。 A 文档编码 B 背景颜色、文本颜色、链接颜色 C 网页背景图及其透明度 D 跟踪图像及其透明度 6. 在表格标记中， cellpadding 属性的作用是（ ）。 A表格与页面边距 B表格扩展边距 C数据与表框距离 D表格边的宽度 7. 下列选项中（ ）按钮表示插入 Fireworks HTML。 A B C D 8. 对于标记 input type=*，其中 *位置放上一个值，表示输入时显示 *号，该值是（ ）。 A hidden B text C password D submit 9. CSS 的含义是（ ）。 A文档对象模型 B客户端脚本程序语言 C级联样式表 D可扩展标记语言 10. 在 Flash MX2004 中，定义在动画中的变化的帧是（ ）。 A关键帧 B空白帧 C普通帧 D以上都可以 11. 在 Dreamweaver 编辑环境下，下图中共有（ ）超链接（文字、锚点和图像热点）。 3 A. 2 个 B. 3 个 C. 4 个 D. 5 个 12. 如下所示的这段 CSS 样式代码，定义 的样式效果是（ ）。 a:link color: #ff0000； a:visited color: #00ff00； a:hover color: #0000ff； a:active color: #000000； 其中 #ff0000 为红色， #00000 为黑色， #0000ff 为蓝色， #00ff00 为绿色 A 默认链接色是绿色，访问过链接是蓝色，鼠标上滚链接是黑色，活动链接是红色 B 默认链接色是蓝色，访问过链接是黑色，鼠标上滚链接是红色，活动链接是绿色 C 默认链接色是黑色，访 问过链接是红色，鼠标上滚链接是绿色，活动链接是蓝色 D 默认链接色是红色，访问过链接是绿色，鼠标上滚链接是蓝色，活动链接是黑色 13. Fireworks 图像文件的扩展名为（ ） A jpg B gif C bmp D png 14. HTML 语言是一种 （ ）。 A 标注语言 B 机器语言 C 汇编语言 D 算法语言 15. 超级链接应该使用的标记是（ ） A title B body C a D head 16. 使用 Dreamweaver 将任一个单元格拆分为 3 行的操作正确的是（ ）。 A表格属性栏“拆分”对话框，列数 3 B 表格属性栏“拆分”对话框，行数 3 C 右键菜单表格插入行 D 直接单击“ Tab”键两次 17. 下列关于 CSS 的说法错误的是 （ ）。 4 A CSS 的全称是 Cascading Style Sheets，中文的意思是“层叠样式表” B CSS 样式不仅可以控制大多数传统的文本格式属性，还可以定义一些特殊的 HTML属性 C 使用 Dreamweaver 只能可视化创建 CSS 样式，无法以源代码方式对其进行编辑 D CSS 的作用是精确定义页面中各 元素以及页面的整体样式 18. 关于绝对路径的使用，以下说法错误的是 （ ）。 A 使用绝对路径的链接不能链接本站点的文件，要链接本站点文件只能使用相对路径 B 绝对路径是指包括服务器规范在内的完全路径，通常使用 http:/ 来表示 C 绝对路径不管源文件在什么位置都可以非常精确地找到 D 如果希望链接其它站点上的内容，就必须使用绝对路径 19. 在表格标记中， 标签表示（ ）。 A表格中的行 B表格中的列 C表格中的单元格 D表格边的宽度 20. 以下 （ ） 标记是插入到网页中的命名锚 记 。 A B C D 21. 在 Dreamweaver 中，超 级 链接 标签具 有四种不同的状态，下面 不属于标签状态 的是（ ）。 A活动 的链接 a:active B 当前链接 a:hover C 链接 a:link D 没有访问过的链接 a:unvisited 22. 以下几个事件中代表“鼠标滑到”的事件是（ ）。 A OnMouse Down B OnMouse Out C OnMouse Over D OnouseUp 23. 关于表格背景，说法正确的是（ ）。 A 只能定义表格背景颜 色，不能用图片作为表格背景 B 可以使用颜色或图片作为表格背景图，但图片格式必须是 GIF 格式 C 可以使用颜色或图片作为表格背景图，但图片格式必须是 JPEG 格式 D 可以使用颜色或图片作为表格背景图，可以使用任何的 GIF 或者 JPEG 图片文件 24. 下图中显示的表单元素有 （ ）。 5 A文本字段、单选按钮、多选按钮、列表 /菜单 B文本字段、列表 /菜单、邮件区域、单选按钮 C文本字段、列表 /菜单、密码型文本域、单选按钮 D文本字段、列表 /菜单、单选按钮、图像域 25. Fireworks 制作动画过程中，如果 当前帧的内容与前面某一帧的内容相同，可以采用的操作是（ ）。 A复制帧 B帧重制 C重制帧 D克隆 26. 在 Flash 中， 时间轴上插入关键帧的快捷键是（ ）。 A F5 B F6 C F7 D F8 27. 下列关于 HTML 的说法正确的是（ ） 。 A HTML 是网页的核心，是一种超文本标记的程序设计语言 。 B通过网页浏览器阅读 HTML 文件时， WEB 服务器负责解释插入到 HTML 文本中的各种标记 。 C HTML 是网页的核心 ，是一种超文本标记的语言，它是页面描述语言 。 D编制 HTML 文件时不需要加入任何标记 (tag)。 28. 目前在 Internet 上应用最为广泛的服务是（ ）。 A FTP 服务 B WWW 服务 C Telnet 服务 D Gopher 服务 29. 下列标记可以不成对出现的是（ ）。 A html B br C title D body 30. 在 Dreamweaver 中，下面对象中可以添加热点的是 （ ）。 6 A文字 B图像 C层 D动画 31. JavaScript 包括在 HTML 中，它成为 HTML 文档的一部分 ，可将 标识放入（ ）。 A 只能在 . 之间 B 只能在 .之间 C 既可放入 . 之间，也可放入 .之间 D 只能在 .之间 32. 在表格标记中， 标签表示（ ）。 A表格中 的行 B表格中的列 C表格中的单元格 D表格边的宽度 33. 下列选项中（ ）按钮表示插入 Flash。 A B C D 34. 要将左图所示的表格修改为右图所示的状态，不能执行的操作是（ ）。 左图 右图 A 选中整个表格，在属性面板中将表格的行数从 1 改为 2 B 依次将左右单元格拆分为两行 C 将光标放在表格中的任意位置，执行命令“修改 /表格 /插入行或列”，在弹出的对话框中选择插入行，行数为 1，位置为“所选之下” D 将光标放在表格中的任意位置，执行命令“修改 /表格 /插入行” 35. 以下几个事件中代表“鼠标 按下 ”的事件是（ ）。 A OnMouse Down B OnMouse Out C OnMouse Over D OnouseUp 36. 关于在 Dreamweaver 中插入 Flash 文本，说法错误的是（ ）。 7 A 可以设置 Flash 文本的动态效果，如淡入淡出等 B 通过插入 Flash 文本，用户可以直接创建一个 Flash 文本对象的动画 C 可以设置 Flash 文本的字体、字号、文本颜色、鼠标转滚颜色等属性 D 可以为 Flash 文本设置链接 37. 添加背景音乐的 HTML 标签是（ ）。 A B C D 38. 如下所示的这段 CSS 样式代码，定义的样式效果是（ ）。 a:link color: #ff0000； a:visited color: #00ff00； a:hover color: #0000ff； a:active color: #000000； 其中 #ff0000 为红色， #00000 为黑色， #0000ff 为蓝色， #00ff00 为绿色 A 默认链接色是绿色，访问过链接是蓝色，鼠标上滚链接是黑色，活动链接是红色 B 默认链接色是蓝色，访问过链接是黑色，鼠标上滚链接是红色，活动链接是绿色 C 默认链接色是黑色，访问过链接是红色，鼠标上滚链接是绿色，活动链接是蓝色 D 默认链接色是红色，访问过链接是绿色，鼠标上滚链接是蓝色，活动链接是黑色 39. 在 Fireworks 中，新建一个文档时，关于画布的颜色，下面哪个选项是没有出现的？（ ） A白色 B透明色 C绿色 D自定义颜色 二填空题 1. 目前，网页中使用的较多的图像格式主要是 GIF、 _和 _。 2. 在 Dreamweaver MX2004 中，有些要插入网页的图像暂时还没有准备好，又需要在当前位置安排好插入图像的位置和尺寸时，就可以通过插入 _来实现。 3. 在设置打开链接目标网页的“目标”下拉列表框中， _是使用一个新的未命名的浏览器窗口加载链接目标网页或文件。 4. 在如下的一个电子邮件超链接中，定义邮件 的主题为“网络经济论坛”，并抄送给 ””邮件地址。 Mailto:?_= &_=网络经济论坛 5. 在 body 标签后插入代码： ，其中标签表示 _。 6. 在 Dreamweaver MX2004中存在着 3种表格视图模式：标准模式、扩展模式和 _。 7. 在 Fireworks MX2004 中，根据创建蒙版对象不同，可将蒙版的类型分为位图蒙版和_。 8. Flash 可以创建两种类型的补间动画：补间动作和 _。 9. 由于网页中包含超级链接，因此，网页也被称为 _，传输协议被称为_。 10. 当网页的内容较多时，对页面不同位置进行链接的是 _。 8 11. 在电子邮件链接中， _表示邮件主题； _表示抄送地址。 12. 在网页中添加表格的方式有两种： _和 _。 13. 绝对路径： _。 14. 在 Dreamweaver MX2004 中，常见的触发行为事件如： _表示图像或页面载入完成时； _表示离开页面时。 15. 网页分成两种模式， _网页和 _网页。 16. 创建一个留言表单，其中要求能够输入多行文本，留言内容项选用的表单对象是_。 17. 在设置打开链接目标网 页的“目标”下拉列表框中， _是使用整个浏览器窗口加载链接目标网页或文件。 18. 一般来说，超级链接包含下列类型：文档链接、书签链接、 _、 _和脚本链接。 19. _是包含服务器协议的完整路径，是一个精确地址。 20. 在 Dreamweaver MX2004 中，我们可以使用表格、 _和 _来布局。 21. Flash 可以创建两种类型的补间动画： _和补间形状。 三判断题 1. 在一个 WEB 站点中，主页就是网页，两者是一致的。（ ） 2. 在 HTML 中， 标签表示换行。（ ） 3. 创建超链接中，相对路径是包含服务器协议的完整路径，是一个精确的地址。（ ） 4. 在 Dreamweaver MX2004 中，可以导入外部的数据文件，还可以将网页中的数据表格导出为纯文本的数据文件。（ ） 5. CSS 样式表可以从外部导入，通过链接的形式，使用样式定义。（ ） 6. 动态网页就是网页中有许多多媒体元素和一些动的效果，使用户感觉页面非常有活力。（ ） 7. 在 HTML 中，标签都必须有关闭标记。（ ） 8. JPEG 图像是一种有损压缩的图像格式。（ ） 9. 所谓“跟踪图像”是在设计网页之前， Dreamweaver 导入的草图。（ ） 10. CSS 样式，只能通过外部导入，并链接到网页，网页才能有效果。（ ） 11. 在一个 WEB 站点中，每一个网页都有唯一的网址。（ ） 12. 在 HTML 中， 标签表示换行。（ ） 13. GIF 格式的图像最多只能表现 256 色，图像文件也很小。（ ） 14. 所谓“跟踪图像”是在设计网页之前， Dreamweaver 导入的草图。（ ） 15. 在 Fireworks MX 2004 中，切片工具可以将较大的图像切成小块，以提高下载速度，但是切片工具只能切规则图形。（ ） 四 简答题 1. 简述建立 WEB 站点的一般步骤。 2. 简述在网页中插入多媒体元素例如 Flash 动画的步骤。 3. 简述创建表单的基本步骤。 4. 简述设置网页背景音乐的基本操作步骤。 5. 什么是 CSS 样式？并列举 CSS 样式的类型。 6. 简要叙述矢量图像和位图图像的区别。 7. 简述创建本地 WEB 站点的基本操作步骤。 9 8. 什么是图像占位符？ 9. 简述锚记链接的定义，并简要叙述创建锚记链接的基 本步骤。 10. 说一说，你在本课程的学习过程中，感到最难学的部分是什么？并说明难在何处？ 五操作题 1. 根据网页截图，完成下面的 HTML 代码。（注：表格背景颜色为 99FFFF，并且表格在网页内居中对齐 ） 表格的使用 _ _ 2. 根据提供的素材和网页截图，写出网页的 HTML 代码。 10 图 1 网页内容图片（图片路径： image/tou.gif） 图 2 网页背景图片（图片路径： image/bg.gif） 图 3 网页截图 3. 根据网页内容，完成下面的 HTML 代码。 11 客户注册信息 客户姓名： _（ 1） 密码： _（ 2） 确认密码： _（ 3） 性别： _（ 4） _（ 5） 城市： 杭州 绍兴 温州 宁波 嘉兴  ； 12 从下列选项中选择正确的选项填入上面的空缺处，完成网页代码。 A 女 B （最多 16 个字符） C 男 D （最多 16 个字符） E F 男 G 女 H 4. 如图 4 所示，简述在 Fireworks 中制作透明导航条的步骤。 要求：（ 1）具有文件创建、保存的完整过程； （ 2）写出制作过程中的关键步骤，细节处理可以省略。 图 4 参考答案： 一选择题 1 2 3 4 5 6 7 8 9 10 A C B B C C B C C A 11 12 13 14 15 16 17 18 19 20 B D D A C B C A B C 21 22 23 24 25 26 27 28 29 30 D C D D C B C B B B 31 32 33 34 35 36 37 38 39 C A D D A A A D C 13 二填空题 1. JPEG； PNG 2. 图像占位符 3. _blank 4. cc； subject 5. 背景音乐 6. 布局模式 7. 矢量蒙版 8. 补间形状 9. 超文本 ； 超文本传输协议 10. 锚记链接 11. subject； cc 12. 插入表格 ； 导入表格数据 13. 是包 含服务器协议的完整路径，是一个精确地址； 14. OnLoad； OnUnload 15. 静态 ； 动态 16. 文本区域 17. _top 18. email 链接 ； 空链接 19. 绝对路径 20. 框架；层 21. 矢量蒙版 22. 补间动作 三 判断题 1 5： 6 10： 11 15： 四 简答题 1. 答： 建立 WEB 站点的一般步骤如下： a) 对创建的站点进行规划，明确建站的目的、规模、面向的群体、服务器端的配置等各项情况； b) 建立一个完整的站点目录结构； c) 确定版面布局，收集和制作素材； d) 制作网页； e) 站点测试、发布及维护更新。 2. 答：插入 Flash 动画的一般 操作步骤： a) 将光标定位在要插入 Flash 动画的位置； b) 单击菜单“插入” /” 媒体 ” /“ Flash”； c) 在打开的“选择文件”对话框中选择要插入的 Flash 动画文件，并确定，便完成在指定位置插入 Flash 动画。 3. 答：创建表单的基本步骤： a) 确定需要收集的信息，然后根据信息特点开始设计表单； b) 在表单中插入不同的表单元素； c) 设置表单域的输入规则； 14 d) 设置通过表单所收集的信息的处理方式； e) 设置确认网页，确认已经收到用户填写的信息，并可与用户核对是否正确。 4. 答：设置网页背景音乐的基本操作步骤 如下： a) 打开需要添加背景音乐的 网页； b) 单击“文档“窗口”文档“工具栏的”代码“按钮，切换到代码视图； c) 在 body 标签后加入代码： 。这里” -1“表示循环播放； d) 保存网页后预览效果，网页背景音乐添加成功。 5. 答： CSS 样式是网页元素外观属性的集合。它可以定义文字、表格、图像、表单等网页元素的属性。 CSS 样式的类型由：自定义 CSS 样式； HTML 标签样式； CSS 选择器样式。 6. 答：矢量图像使用“矢量“的线条和曲线来描述图像，矢量图像中记录的是图像中每个位置的坐标以及这些坐标之 间的相互关系，这种关系也叫路径，因此矢量图像与分辨率无关。 位图图像由排列成网格的点组成。图像由网格中每个象素的位置和颜色来