网页设计与制作期末综合练习(答案)

网页设计与制作期末综合练习

一．选择题

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的新建文档页面，一般情况下，创建完全空白的静态页面应选择（ ）。

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

C．password

9. CSS的含义是（ ）。

A．文档对象模型 B．客户端脚本程序语言

B．text

D．submit

C．级联样式表 D．可扩展标记语言

10. 在Flash MX2004中，定义在动画中的变化的帧是（ ）。

A．关键帧 B．空白帧

C．普通帧 D．以上都可以

11. 在Dreamweaver编辑环境下，下图中共有（ ）超链接（文字、锚点和图像热点）。

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

14. HTML语言是一种（ ）。

D．．pnp

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的说法错误的是（ ）。

A．CSS的全称是Cascading Style Sheets，中文的意思是“层叠样式表”

B．CSS样式不仅可以控制大多数传统的文本格式属性，还可以定义一些特殊的HTML属性

C．使用Dreamweaver只能可视化创建CSS样式，无法以源代码方式对其进行编辑

D．CSS的作用是精确定义页面中各元素以及页面的整体样式

18. 关于绝对路径的使用，以下说法错误的是（ ）。

A．使用绝对路径的链接不能链接本站点的文件，要链接本站点文件只能使用相对路径

B．绝对路径是指包括服务器规范在内的完全路径，通常使用 来表示

C．绝对路径不管源文件在什么位置都可以非常精确地找到

D．如果希望链接其它站点上的内容，就必须使用绝对路径

19. 在表格标记中，标签表示（ ）。

A．表格中的行

C．表格中的单元格

B．表格中的列

D．表格边的宽度

20. 以下（ ）标记是插入到网页中的命名锚记。

A．C．

B．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. 下图中显示的表单元素有（ ）。

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 中，下面对象中可以添加热点的是（ ）。

A．文字 B．图像

C．层 D．动画

31. JavaScript包括在HTML中，它成为HTML文档的一部分，可将标识放入（ ）。

A．只能在.. 之间

B．只能在...之间

C．既可放入.. 之间，也可放入...之间

D．只能在

32. 在表格标记中，标签表示（ ）。

A．表格中的行

C．表格中的单元格

B．表格中的列

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文本，说法错误的是（ ）。

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. 在如下的一个电子邮件超链接中，定义邮件的主题为“网络经济论坛”，并抄送给”webmaster@”邮件地址。

Mailto:xiaowang@?_________= webmaster@&______=网络经济论坛

5. 在body标签后插入代码：，其中标签表示_____________________。

6. 在Dreamweaver MX2004中存在着3种表格视图模式：标准模式、扩展模式和_________。

7. 在Fireworks MX2004中，根据创建蒙版对象不同，可将蒙版的类型分为位图蒙版和__________。

8. Flash可以创建两种类型的补间动画：补间动作和_________。

9. 由于网页中包含超级链接，因此，网页也被称为_____________，传输协议被称为__________________。

10. 当网页的内容较多时，对页面不同位置进行链接的是___________。

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站点的基本操作步骤。

8. 什么是图像占位符？

9. 简述锚记链接的定义，并简要叙述创建锚记链接的基本步骤。

10. 说一说，你在本课程的学习过程中，感到最难学的部分是什么？并说明难在何处？

五．操作题

1. 根据网页截图，完成下面的HTML代码。（注：表格背景颜色为99FFFF，并且表格在网页内居中对齐）

_______________

_______

2. 根据提供的素材和网页截图，写出网页的HTML代码。

图1 网页内容图片（图片路径：image/）

图2 网页背景图片（图片路径：image/）

图3 网页截图

3. 根据网页内容，完成下面的HTML代码。

从下列选项中选择正确的选项填入上面的空缺处，完成网页代码。

A．女

B．

（最多16个字符）

C．男

D．

（最多16个字符）

E．

F．男

G．女

H．

参考答案：

一．选择题

1

A

11

B

21

C

31

C

1.

2.

3.

4.

5.

6.

7.

8.

9.

10.

11.

12.

13.

14.

15.

16.

17.

18.

19.

20.

21.

22.

2

C

12

D

22

C

32

A

3

B

13

D

23

B

33

D

4

B

14

A

24

D

34

D

5

C

15

C

25

C

35

A

6

C

16

B

26

D

36

A

7

B

17

C

27

C

37

A

8

C

18

A

28

B

38

D

9

C

19

B

29

B

39

C

10

A

20

C

30

B

二．填空题

JPEG；PNG

图像占位符

_blank

cc; subject

背景音乐

布局模式

矢量蒙版

补间形状

超文本；超文本传输协议

锚记链接

subject；cc

插入表格; 导入表格数据

是包含服务器协议的完整路径，是一个精确地址；

OnLoad；OnUnload

静态；动态

文本区域

_top

email链接; 空链接

绝对路径

框架；层

矢量蒙版

补间动作

三．判断题

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) 设置表单域的输入规则；

d) 设置通过表单所收集的信息的处理方式；

e) 设置确认网页，确认已经收到用户填写的信息，并可与用户核对是否正确。

4. 答：设置网页背景音乐的基本操作步骤如下：

a) 打开需要添加背景音乐的网页；

b) 单击“文档“窗口”文档“工具栏的”代码“按钮，切换到代码视图；

c) 在body标签后加入代码：。这里”-1“表示循环播放；

d) 保存网页后预览效果，网页背景音乐添加成功。

5. 答：CSS样式是网页元素外观属性的集合。它可以定义文字、表格、图像、表单等网页元素的属性。CSS样式的类型由：自定义CSS样式；HTML标签样式；CSS选择器样式。

6. 答：矢量图像使用“矢量“的线条和曲线来描述图像，矢量图像中记录的是图像中每个位置的坐标以及这些坐标之间的相互关系，这种关系也叫路径，因此矢量图像与分辨率无关。

位图图像由排列成网格的点组成。图像由网格中每个象素的位置和颜色来决定，每个点被指定一种颜色，因此位图图像与分辨率有关。

7. 答：创建本地WEB站点的基本步骤如下：

a) 在本地计算机上建立站点目录结构；

b) 启动Dreamweaver MX 2004；

c) 单击菜单“站点/站点管理”，在弹出的“管理站点”对话框中单击“新建”按钮，新建站点，并打开站点定义对话框；

d) 在站点定义对话框中，按要求设置站点各项要求；

e) 完成站点设置，并回到“管理站点“对话框，完成站点的创建。

8. 答：图像占位符：就是指图像在尚未编辑完成前，用于保留该图像的位置和尺寸的图像。

9. 答：锚记链接：当网页的内容较多时，对页面不同位置进行链接。

创建锚记链接的基本步骤：

a) 将光标定位到网页中要链接的目标位置；

b) 单击“常用“插入栏右边的”命令锚记“按钮。也可以通过”插入“菜单下的”命令锚记“命令完成插入命令锚记的操作；

c) 在“命令锚记“对话框中输入锚记名称；

d) 在页面中选择需要创建锚记链接的文本或图像；

e) 在“属性“面板的”链接“输入框中输入”#锚记名称“。

10. 答：略。

五．操作题

1. align="center" bgcolor="#99FFFF"；colspan； ；2；

2.

唐诗欣赏——七言乐府

3. D B E C A