网页设计与制作教程-第三次测试答案

C 首先在“Frame Inspector”中选中代表图1下部的帧的图像，然后按住“Alt”键同时将鼠标移到图1下部左边框，等图标变成双向箭头时，拖动到图2中添加的位置。D 首先按下“Alt”键并用鼠标在图1下部的帧上单击，然后按住“Alt”键同时将鼠标移到图1下部左边框，等图标变成双向箭头时，拖动到图2中添加的位置。

14.关于Dreamweaver功能的说法，正确的是()

ABCD A 可以制作让他人提交的表单 B 可以制作计数器 C 可以制作留言板

D 可以制作打开一个页面的同时打开一个小页面窗口

15.在建立模板的过程中，命名可编辑区域或锁定区域时不能使用的符号有()BC A 单引号 B 双引号 C 尖括号 D &符号

16.每个时间链开始都是包括两个关键帧()和()

AB A 开始 B 结束 C 关键帧 D 主帧

17.除了下划线、连字符之外，文件名中还不能包括()

AB A 空格 B 标点 C % D & 18.在Dreamweaver中，用时间线建立动画效果时，可以包括的动画有()BCD A 图象位置、大小改变的动画 B 图层位置改变的动画 C 图层可见性改变的动画

D 图片文件来源改变的动画

19.在Dreamweaver中，打开HTML检查器的方法有()

ABCD A 单击“Window”下拉菜单中的“HTML Source”命令

B 单击“Window”下拉菜单中的“Laucher”命令，在打开的对话框中单击“HTML Source”图标 C 单击“Document”窗口右下脚处的“Show HTML Source”图标 D 按“F10”键

20.通过()方法，可以选中一个帧。

BD A 单击所要选中的帧。

B 单击“Frame Inspector”中的代表图像。

C 按下“Alt”键并用鼠标在所要选中的帧上单击。D 单击所要选中的帧的左上角。21.通过对模板的设置，将已有内容定义为可编辑区域，以下选项中正确的是()ACD A 既可以标记整个表格，也可以标记表格中的某个单元格作为可编辑区域 B 一次可以标记若干个单元格

C 层被标记为可编辑区域后可以随意改变其位置

D 层的内容被标记为可编辑区域后可以任意修改层的内容

22.在使用时间链时，用“Record Path of Layer”命令记录层的路径，关于关键点的说法正确的是()

CD A 用户拖动层的速度越快，则划分出的关键点越多 B 用户拖动层的速度越快，则划分出的关键点越少 C 用户可以通过改变拖动的速度来变更关键帧的位置 D 关键点的多少和拖动层的速度无关

23.在Dreamweaver中，只需要三个参数()来加入一个Shockwave影片。

ABC A 位置 B 高度 C 宽度 D 长度

24．以下（）内容是HTML文件的头部内容所包括的。

ABC A.网页标题、关键字

B.作者信息、网页描述、基础地址 C.自动刷新、CSS样式 D.注释、表单域

25．关于HTML语言下列说法正确的是（）。

ABCD

A.HTML是（HyperText Markup Language）的首字母缩写，中文被称作“超文本标签语言” B.HTML文件中可以插入图形、声音、视频等多媒体信息 C.在HTML文件中，用户可以建立与其他超文本的链接

D.HTML是纯文本类型的语言，可以使用任何文本编辑器打开，查看、编辑 26．关于鼠标经过图像，下列说法正确的是（）。

BCD A.鼠标经过图像的效果是通过HTML语言实现的

B.设置鼠标经过图像时，需要设置一张图片为原始图像，另一张为鼠标经过图像 C.可以设置鼠标经过图像的提示文字与链接 D.要制作鼠标经过图像，必须准备两张图片

27．下列（）软件可以作为Dreamweaver的外部图像编辑器。

ABD A.Fireworks

B.Photoshop C.VB D.ACDsee 28.如果要在网页上加入跳转到页面顶部之类的链接，可以使用的操作有（）。BC A.执行菜单命令“插入/表单对象/跳转菜单” B.执行菜单命令“插入/命名锚记”

C.点击对象面板常用面板组下的“命名锚记”按钮 D.执行菜单命令“插入/超级链接”

29．关于相对路径，以下说法正确的有（）。

ABD A.相对路径表述的是源端点同目标端点之间的相互位置 B.如果在链接中源端点和目标端点位于一个目录下，则链接路径中只需要指明目标端点的文档名称即可

C.如果在链接中源端点和目标端点不在同一个目录下，就无法使用相对路径 D.如果在链接中源端点和目标端点不在同一个目录下，就需要将目录的相对关系也表示出来

30．关于布局模式的使用，正确的有（）。

ABD A.首先绘制布局表格，在布局表格中绘制布局单元格

B.拖拽鼠标在工作区直接绘制即可。绘制完毕后还可以调整表格或单元格的大小

C.要注意转换完毕之后，便不能再回到布局模式对表格进行修改，因此一定要慎重操作 D.绘制完毕后，在“布局”对象面板按下“标准视图”按钮，将绘制的布局表格转换成传统表格形式

31．在Dreamweaver中，可以向网页中插入的多媒体格式有（）。

ABC A.Shockwave B.ActiveX C.Java Applet D.A和C 32．下列关于热区的使用，说法正确的是（）。

ACD A.使用矩形热区工具、椭圆形热区工具和多边形热区工具，分别可以创建不同形状的热区 B.热区一旦创建之后，便无法再修改其形状，必须删除后重新创建 C.选中热区之后，可在属性面板中为其设置链接 D.使用热区工具可以为一张图片设置多个链接

33.超级链接是网页中最重要的组成元素，关于创建链接叙述正确的是（）。BCD A.可以给空格创建超级链接

B.选中文本或图像，选择右键菜单中的“创建链接”命令 C.一幅图片可以创建多个超级链接

D.选中文本，在其属性栏就会出现链接框，输入文件地址即可创建

34.下面的类资源在资源管理面板里有的是：

ABCD A.图像 B.颜色 C.链接 D.Flash 35.下面几个实例可以通过层的应用来实现的是：

ABCD A.创建网页上的动画

B.制作各种动态导航效果

C.生成丰富的动态按钮 D.交互游戏

36.下面几项通过javascript 的应用, 可以来实现的是：

ABCD A.交互式导航 B.简单的数据搜寻 C.表单验证 D.网页特效

37.下面可以用来编辑网站后端程序的是:

ABCD A.Perl B.ASP C.C D.Java 38.下面是Dreamweaver 提供的各种应用程序接口的是：

ABCD A.javascript 应用程序接口 B.文件输入输出接口 C.图像记录接口

D.Fireworks 集成接口

39.“在Dreamweaver MX 中,中文输入时欲键入空格应该怎么做？” BC A.在编辑窗口直接输入一个半角空格 B.代码中输入“ ”

C.在编辑窗口输入一个全角空格 D.在编辑窗口输入两次空格

40.在Dreamweaver 中, Behavior（行为）是有几项构成：

AB A.事件 B.动作 C.初级行为 D.最终动作

41.在Dreamweaver 中, 下面哪些对象能对其设置超链接的是：

ABCD A.任何文字 B.图像

C.图像的一部分 D.FLASH 影片

42.在Dreamweaver 中, 在弹出的清除冗余代码对话框中下面哪些代码可以被设置清除：ABCD A.成对出现的之间没有内容的标签 B.多余的嵌套标签

C.类似于这样的与Dreamweaver 无关的注释性标签 D.需要在后面的框中填入要清除的特定的标签

43.在插入栏中的Head 的对象面板中包含下面那些对象：

ABCD A.Meta（MIME 字符集信息）

B.Keywords（网页的关键字信息）

C.Description（网页或网站的描述信息）D.Base（设置网页的主目录）答案：

1.ACD 2.ABCD 3.ABDE 4.BE 5.ACE 6.AE 7.ABD 8.BCE 9.ABCDE 10.ABC 11.AC 12.ABCD 13.BCD 14.ABCD 15.BC 16.AB 17.AB 18.BCD 19.ABCD 20.BD 21.ACD 22.CD 23.ABC 24.ABC 25.ABCD 26.BCD 27.ABD 28.BC 29.ABD 30.ABD 31.ABC 32.ACD 33.BCD 34.ABCD 35.ABCD 36.ABCD 37.ABCD 38.ABCD 38.BC 40.AB 41.ABCD 42.ABCD 43.ABCD

《网页设计与制作》习题集

一、判断题：

1、Dreamweaver 是美国Macromedia公司开发的集网页制作与管理网站于一身的网页编辑器和开发工具。√

2、一个WEB站点至少需要一个主页（home Page），可以有其他子页（二级页面等）。√

3、网页的交互是指浏览者单击栏目、超级链接等，以及鼠标经过或放于某处时，页面会作出相应的反应。√

4、网页是指采用超文本标记语言编写的，可以在浏览器下浏览的一种文档。√

5、一个超级链接链接的地址为：this.html#x11，其中x11是this.html页中的某个锚点。√

6、Dreamweaver 支持在网页中插入各种图像，简单的方法是选择Insert（插入）菜单的中的image(图像)子菜单项。√

7、若某网页背景颜色设置为FFFFF，则背景的颜色为黑色。×

8、采用目录与锚点结合的办法，可以实现在长的网页文档内部跳转的功能。√

9、在网页设计过程中，有时需要将几个单元格进行合并，一般在Dreamweaver中操作方法是，拖动鼠标，将需要合并的单元格选中，然后点击属性工具栏中的“合并单元格”。√

10、选中表格后，Dreamweaver 中即可显示表格属性，即可对表格的对齐方式、高度、宽度，边框样式等进行设置。√11、12、在Dreamweaver中，非连续的单元格也可直接合并。×

对于框架网页的保存方法是，若要保存所有框架页，则在菜单项里选择“file(文件)”菜单下的“save(保存）”即可。×

13、一幅图像在网页中是作为一个独立的对象插入的，但是如果情况需要，则可以一幅图象中设置多个“对象点”完成特定的功能，这个就是图像热点。√

14、若需要对文件进行超级链接设定，只需选中文字，鼠标右键打开属性中在Link（链接）项中输入需要链接的URL即可。√

15、在制作网页显示时，若有一些网页，他们有共同的标题、共同的目录格式，只是某些内容部分不太相同，这时，可以应用框架网页来加快网页的显示速度，避免重复载入页面。√

16、WEB站点是指一系列可以通过Internet 浏览器浏览的，具有相互超级链接的多媒体文档的集合以及完成这些文档的存放、查找、搜索、发布的物理设备和其他相关软硬件系统的集合√

17、在制作框架网页时，如果需要保存所有框架网页，则只需要选择文件菜单中的SAVE即可保存所有框架网页。×

18、作为网页定位技术的表格与层，相对来说表格更为通用，因为层需要浏览器的支持，而表格在任何浏览器下都没有问题。√

19、网页中引入层技术，在层中可以插入各种对象，而且各个层可以嵌套、重叠、交盖等，但不是所有的浏览器都支持层技术。√ 20、×

21、网页制作中，层的“Z-index”属性表示层的层叠次序，数值大于0表示在页表单网页中，一页表单，至少且只能有一个表单标记，至少有一个提交的按钮。面的上面，数据小于0表示在页面的上面，数值越大就越先看见。×

22、在Dreamweaver里，层与表格之间是可以转换的，但要求层之间不能有重叠多层的情况。√

23、firework 中进行网页布局的原理可以说就是利用层进行不同区域和对象的设置。√

24、Fireworks 是Macromedia 公司推出的图象制作与处理软件，提供图像的创建、制作和处理功能。√25、26、Flash中，可以用导线来控制对象按照预定的轨迹运动。√

在Fireworks 处理过程中，在同一页上，可以用不同层制作两个运动不相关的多帧动画。√27、28、√

29、在追求速度为先的网页设计时，可以多用图象，在追求美观为先的网页设计时，flash中的导线工具，在真正的层中显示时并不可见。×

GIF动画的文件大小相对较大，若用flash 导入后转换为矢量动画就可缩小。可以多用文字。× 30、Dreamweaver模板可以在局部应用，但不能应用于整个站点。×

二、多项选择题：

1、在网页中录入文档的方法有：

abc A)直接录入法。

B）从已有的文档中通过剪贴板复制剪切粘贴的方法。

C）修改录入的文档的方法。D）以上均不正确

2、关于Dreamweaver的操作界面，下列说法正确的是：abd A)工具箱包含了常用的工具，制作网页时用到这些工具。

B)对象属性浮动工具栏，对网页制作时选择的对象相适应，用来设置对象的属性。C)状态栏，是表示出被编辑网页的效果。

D)状态栏，是表示出被编辑网页中正在被编辑的标记名。

3、下列不属于站点管理器的功能的是：ab A)可以实现快速超级链接。

B）可以自动纠正超级链接的更改。C）可以自动发布制作好的网页。D）可以自动升级网站的WEB服务。

4、在框架式网页中添加超级链接时，如果对象的“target(目标框架)”属性为以下时，则可以新窗口打开链接页。abd A)_blank

B）_parent

C）_self

D）_top

E）main

5、在框架式网页中添加超级链接时，对象的“target ”属性分别表示的意思正确的是：abc A)_blank 在新窗口打开网页

B）_parent 在父框架窗口打开网页 C）_self 在本窗口打开网页

D）以上都不正确

6、网页中的若有多层，下列哪个属性决定层的视觉关系。ac A)Z-index

B）Layer

C）Top

D）left

7、Dreamweaver 能实现的关于站点管理的内容有：abcd A)检查站点的超级链接

B）生成站点报告、错误查找和修改。C）定义站点

D）测试站点

8、在网页中插入水平线，一般可以设置水平线的以下属性abc A)水平线的宽度。B）水平线的颜色。C）水平线的粗细程度。D）水平线的层叠次序。

9、网页中的超级链接可以链接到。abcd A)链接到本网站中的其他网页。

B）链接到本文件中某锚点位置。C）可以其他站点中的某个位置。

D）可以链接到某网站中的某个文件对象。

10、在Dreamweaver MX 中，站点管理包括五大设置项，下列说法错误的是：bcd A)Local info 设置站点的名称、本地文件夹映射位置，站点在Internet 上的位置等。

B)Remote info 设置站点的远程信息，包括远程服务器的访问方式，帐号、密码等。

C)Design Notes 设置网页设计过程中是还否保持制作的记录等。D)Quick View 设置站点网页显示效果。

E)Site Map Layer 站点地图项，设置站点地图的显示方式等。

11、在firework 中存储图象时，下列说法正确的是：abcd A)选择GIF图像是单幅静止图像。

B）选择Animated GIF 是连续的图像对象，是动画。

C）选择Png则保留firework 制作过程数据

D）选择Jpeg 则是一幅静止的图像。

12、Fireworks 默认保存的文件格式是什么格式？a A)Png文件

B）JPG文件

C）PCX文件

D）TIF文件

13、下列关于Flash的说法不正确的是：d A)Flash是由Macromedia 公司出品的软件。B)Flash 是一个矢量图形编辑和动画创作软件。

C)Flash 制作出来的影片可能会比较小，因为它使用了矢量图形技术。D)Flash 制作出来的影片可能会比较大，因为它使用了矢量图形技术

14、下列关于Html标记不正确的是d A)a标记用来标记超级链接

B）img标记用来插入图片 C）table标记用来插入表格

D）table 标记用来插入框架网页

15、在网页中可以直接插入以下内容（单选）d A)图片

B）动画

C）超级链接

D）以上都可以直接插入

第三篇：《网页设计与制作》期末考试试题及答案

《网页设计与制作》期末考试试题

一、单项选择题(本大题共30小题，每小题2分，共60分)

1、目前在Internet上应用最为广泛的服务是(b)。

A、FTP服务

B、www.xiexiebang.com由四个子域组成，其中(d)子域代表国别代码。A、center

B、nbu

C、edu

D、cn

5、当标记的TYPE属性值为(d)时，代表一个可选多项的复选框。A、TEXT

B、PASSWORD

C、RADIO

D、CHECKBOX

6、为了标识一个HTML文件开始应该使用的HTML标记是(c)。A、

B、 C、

B、

C、

D、

7、在客户端网页脚本语言中最为通用的是(a)。A、javascript

B、VB

C、Perl

D、ASP

8、在HTML中，标记的Size属性最大取值可以是(c)。A、5

11、下面不属于CSS插入形式的是(a)。

12、在网页中最为常用的两种图像格式是(a)。

13、如果站点服务器支持安全套接层(SSL)，那么连接到安全站点上的所有URL开头是(b)。A、HTTP

B、HTTPS

C、SHTTP

D、SSL

14、在HTML中，要定义一个空链接使用的标记是(a).A、

B、

C、 D、

15、对远程服务器上的文件进行维护时，通常采用的手段是(b)A、POP3

B、FTP

C、SMTP

D、Gopher

16、下列Web服务器上的目录权限级别中，最安全的权限级别是(a)A、读取

B、执行

C、脚本

D、写入

17、用Fireworks切割图形时，需要的工具是（c）A、裁剪

B、选取框

C、切片

D、自由变形

18、Internet上使用的最重要的两个协议是(b)A、TCP和Telnet B、TCP和IP C、TCP和SMTP

D、IP和Telnet

19、body元素用于背景颜色的属性是（c）

A、alink B、vlink C、bgcolor D、background 20、下面说法错误的是(d)A、规划目录结构时，应该在每个主目录下都建立独立的images目录 B、在制作站点时应突出主题色

C、人们通常所说的颜色，其实指的就是色相 D、为了使站点目录明确，应该采用中文目录

21、在Dreamweaver中，最常用的表单处理脚本语言是(d).A、C B、Java C、ASP D、JavaScript

22、在Dreamweaver MX中，想要使用户在点击超链接时，弹出一个新的网页窗口，需要在超链接中定义目标的属性为(b)A、parent B、_bank C、_top D、_self

23、网页制作技术不可以实现由一个文件控制一大批网页(d)A、CSS文件

B、库

C、模板

D、层

24、查看优秀网页的源代码无法学习(c).A、代码简练性

B、版面特色

C、网站目录结构特色

D、Script程序

26、客户机可向服务器按MINE类型发送和接收信息，客户机使用()请求方式表示要求服务器发送文件头消息.d A、SMTP B、GET C、HEAD D、POST

27、在色彩的RGB系统中，32位十六进制数000000表示的颜色是(a).A、黑色

B、红色

C、黄色

D、白色

28、Flash中，与位图相比，矢量图形的优点是（a）A、变形、缩放不影响图形显示质量

B、丰富多彩 C、图像所占空间大 D、图像质量好

30、不论是网络的安全保密技术，还是站点的安全技术，其核心问题是(a).A、系统的安全评价

B、保护数据安全 C、是否具有防火墙

D、硬件结构的稳定

网页设计与网页制作多选题

一、多项选择题(本大题共10小题，每小题2分，共20分。在每小题的五个备选答案中，选出二至五个正确的答案，并将正确答案的字母分别填在题干的括号内，多选、少选、错选均不得分。)1.www.xiexiebang.com 12.CSS通过（）方法将样式格式化应用到用户的页面中。

ABCD A 创建新的样式单 B 内部样式单

C 外部的、被连接的样式单 D 被嵌入的样式规则

14.关于Dreamweaver功能的说法，正确的是()

ABCD A 可以制作让他人提交的表单 B 可以制作计数器 C 可以制作留言板

D 可以制作打开一个页面的同时打开一个小页面窗口

17.除了下划线、连字符之外，文件名中还不能包括()

ABA 空格 B 标点 C % D & 18.在Dreamweaver中，用时间线建立动画效果时，可以包括的动画有()A 图象位置、大小改变的动画

BCD

B 图层位置改变的动画 C 图层可见性改变的动画 D 图片文件来源改变的动画

19.在Dreamweaver中，打开HTML检查器的方法有()

ABCD A 单击“Window”下拉菜单中的“HTML Source”命令

20.通过()方法，可以选中一个帧。

BD A 单击所要选中的帧。

B 单击“Frame Inspector”中的代表图像。

C 按下“Alt”键并用鼠标在所要选中的帧上单击。D 单击所要选中的帧的左上角。

24．以下（）内容是HTML文件的头部内容所包括的。

ABC A.网页标题、关键字

B.作者信息、网页描述、基础地址 C.自动刷新、CSS样式 D.注释、表单域

25．关于HTML语言下列说法正确的是（）。

ABCD

A.HTML是（HyperText Markup Language）的首字母缩写，中文被称作“超文本标签语言”

B.HTML文件中可以插入图形、声音、视频等多媒体信息 C.在HTML文件中，用户可以建立与其他超文本的链接

D.HTML是纯文本类型的语言，可以使用任何文本编辑器打开，查看、编辑 26．关于鼠标经过图像，下列说法正确的是（）。

BCD A.鼠标经过图像的效果是通过HTML语言实现的

27．下列（）软件可以作为Dreamweaver的外部图像编辑器。

ABD A.Fireworks B.Photoshop C.VB D.ACDsee 29．关于相对路径，以下说法正确的有（）。

ABD A.相对路径表述的是源端点同目标端点之间的相互位置

B.如果在链接中源端点和目标端点位于一个目录下，则链接路径中只需要指明目标端点的文档名称即可

C.如果在链接中源端点和目标端点不在同一个目录下，就无法使用相对路径

D.如果在链接中源端点和目标端点不在同一个目录下，就需要将目录的相对关系也表示出来

30．关于布局模式的使用，正确的有（）。

ABD A.首先绘制布局表格，在布局表格中绘制布局单元格

B.拖拽鼠标在工作区直接绘制即可。绘制完毕后还可以调整表格或单元格的大小

32．下列关于热区的使用，说法正确的是（）。

33.超级链接是网页中最重要的组成元素，关于创建链接叙述正确的是（）。BCD A.可以给空格创建超级链接

B.选中文本或图像，选择右键菜单中的“创建链接”命令 C.一幅图片可以创建多个超级链接

D.选中文本，在其属性栏就会出现链接框，输入文件地址即可创建

34.下面的类资源在资源管理面板里有的是：

ABCD A.图像 B.颜色 C.链接 D.Flash 35.下面几个实例可以通过层的应用来实现的是：

ABCD A.创建网页上的动画

B.制作各种动态导航效果 C.生成丰富的动态按钮 D.交互游戏

36.下面几项通过javascript 的应用, 可以来实现的是：

ABCD A.交互式导航 B.简单的数据搜寻 C.表单验证 D.网页特效

38.下面是Dreamweaver 提供的各种应用程序接口的是：

ABCD A.javascript 应用程序接口 B.文件输入输出接口 C.图像记录接口

D.Fireworks 集成接口

39.“在Dreamweaver MX 中,中文输入时欲键入空格应该怎么做？” BC A.在编辑窗口直接输入一个半角空格 B.代码中输入“ ”

C.在编辑窗口输入一个全角空格 D.在编辑窗口输入两次空格

40.在Dreamweaver 中, Behavior（行为）是有几项构成：

AB A.事件 B.动作 C.初级行为 D.最终动作

41.在Dreamweaver 中, 下面哪些对象能对其设置超链接的是：

ABCD 5

A.任何文字 B.图像

C.图像的一部分 D.FLASH 影片

43.在插入栏中的Head 的对象面板中包含下面那些对象： A.Meta（MIME 字符集信息）

B.Keywords（网页的关键字信息）

C.Description（网页或网站的描述信息）D.Base（设置网页的主目录）

ABCD

《网页设计与制作》习题集

一、判断题：

1、Dreamweaver 是美国Macromedia公司开发的集网页制作与管理网站于一身的网页编辑器和开发工具。√

2、一个WEB站点至少需要一个主页（home Page），可以有其他子页（二级页面等）。√

3、网页的交互是指浏览者单击栏目、超级链接等，以及鼠标经过或放于某处时，页面会作出相应的反应。√

4、网页是指采用超文本标记语言编写的，可以在浏览器下浏览的一种文档。√

5、一个超级链接链接的地址为：this.html#x11，其中x11是this.html页中的某个锚点。√

6、Dreamweaver 支持在网页中插入各种图像，简单的方法是选择Insert（插入）菜单的中的image(图像)子菜单项。√

7、若某网页背景颜色设置为FFFFF，则背景的颜色为黑色。×

8、采用目录与锚点结合的办法，可以实现在长的网页文档内部跳转的功能。√

对于框架网页的保存方法是，若要保存所有框架页，则在菜单项里选择“file(文件)”菜单下的“save(保存）”即可。×

14、若需要对文件进行超级链接设定，只需选中文字，鼠标右键打开属性中在Link（链接）项中输入需要链接的URL即可。√

17、在制作框架网页时，如果需要保存所有框架网页，则只需要选择文件菜单中的SAVE即可保存所有框架网页。×

18、作为网页定位技术的表格与层，相对来说表格更为通用，因为层需要浏览器的支持，而表格在任何浏览器下都没有问题。√

19、网页中引入层技术，在层中可以插入各种对象，而且各个层可以嵌套、重叠、交盖等，但不是所有的浏览器都支持层技术。√ 20、×

21、在Dreamweaver里，层与表格之间是可以转换的，但要求层之间不能有重叠表单网页中，一页表单，至少且只能有一个表单标记，至少有一个提交的按钮。多层的情况。√

22、firework 中进行网页布局的原理可以说就是利用层进行不同区域和对象的设置。√

23、Fireworks 是Macromedia 公司推出的图象制作与处理软件，提供图像的创建、制作和处理功能。√24、25、Flash中，可以用导线来控制对象按照预定的轨迹运动。√

在Fireworks 处理过程中，在同一页上，可以用不同层制作两个运动不相关的多帧动画。√26、27、√

28、在追求速度为先的网页设计时，可以多用图象，在追求美观为先的网页设计时，flash中的导线工具，在真正的层中显示时并不可见。×

GIF动画的文件大小相对较大，若用flash 导入后转换为矢量动画就可缩小。可以多用文字。×

29、Dreamweaver模板可以在局部应用，但不能应用于整个站点。×

二、多项选择题：

1、在网页中录入文档的方法有：

abc A)直接录入法。

B）从已有的文档中通过剪贴板复制剪切粘贴的方法。

C）修改录入的文档的方法。D）以上均不正确

2、关于Dreamweaver的操作界面，下列说法正确的是：abd A)工具箱包含了常用的工具，制作网页时用到这些工具。

B)对象属性浮动工具栏，对网页制作时选择的对象相适应，用来设置对象的属性。C)状态栏，是表示出被编辑网页的效果。

D)状态栏，是表示出被编辑网页中正在被编辑的标记名。

3、下列不属于站点管理器的功能的是：ab A)可以实现快速超级链接。

B）可以自动纠正超级链接的更改。C）可以自动发布制作好的网页。D）可以自动升级网站的WEB服务。

4、在框架式网页中添加超级链接时，如果对象的“target(目标框架)”属性为以下时，则可以新窗口打开链接页。abd A)_blank

5、在框架式网页中添加超级链接时，对象的“target ”属性分别表示的意思正确的是：abc A)_blank 在新窗口打开网页

B）_parent 在父框架窗口打开网页 C）_self 在本窗口打开网页

D）以上都不正确

6、Dreamweaver 能实现的关于站点管理的内容有：abcd A)检查站点的超级链接

B）生成站点报告、错误查找和修改。C）定义站点

D）测试站点

7、在网页中插入水平线，一般可以设置水平线的以下属性abc A)水平线的宽度。B）水平线的颜色。C）水平线的粗细程度。D）水平线的层叠次序。

8、网页中的超级链接可以链接到。abcd A)链接到本网站中的其他网页。

B）链接到本文件中某锚点位置。C）可以其他站点中的某个位置。

D）可以链接到某网站中的某个文件对象。

9、Fireworks 默认保存的文件格式是什么格式？a A)Png文件

B）JPG文件

C）PCX文件

D）TIF文件

10、下列关于Flash的说法不正确的是：d A)Flash是由Macromedia 公司出品的软件。B)Flash 是一个矢量图形编辑和动画创作软件。

C)Flash 制作出来的影片可能会比较小，因为它使用了矢量图形技术。D)Flash 制作出来的影片可能会比较大，因为它使用了矢量图形技术

11、下列关于Html标记不正确的是d A)a标记用来标记超级链接

B）img标记用来插入图片 C）table标记用来插入表格

D）table 标记用来插入框架网页

12、在网页中可以直接插入以下内容（单选）d A)图片

B）动画

C）超级链接

D）以上都可以直接插入

第四篇：《网页设计与制作项目化教程》习题参考答案

《网页设计与制作项目化教程》习题参考答案

项目一网页设计概述

1.填空题

(1)需求分析、规划站点结构、收集素材、设计制作网站网页、开发动态网站功能模块、申请域名和服务器空间、发布与维护网站和推广网站

(2)页面标题、网站标志、页眉、导航栏、主内容区和页脚

(3)“国”字型、“厂”字型、“框架”型、“封面”型和Flash型(4)搜索功能、留言板、新闻信息发布系统和在线购物 2.略

项目二 Dreamweaver CS3简介

1.填空题

(1)Adobe公司

(2)设计者、代码编写者

(3)标题栏、菜单栏、工具栏、文档窗口、状态栏、属性面板和控制面板(4)代码视图、拆分视图、设计视图(5)Ctrl+S、Ctrl+W 2.略

项目三创建与管理网站

1.填空题(1)index.html(2)本地站点和远程站点(3)本地站点(4)上传，下载 2.略

项目四利用表格布局网站首页

任务一

利用表格规划页面

1.填空题

(1)“国”字型、拐角型、标题正文型、封面型、混合型。(2)表格布局、DIV+CSS布局、框架布局

DIV+CSS布局(3)0、0、0(4)3(5)固定的像素值、百分比

2.问答题

表格布局注意事项有：

（1）不要把整个网页当成一个大表格，尽量使用分块。

（2）可以使用嵌套，但一般嵌套不宜超过三层，否则会影响浏览速度，而且在修改表

面中插入相应的媒体对象或插件，选中插入的媒体对象或插件，通过【属性】面板设置对象的属性后即可。

任务四

制作超链接

1．单项选择题

（1）A

（2）D

（3）C 2．填空题

（1）4

（2）_blank

（3）锚链接

创建锚记

链接锚记 3．问答题

（1）绝对路径是包含服务器协议的完全路径，是一种与源地址文件无关的路径形式。文档相对的路径是指与当前文档所在的文件夹相对的路径，它使用源地址文件和目标地址文件之间的位置来表示路径，只要整个站点的结构和文件的位置不变，改变站点的路径不会影响路径的正确性。根目录相对路径是指从站点根文件夹到被链接文档经由的路径。一个根相对路径以前斜杠开头，它代表站点根文件夹。（2）在为锚记命名时，必须遵循以下3条规则：

 锚记名称的件从浏览器传输到服务器。

（3）【提交】按钮：单击【插入】工具栏【表单】类别的【按钮】按钮，或者选择【插入】|【表单】|【按钮】命令，弹出【输入标签辅助功能属性】对话框，单击【确定】按钮。

【重置】按钮：先创建一个【提交】按钮，然后选择此按钮，在属性检查器中单击【动作】选项组中【重设表单】单选按钮。

【普通】按钮：先创建一个【提交】按钮，然后选择此按钮，在属性检查器中选择【无】单先按钮，并在【标签】文本框中输入按钮。

任务二

表单处理

1．问答题

（1）单选按钮与复选按钮在表单中是两种不同的表单对象。单选的选项，无论有多少个选择，访问者都只能选择其中一项；复选的选项，访问者可以选择多个选项，甚至可以全部选定。

（2）由菜单框变成列表框，并且具有垂直滚动条。

（3）Action属性功能是指定处理表单信息的服务器端应用程序。该程序可以是ASP程序，也可以是CGI、PHP等脚本。还可以是用C、VB等编写的动态链接库等程序。

项目七利用CSS美化网站

任务一

创建及应用CSS

1．填空题

（1）Cascading Style Sheets（2）标签选择器、类选择器、高级选择器（3）.css 2．简答题

（1）直接引用式：这种方法是将CSS样式直接作用于HTML标签。

内部文档引用式：这种方法是CSS样式定义于页面文档的之间，作用的范围是当前的HTML文档。

外部文档引用式：这种方式CSS样式定义于CSS样式表文件，要使用其中定义的规则，首先应将CSS样式表附加到页面文档。

直接引用式主要用于对具体的标签设置样式，其作用的范围只限于本标签；使用内部文档引用式可以统一设置相同的页面元素的样式，便于设计及修改；外部文档引用式可以重复用于多个不同的页面。

（2）标签选择器：网页文档的标签选择器是最基本的选择器。在CSS中，可以对某一具体标签的样式进行重新定义。

类选择器：要应用样式而无需考虑具体涉及的元素，最常用的方法就是使用类选择器。在 CSS 中，类选择器以类名前有一个点号显示。

ID选择器：ID选择器可以为标有特定 id 的 HTML 元素指定特定的样式，以id前一个#号显示。

任务二

CSS设计页面文本样式

1．填空题

（1）;link、:visited、:hover、:active（2）color（3）text-decoration:none;

2．选择题

（1）B（2）B（3）B

任务三

CSS样式设计页面背景

1．填空题

（1）background-color（2）重复、不重复、横向重复、纵向重复（3）background-position 2．选择题

（1）B（2）D

任务四

利用CSS样式控制页面元素位置

1．填空题

（1）margin、padding（2）浮动的元素框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。2．选择题

（1）C（2）A

任务五

CSS样式设计页面元素边框

1．填空题（1）border（2）线条样式、颜色、粗细 2．选择题

（1）C（2）A 项目八利用库和模板制作网站二级页面

任务一利用库制作网站页首和页脚

1．单项选择题

(1)C(2)A(3)C(4)A 2．填空题

(1)文本图像表格(2)Library(3)不能。(4)更新 3．问答题

(1)什么是库？怎样创建库项目？

答：库可以用来存放Web站点中经常重复使用的网页元素，如图像、文本和其他对象等。

创建库项目的方法有两种：直接新建库项目和把已有页面元素转换为库项目。

(2)如何向页面中添加库项目？

答：插入库项目的方法有两种，一种是直接将要使用的库项目拖到文档中需要插入的地方，另一种方法是将光标放置在文档中需要插入库项目的地方，然后选择需要的库项目并单击库面板底部的“插入”按钮。

任务二

制作网站二级页面模板

1．单项选择题

(1)B(2)C(3)B(4)C(5)C 2．填空题

(1)可编辑区域和锁定区域可编辑区域

锁定区域(2)可编辑区域(3)资源

(4)不可编辑区域可编辑区域(5)Templates

3．问答题

(1)怎样创建模板和编辑模板？

答：创建模板的方法有四种。 创建模板方法一

(1)单击菜单【文件】/【新建】，“新建文档”对话框。(2)新建类型中选择“空模板”，选择合适的模板类型和布局。单击“创建”按钮。 创建模板方法二

单击资源面板中模板面板右下方的新建按钮，新的模板显示在面板中，在“Untitled”处输入模板名称后，双击可进行编辑。

 创建模板方法三

单击菜单【插入记录】/【模板对象】/【创建模板】。 创建模板方法四

编辑一个普通页面，然后单击菜单【文件】/【另存为】，将保存类型选为“模板文件”，单击“保存”。

编辑模板的方法在模板面板中选定模板、单击编辑按钮或双击模板名称或使用快捷菜单的Edit、编辑完成后保存。

(2)什么是模板？使用模板有哪些好处？

答：模板是作为创建其它文档的样板的文档。创建模板时，可以说明哪些网页元素不可编辑，哪些元素可以编辑。其扩展名为.dwt。

使用模板有利于保持网页风格的一致；提高工作效率。

(3)如何应用模板？

答：将模板应用于已有网页的方法有：

方法一：打开要应用模板的网页，打开模板面板，右击要应用的模板，在弹出菜单中选择“应用”。

方法二：打开要应用模板的网页，选择菜单【修改】/【模板】/【应用模板到页】。

项目九使用Dreamweaver实现网页特效

任务应用Dreamweaver内置行为

1．单项选择题

(1)D(2)D(3)A(4)D(5)C 2．填空题

(1)Javascript代码

(2)事件动作

(3)动作动作

(4)Shift+F4(5)onMouseDown(6)打开浏览器窗口

3．问答题

(1)什么是行为？行为面板提供了哪些功能？

答：行为就是某个事件和由该事件触发的动作的组合。行为面板主要包含以下功能：

1是显示设置事件：显示添加到当前网页的行为事件。

2是显示所有事件：显示所有可能的行为事件，按照字母降序排列。详见表9-1。3是添加行为：通过点击“+”，可以为选定的页面元素添加行为。Dreamweaver提供的行为有多种，详见表9-2。

4是删除行为：通过点击“-”，可以删除选定的行为。5是向上移动行为。6是向下移动行为。

(2)举例说明怎么给网页对象添加行为？答：添加行为的步骤：

1)在页面上选择一个元素，可以使一个图像，也可以是一个表格。2)选择菜单【窗口】/【行为】命令，打开行为面板。

3)单击加号(+)按钮并从“动作”菜单中选择一个动作。其中菜单中呈灰色的动作是不可选择。

4)在出现的对话框中为该动作输入参数，然后单击“确定”。

5)触发该动作的默认事件显示在“事件”列中。如果这不是所需的触发事件，可以从“事件”弹出菜单中选择其它事件。

项目十网站的发布与管理

任务一网站的发布

1．单项选择题

(1)A(2)C(3)B(4)D(5)D 2．填空题

(1)测试站点兼容性(2)链接验证标记(3)站点遮盖。3．问答题

(1)什么是远程站点？

答：远程站点就是存储于Internet服务器上的站点和相关文档

(2)发布网站前要进行哪些测试？怎么测试？

答：对一个已经完成制作的站点进行测试，主要需要做以下几项工作： 1)测试站点的兼容性 2)检查站点的链接 3)测试站点的下载速度

4)创建站点报告

测试浏览器兼容性的步骤：1打开站点，打开站点中的主页2单击菜单【文件】/【检查页】/【浏览器兼容性】3显示“浏览器兼容性检查”面板

检查站点链接的步骤：1打开站点，打开站点主页2单击菜单【站点】/【检查站点范围的链接】，或者按“Ctrl+F8”组合键3显示“链接检查器”面板。默认显示“断掉的链接”，可以看出本站点没有链接错误

测试下载速度的步骤：1设置连接速度，一般有7个选项：14.4、28.8、33.6、56、64、128、1500（kb/s），其中14.4最慢，1500最快，用户一般可设置为56。点击【编辑】/【首选参数】，在“首选参数”对话框中选择“状态栏”分类，将连接速度设置为56；2在网页状态栏中查看网页下载时间。

生成站点报告的步骤：1点击菜单【站点】/【报告】，打开“报告”对话框2根据需要进行选择3点击“运行”按钮，在浏览器中打开一个新窗口，显示报告内容。

(3)怎样申请网站空间和域名？它们的功能是什么？答:申请网站空间和域名的方法略

网站空间是用来存放网站内容的空间。

域名是与网络上的数字型IP地址相对应的字符型地址，用来对网站进行访问。

(4)利用Dreamweaver怎样上传网站？答：步骤如下：

1)打开站点，在“文件”面板中选择“连接到远端主机”。

2)连接到远端主机后，选择“文件”面板中的“展开以显示本地和远端站点”。3)在本地和远端站点展开图中，把远端站点中的文件全部删除，然后选中本地文件中要上传的网站文件，点击上传按钮，进行上传。

4)完成发布后，在浏览器中输入域名，即可对网站进行访问了。

任务二

网站的管理

1．单项选择题

(1)B(2)D(3)A

2．填空题

(1)图形结构

链接(2)备注 _notes

3．问答题

(1)怎么设置站点同步？

答：设置站点文件同步的步骤如下：

1)打开站点，在“文件”面板下单击同步按钮，打开“同步文件”对话框。进行适当设置，在“同步”下拉列表中选择“整个站点”选项，在“方向”下拉列表中选择“放置较新的文件到远程”选项，单击“预览”按钮。

2)Dreamweaver检查站点中每个文件将要执行的操作。打开Synchronize对话框（同步对话框），单击“确定”按钮，完成文件同步。

(2)什么是站点地图?作用是什么？答：站点地图是一个非常理想的站点结构管理工具。站点地图从站点主页开始显示站点结构，它将站点中的页面显示为图标，并按出现的顺序来显示链接。

通过站点地图，用户可以选择网页、打开网页进行编辑，也可以向站点中添加新网页、创建文件间的链接以及更改网页标题。

(3)设计备注的作用是什么？答：利用设计备注就可以对站点和站点中的文件进行备注，这样用户就可以很快了解文件的内容了。

第五篇：网页设计与制作-论文（本站推荐）

第一章

绪论

摘要

本论文将对个人网页设计与制作的方法、工具等展开研究和探讨。在介绍网页设计与制作语言的基础上，着重使用JavaScript作为工具语言进行网页设计与制作的实际操作，分别对基于对象的JavaScript语言、内部对象系统的使用及WEB页面信息交互——窗口和框架进行详细描述，并利用具体的实例进行验证。

本论文主要章节如下，第一章：绪论，本章主要介绍网页设计的相关知识。第二章：网页设计语言概述，本章主要介绍网页设计的语言——HTML，以及用于编辑HTML语言的软件，为后续工作奠定基础。第三章：基于对象的JavaScript语言，本章介绍了基于对象的JavaScript中常用内部对象属性、方法的使用。第四章：内部对象系统的使用，本章主要介绍使用浏览器的内部对象系统，可实现与HTML文档进行交互。第五章：WEB页面信息的交互——窗体与框架，本章主要介绍实现网页的动态交互，必须掌握有关窗体对象（Form）和框架对象（Frames）更为复杂的知识。

关键词：网页制作；网页设计；HTML；ASP

第一章

绪论

第一章绪论

随着21世纪的到来，人们更深切地感受到计算机在生活和工作中的作用越来越重要，越来越来的职业需要具有计算机的应用技能。掌握计算机是职业的需要，更是事业发展的需要。网页设计与制作是计算机能力的具体表现，本章主要介绍网页设计的相关知识。

1.1 网页设计概述

网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。

1.2 网页设计的要素

网页设计的两大要素是：整体风格和色彩搭配。

一、确定网站的整体风格

在这里，我提供给大家一些参考经验：

1．将你的标志logo，尽可能的放在每个页面上最突出的位置。2．突出你的标准色彩。

3．总结一句能反映贵站精髓的宣传标语！

4．相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！

二、网页色彩的搭配

1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。

2．用两种色彩。先选定一种色彩，然后选择它的对比色。

3．用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

1.3 大作业目的和意义

本大作业主要是对网页设计与制作的语言基础上进行探讨，主要内容如下：通过已经做好的网页，分析html网页设计技术、XML技术、Java Applet技术和Javascript技术在网页设计中的应用。

第一章

绪论

1.4 要分析的网页

第一章

绪论

第一章

绪论

第二章

HTML网页设计技术的应用

第二章 HTML网页设计技术的应用

2.1 HTML语言介绍

HTML（HyperText Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。

HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。

2.1.1 HTML语言的特点

HTML文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也是WWW盛行的原因之一，HTML语言的特点如下：

1、简易性，HTML版本升级采用超集方式，从而更加灵活方便。

2、可扩展性，HTML语言的广泛应用带来了加强功能，增加标识符等要求，HTML采取子类元素的方式，为系统扩展带来保证。

3、平台无关性。虽然PC机大行其道，但使用MAC等其他机器的大有人在，HTML可以使用在广泛的平台上，这也是WWW盛行的另一个原因。

2.1.2 HTML语言的编辑软件

HTML的本质是文本，需要浏览器的解释，HTML的编辑器大体可以分为三种：

1、基本编辑软件，使用WINDOWS自带的记事本或写字版都可以编写，当然，如果你用WPS来编写，也可以。不过存盘时请使用.htm或.html作为扩展名，这样浏览器就可以解释执行了。

2、半所见即所得软件，这种软件能大大提高开发效率，它可以使你在很短的时间内做出Homepage，且可以学习HTML，这种类型的软件主要有HOTDOG，还有国产的软件网页作坊。

3、所见即所得软件，使用最广泛的编辑器，完全可以一点不懂HTML的知识就可以做出网页，这类软件主要有Frontpage，DREAMWEAVER、Delphi、Eclipse、UltraEdit。

2.1.4 html语言在网页设计中的应用

第二章

HTML网页设计技术的应用

2.2.3JavaScript技术在网页设计中应用

一、JavaScript概述

JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java 脚本语言（Java小程序）一起实现在一个Web页面中链接多个对象，与Web客户交互作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷，它是Java与HTML折衷的选择，具有以下几个基本特点：

1、是一种脚本编写语言

JavaScript是一种脚本语言，它采用小程序段的方式实现编程。像其它脚本语言一样,JavaScript同样已是一种解释性语言,它提供了一个易的开发过程。

它的基本结构形式与C、C++、VB、Delphi十分类似。但它不像这些语言一样，需要先编译，而是在程序运行过程中被逐行地解释。它与HTML标识结合在一起，从而方便用户的使用操作。

2、基于对象的语言。

JavaScript是一种基于对象的语言，同时以可以看作一种面向对象的。这意味着它能运用自己已经创建的对象。因此，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。

3、简单性

JavaScript的简单性主要体现在：首先它是一种基于Java基本语句和控制流之上的简单而紧凑的设计, 从而对于学习Java是一种非常好的过渡。其次它的变量类型是采用弱类型，并未使用严格的数据类型。

4、安全性

JavaScript是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。

5、动态性的

JavaScript是动态的，它可以直接对用户或客户输入做出响应，无须经过Web服务程序。它对用户的反映响应，是采用以事件驱动的方式进行的。所谓事件驱动，就是指在主页(Home Page)中执行了某种操作所产生的动作，就称为“事件”(Event)。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。

6、跨平台性

JavaScript是依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持JavaScript的浏览器就可正确执行。从而实现了“编写一次,走遍天下”的梦想。

实际上JavaScript最杰出之处在于可以用很小的程序做大量的事。无须有高性能的电脑，软件仅需一个字处理软件及一浏览器，无须WEB服务器通道，通过自己的电脑即可完成所有的事情。

总之，JavaScript 是一种新的描述语言，它可以被箝入到 HTML 的文件之中。JavaScript语言可以做到回应使用者的需求事件(如：form的输入)，而不用任何的网路来回传输资料，所以当一位使用者输入一项资料时，它不用经过传给伺服端(server)处理，再传回来的过程，而直接可以被客户端(client)的应用程式所处理。

第二章

HTML网页设计技术的应用

第五章

色彩在网页中的应用

第五章色彩在网页中的应用

5.1色彩在网页中的应用

色彩是艺术表现的要素之一。在网页设计中，我们的设计师根据和谐、均衡和重点突出的原则，将不同的色彩进行组合．搭配来构成美丽的页面。根据色彩对人们心理的影响，合理地加以运用。

先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

在网页配色中不要将所有颜色都用到，尽量控制在三至五种色彩以内。背景和前文的对比尽量要大以便突出主要文字内容。

5.2主页色彩的处理

色彩是人的视觉最敏感的东西。主页的色彩处理得好，可以锦上添花，达到事半功倍的效果。色彩总的应用原则应该是“总体协调，局部对比”，也就是：主页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上，可以根据主页内容的需要，分别采用不同的主色调。因为色彩具有象征性，例如：嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色，例如：军警的橄榄绿，医疗卫生的白色等。色彩还具有明显的心理感觉，例如冷、暖的感觉，进、退的效果等。另外，色彩还有民族性，各个民族由于环境、文化、传统等因素的影响，对于色彩的喜好也存在着较大的差异。充分运用色彩的这些特性，可以使我们的主页具有深刻的艺术内涵，从而提升主页的文化品位。

5.3常用的配色方案

1.暖色调。即红色、橙色、黄色、赭色等色彩的搭配。这种色调的运用，可使主页呈现温馨、和煦、热情的氛围。

2.冷色调。即青色、绿色、紫色等色彩的搭配。这种色调的运用，可使主页呈现宁静、清凉、高雅的氛围。

3.对比色调。即把色性完全相反的色彩搭配在同一个空间里。例如：红与绿、黄与紫、橙与蓝等。这种色彩的搭配，可以产生强烈的视觉效果，给人亮丽、鲜艳、喜庆的感觉。

第五章

色彩在网页中的应用

最后，还要考虑主页底色（背景色）的深、浅，这里借用摄影中的一个术语，就是“高调”和“低调”。底色浅的称为高调；底色深的称为低调。底色深，文字的颜色就要浅，以深色的背景衬托浅色的内容（文字或图片）；反之，底色淡的，文字的颜色就要深些，以浅色的背景衬托深色的内容（文字或图片）。这种深浅的变化在色彩学中称为“明度变化”。当然，色彩的明度也不能变化太大，否则屏幕上的亮度反差太强，同样也会使读者的眼睛受不了。

5.4合理搭配网页色彩

网页的色彩是树立网站形象的关键之一，网页的背景、文字、图标、边框、超链接等都要用到色彩。不同的色彩会使浏览者有不同的心理感受。合理的搭配色彩，会更好的表现主题，吸引用户的注意力。网页色彩涉及到艺术知识，让美术教师参加网页色彩设计，可能会出现比较理想的效果。在色彩搭配上要注意色彩的鲜明性、独特性、合适性、联想性。背景色和前景色对比要大，以突出主要内容

网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。“标准色彩”是指能体现网站形象和延伸内涵的色彩，要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，但应当只是作为点缀和衬托，绝不能喧宾夺主。一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色。

第五章

色彩在网页中的应用

第六章 WEB页面信息的交互——窗体与框架

要实现网页的动态交互，必须掌握有关窗体对象（Form）和框架对象（Frames）更为复杂的知识。

6.1窗体基础知识

窗体对象可以使设计人员能用窗体中不同的元素与客户机用户相交互，而用不着在之前首先进行数据输入，就可以实现动态改变Web文档的行为。

6.1.1窗体对象

窗体（Form）：它构成了Web页面的基本元素。通常一个Web页面有一个窗体或几个窗体，使用Forms[]数组来实现不同窗体的访问。

在Forms[0]中共有三个基本元素，而Forms[1]中只有两个元素。

窗体对象最主要的功能就是能够直接访问HTML文档中的窗体，它封装了相关的HTML代码：

6.1.2 窗体对象的方法

窗体对象的方法只有一个--submit()方法，该方法主要功用就是实现窗体信息的提交。如提交Mytest窗体，则使用下列格式：

document.mytest.submit()

第五章

色彩在网页中的应用

6.1.3 窗体对象的属性

窗体对象中的属性主要包括以下：elements name action target encoding method。除Elements外，其它几个均反映了窗体中标识中相应属性的状态，这通常是单个窗体标识；而elements常常是多个窗体元素值的数组，例：

elements[0].Mytable.elements[1] 6.1.4 访问窗体对象

在JavaScript中访问窗体对象可由两种方法实现：（1）通过访问窗体

在窗体对象的属性中首先必须指定其窗体名，而后就可以通过下列标识访问窗体如：document.Mytable()。

（2）通过数组来访问窗体

除了使用窗体名来访问窗体外，还可以使用窗体对象数组来访问窗体对象。但需要注意一点，因窗体对象是由浏览器环境的提供的，而浏览器环境所提供的数组下标是由0到n。所以可通过下列格式实现窗体对象的访问：

document.forms[0] document.forms[1] document.forms[2]...6.1.5 引用窗体的先决条件

在JavaScript中要对窗体引用的条件是：必须先在页面中用标识创建窗体，并将定义窗体部分放在引用之前。

6.2 窗体中的基本元素

窗体中的基本元素由按钮、单选按钮、复选按钮、提交按钮、重置按钮、文本框等组成。

在JavaScript中要访问这些基本元素，必须通过对应特定的窗体元素的数组下标或窗体元素名来实现。每一个元素主要是通过该元素的属性或方法来引用。其引用的基本格式见下：

formName.elements[].methadName(窗体名.元素名或数组.方法)formName.elemaent[].propertyName(窗体名.元素名或数组.属性)下面分别介绍：

（1）Text单行单列输入元素

功能：对Text标识中的元素实施有效的控制。基本属性：

Name：设定提交信息时的信息名称。对应于HTML文档中的Name。Value：用以设定出现在窗口中对应HTML文档中Value的信息。defaultvalue：包括Text元素的默认值基本方法：

blur()：将当前焦点移到后台。

第五章

色彩在网页中的应用

select()：加亮文字。主要事件：

onFocus：当Text获得焦点时，产生该事件。OnBlur：从元素失去焦点时，产生该事件。Onselect：当文字被加亮显示后，产生该文件。onchange：当Text元素值改变时，产生该文件。例：

...（2）textarea多行多列输入元素

功能：实施对Textarea中的元素进行控制。基本属性

name：设定提交信息时的信息名称，对应HTML文档Textarea的Name。Value：用以设定出现在窗口中对应HTML文档中Value的信息。Default value：元素的默认值。方法：

blur()：将输入焦点失去 select()：将文字加亮后事件：

onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后，产生该文件 Onchange:当文字值改变时，产生该事件 Onselect:当文字加亮后，产生该文件（3）Select选择元素

功能：实施对滚动选择元素的控制。属性：

name:设定提交信息时的信息名称，对应文档select中的name。Length:对应文档select中的length options:组成多个选项的数组 selectIndex;该下标指明一个选项

select在中每一选项都含有以下属性： Text:选项对应的文字

selected:指明当前选项是否被选中 Index:指明当前选项的位置 defaultselected:默认选项事件：

第五章

色彩在网页中的应用

OnBlur：当select选项失去焦点时，产生该文件。onFocas:当select获得焦点时，产生该文件。Onchange:选项状态改变后，产生该事件。（4）Button按钮

功能：实施对Button按钮的控制。属性：

Name:设定提交信息时的信息名称，对应文档中button的Name。Value:用以设定出现在窗口中对应HTML文档中Value的信息。方法：

click()该方法类似于一个按下的按钮。事件：

onclick当单击button按钮时，产生该事件。例：

........（5）checkbox检查框

功能：实施对一个具有复选框中元素的控制。属性：

name:设定提交信息时的信息名称。

Value:用以设定出现在窗口中对应HTML文档中Value的信息。Checked:该属性指明框的状态true/false.defauitchecked:默认状态方法：

click()该方法使得框的某一个项被选中。事件：

Onclick：当框的选被选中时，产生该事件。（6）radio无线按钮

功能：实施对一个具单选功能的无线按钮控制。属性：

Name：设定提交信息时的信息名称，对应HTML文档中的radio的name相同 Value：用以设定出现在窗口中对应HTML文档中Value的信息，对应HTML文档中的radio的name。

length：单选按钮中的按钮数目。defalechecked:默认按钮。

checked:指明选中还是没有选中。

第五章

色彩在网页中的应用

index:选中的按钮的位置。方法：

chick():选定一个按钮。事件：

onclick:单击按钮时，产生该事件。（7）hidden:隐藏

功能：实施对一个具有不显示文字并能输入字符的区域元素的控制。属性：

name:设定提交信息时的信息名称，对应HTML文档的hidden中的Name。

Value:用以设定出现在窗口中对应HTML文档中Value的信息，对应HTML文档hidden中的value。

defaleitvalue:默认值（8）Password口令

功能：实施对具有口令输入的元素的控制。属性：

Name:设定提交信息时的信息名称，对应HTML文档中password中的name。Value:用以设定出现在窗口中对应HTML文档中Value的信息，对应HTML文档中password中的Value。

defaultvalu:默认值方法：

select():加亮输入口令域。

blur():使这丢失passward输入焦点。focus():获得password输入焦点。（9）submit提交元素

功能：实施对一个具有提交功能按钮的控制。属性：

name:设定提交信息时的信息名称，对应HTML文档中submit。

Value:用以设定出现在窗口中对应HTML文档中Value的信息，对应HTML文档中value。

方法

click()相当于按下submit按钮。事件：

onclick()当按下该按钮时，产生该事件。

6.3窗体对象实例

下面我们演示通过点击一个按钮（red）来改变窗口颜色，点击“调用动态按钮文档”调用一个动态按钮文档。

test8_1.htm 调用动态按钮文档

下载网页设计与制作教程-第三次测试答案.doc

将本文档下载到自己电脑，方便修改和收藏，请勿使用迅雷等下载。

点此处下载文档

文档为doc格式

相关专题网页设计与制作教材网页设计与制作测试题

网址：https://www.xiexiebang.com/a5/201905130/44a2f01a395789b0.html
声明：本文内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：645879355@qq.com 进行举报，并提供相关证据，工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。