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

时间:2019-05-14 00:50:34下载本文作者:会员上传
简介:写写帮文库小编为你整理了多篇相关的《《网页设计与制作》期末考试试题及答案》,但愿对你工作学习有帮助,当然你在写写帮文库还可以找到更多《《网页设计与制作》期末考试试题及答案》。

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

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

一、单项选择题(本大题共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、

D、

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

B、VB

C、Perl

D、ASP

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

B、6

C、7

D、8

9、在HTML中,单元格的标记是(a)。

A、

D、

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

A、索引式

B、内联式

C、嵌入式

D、外部式

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

A、JPEG和GIF

B、JPEG和PSD

C、GIF和BMP

D、BMP和PSD

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”命令

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

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语言实现的

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

27.下列()软件可以作为Dreamweaver的外部图像编辑器。

ABD A.Fireworks B.Photoshop C.VB D.ACDsee 29.关于相对路径,以下说法正确的有()。

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

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

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

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

30.关于布局模式的使用,正确的有()。

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

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

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

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.网页特效

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、采用目录与锚点结合的办法,可以实现在长的网页文档内部跳转的功能。√

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

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

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

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

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

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

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

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

B)_parent

C)_self

D)_top

E)main

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)以上都可以直接插入

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

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

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

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

A、FTP服务B、www.xiexiebang.com由四个子域组成,其中()子域代表国别代码。A、center B、nbu C、edu D、cn

4、当阅读来自港澳台地区站点的页面文档时,应使用的正确文本编码格式是()。A、GB码B、Unicode码C、BIG5码D、HZ码

5、当标记的TYPE属性值为()时,代表一个可选多项的复选框。A、TEXT B、PASSWORD C、RADIO D、CHECKBOX

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

B、

C、

B、C、D、

7、在客户端网页脚本语言中最为通用的是()。A、javascript B、VB C、Perl D、ASP

8、在HTML中,标记的Size属性最大取值可以是()。A、5 B、6C、7 D、8

9、在HTML中,单元格的标记是()。A、

D、

10、在DHTML中把整个文档的各个元素作为对象处理的技术是()。A、HTML

B、CSS

C、DOM

D、Script(脚本语言)

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

A、索引式 B、内联式

C、嵌入式

D、外部式

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

A、JPEG和GIF

B、JPEG和PSD

C、GIF和BMP

D、BMP和PSD

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

14、在HTML中,要定义一个空链接使用的标记是().A、B、C、D、

15、对远程服务器上的文件进行维护时,通常采用的手段是()A、POP3 B、FTP C、SMTP D、Gopher

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

C、脚本

D、写入

17、用Fireworks切割图形时,需要的工具是()A、裁剪

B、选取框 C、切片D、自由变形

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

C、TCP和SMTP

D、IP和Telnet

19、body元素用于背景颜色的属性是()

A、alink B、vlink C、bgcolor D、background 20、下面说法错误的是()

A、规划目录结构时,应该在每个主目录下都建立独立的images目录 B、在制作站点时应突出主题色

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

21、在Dreamweaver中,最常用的表单处理脚本语言是().A、CB、JavaC、ASPD、JavaScript

22、在Dreamweaver MX中,想要使用户在点击超链接时,弹出一个新的网页窗口,需要在超链接中定义目标的属性为()A、parentB、_bankC、_topD、_self

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

B、库

C、模板 D、层

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

B、版面特色 C、网站目录结构特色 D、Script程序

25、在网页制作过程中,LOGO的标准尺寸为()Pixels.A、468*60B、80*31C、88*31D、150*60

26、客户机可向服务器按MINE类型发送和接收信息,客户机使用()请求方式表示要求服务器发送文件头消息.A、SMTPB、GETC、HEADD、POST

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

B、红色

C、黄色

D、白色

28、Flash中,与位图相比,矢量图形的优点是()A、变形、缩放不影响图形显示质量 B、丰富多彩 C、图像所占空间大 D、图像质量好

29、网页代码第一行<%@language=”Vbscript”%>,说明此页是: A、HTML B、PHPC、ASPD、VBSCRIPT 30、不论是网络的安全保密技术,还是站点的安全技术,其核心问题是().A、系统的安全评价 B、保护数据安全 C、是否具有防火墙

D、硬件结构的稳定

答案

1.B 2.B 3.D 4.C 5.D 6.C 7.A 8.C 9.A 10.C 11.A 12.A 13.B 14.A 15.B 16.A 17.C 18.B 19.C 20.D 21.D 22.B 23.D 24.C 25.C 26.D 27.A 28.A 29.C 30.A

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

一、多项选择题(本大题共10小题,每小题2分,共20分。在每小题的五个备选答案中,选出二至五个正确的答案,并将正确答案的字母分别填在题干的括号内,多选、少选、错选均不得分。)1.www.xiexiebang.com E.Telnet 2.下列关于IP地址与域名的说法正确的是()

A.IP地址以数字表示,域名用字符表示 B.IP地址是供全球识别的通信地址 C.IP地址与域名是一一对应的 D.域名可以多于三个层次

E.IP地址与域名都限制在32位内

3.一般来说,适合使用信息发布式网站模式的题材有()ABCD

ABDE A.软件下载 B.新闻发布 C.个人简介 D.音乐下载 E.文学作品大全

4.网页制作工具按其制作方式分,可以分为()

A.通用型网而制作工具 B.标记型网页制作工具 C.专业型网页制作工具 D.编程型网页制作工具 E.“所见即所得”型网页制作工具

5.下列关于网页设计的说法中,正确的有()

A.冷暖色调在均匀使用时不宜靠近 B.纯度相同的两种颜色适宜放在一起 C.整个页面中最好有一个主色调

D.文本的色彩不会发生抖动,只有图片的色彩才会发生抖动 E.抽象线条的构图很容易造成重心不稳

6.下面说法正确的是()

AE A.Java是一种编译语言

B.JaveScript是面向对象的程序设计语言 C.Javascript是由SUN公司开发的 D.Javascript的源代码非常安全 E.Java采用强定义类型变量检查

7.以下属于DHTML最主要的优点的是()

A.动态样式 B.动态定位 C.动态链接 D.动态内容 E.动态扩展

8.在CSS中,下面属于BOX模型属性的有()

A.font B.margin 第七城市 C.padding D.visible E.border 9.下面属于Javascript对象的有()

A.Window &n bsp;B.Document C.Form D.String E.Navigator 10.下面关于CSS的说法正确的有()

A.CSS可以控制网页背景图片

B.margin属性的属性值可以是百分比 C.整个BODY可以作为一个BOX 3

BE

ACE

ABD

BCE

ABCDE

ABC

D.对于中文可以使用word-spacing属性对字间距进行调整 E.margin属性不能同时设置四个边的边距 th7.cn 11.Netscape为使用层开发了两个附加的专有标识是()标识和()标识。AC A B

C D 12.CSS通过()方法将样式格式化应用到用户的页面中。ABCD A 创建新的样式单 B 内部样式单

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

13.要将左图所示的分帧页面转变成右图所示的分帧页面,应执行的操作是()BCD A 按住“Alt”键同时将鼠标移到图1下部左边框,等图标变成双向箭头时,拖动到图2中添加的位置。

B 单击“Modify”下拉菜单的“Frameset”级联菜单中的“Split Frame Left”命令。

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)以上都可以直接插入

第三篇:网页设计与制作-论文(本站推荐)

第一章

绪论

摘 要

本论文将对个人网页设计与制作的方法、工具等展开研究和探讨。在介绍网页设计与制作语言的基础上,着重使用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 调用动态按钮文档

第四篇:网页设计与制作报告书

电子商务2班201341440213孙岩

网页设计与制作报告书

课程名称:网页设计与制作

专业班级:电子商务2班

学 号:201341440213 姓 名:孙岩

指导教师:王康哲

电子商务2班201341440213孙岩

目录

一.概要……………………………………………………………

二.网站开发……………………………………………………

三.应用工具方案……………………………………………

四.栏目划分……………………………………………………

五.代码表……………………………………………………….六.截图……………………………………………………………

七.结论…………………………………………………………… 2 6 7 13 14

电子商务2班201341440213孙岩

摘要:

在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。

一、网页制作开发背景

Dreamweaver以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页,利用它可以轻松的组织、编辑网页并将其发布到指定的站点上,而且在发布之后还能对更新情况进行监控以更新站点的内容。现在流行的网页制作软件有很多,如Macromedia公司的Dreamweaver、微软公司的Dreamweaver、还有Adobe Pagemill 3.0--制作多框架,表单和Image map 图像的网页工具、Netscape等等。其中Dreamweaver更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页,利用它可以轻松的组织、编辑网页并将其发布到指定的站点上,而且在发布之后还能对更新情况进行监控以更新站点的内容。工具准备好了,可根据你的个人喜好来选择一些素材,如图片、喜欢的文章等。

二、网页制作设计技巧

首先,我们来看一下创建一个只包含一个网页的站点。选择“文件”菜单的“新建”选项,单击“站点”命令,这时新建站点对话框就弹出来了,在“指定新站点位置”文本框中输入新站点的位置,单击“只有一个网页的站点” 图标,单击“确定”按钮。这就建立好站点了,我们现在来看一下新的站点里有什么,单击“视图”工具条的“文件夹”按钮。在文件夹列表里有一个网页文件,名字叫做“index.htm”。我们知道,每一个站点都要有一个主页,这个主页也是一个网页文件。浏览者访问站点时首先进入的就是站点的主页。主页的名字在一般情况下就叫做“index.htm”。就是说我们新建只包含一个网页的站点时,DREAMWEAVER就自动为我们创建了站点的主页了。这个新建的站点主页时空的,我们可以向里面添加内容。

在文件列表里除了主页之外,还有文件夹。新建站点时,DREAMWEAVER都会在站点所在位置下新建两个文件夹,一个是“images”另一个是“_private”。我们在编辑站点时可以在“image”文件夹里放置站点用到的图片。“private”

电子商务2班201341440213孙岩

文件夹比较特殊,其中的文件对浏览者来说是隐含的,我们可以把一些不想让浏览者看到的网页文件放在这个文件夹里,比如:我们可以在这个文件夹里存放注册用户的个人信息。

尽管每一个站点都要有一个主页,不过创建站点时我们仍然可以从一个空站点开始:选择“文件”菜单的“新建”命令,单击“站点”选项,在“新建站点”对话框里,我们可以选择“空站点”图标来创建一个空站点。“新建站点”对话框中还有许多其他图标,这是DREAMWEAVER提供的用来创建站点模板或向导。我们创建只有一个网页的站点或者创建空站点,都是从头开始来创建一个站点,这就好像盖房子一样,首先画图纸。然而,有许多的房子都具有相似的结构和用途,所以我们可以用一张图纸盖很多相似的房子,这样就节省了许多工作。

基于表格的设计:表格布局使网页设计师制作网站时有了更多选择。在 HTML 中表格标签的本意是为了显示表格化的数据,但是设计师很快意识到可以利用表格来构造他们设计的网页,这样就可以制作较以往作品更加复杂的,多栏目的网页。表格布局就这样流行了起来,融合了背景图片切片技术,常给人以看起来较实际布局简洁得多的结构。

结构设计:这个时期的网页设计还不太关注语义化和可用性方面的问题,主要还在追求良好的结构美学。同一时期也是大量应用 GIF 占位图片控制留白的时期。一些主流的公司甚至训练设计师如何使用 GIF 占位;如微软的“关于 HTML 表格中的 GIF 占位”。第一批主要应用表格布局的“所见即所得”网页设计软件的发展助长了表格的应用。另外,某些软件自动生成的表格如此复杂以至于许多设计师不可能从头手写代码(例如每行只有 1px 高却包含了几百列的表格)。即使是稍微复杂一点儿的网页(比如多栏目页面),设计师们都要依赖于表格来创建。

三、网站结构

网站结构是指网站中页面间的层次关系;按性质可分为逻辑结构及物理结构。网站结构对网站的搜索引擎友好性及用户体验有着非常重要的影响。

(一)网站结构整体先用DIV和CSS来进行构造,对整个网站进行布局,(二)网站结构是衡量网站用户体验好坏的重要指标之一。清晰的网站结

电子商务2班201341440213孙岩

构可以帮助用户快速获取所需信息;相反,如果一个网站的结构极其糟糕的话,用户在访问时就犹如走进了一座迷宫,最后只会选择放弃浏览。

(三)网站结构还直接影响搜索引擎对页面的收录,一个合理的网站结构可以引导搜索引擎从中抓取更多有价值的页面。

网站结构对网站及网站中页面的影响。搜索引擎对重要页面的抓取

由于互联网中信息量极其庞大,为了向用户展示更多有价值的信息,搜索引擎会优先抓取每个网站中相对重要的页面(即权重较高的页面),然而,搜索引擎是怎样发现这些重要页面的呢?根据重要页面的链接指向的页面可能是重要页面的思路;搜索引擎首先会从权重相对较高的页面(即源页面)出发跟踪其中的链接,从而抓取其他相对重要的页面(即目标页面)。

网页设计的要素

四、应用工具方案

DreamWeaver自制动态HTML动画的网页。

DreamWeaver是一个很酷的网页设计软件,它包括可视化编辑、HTML代码编辑的软件包,并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性,而且它还能通过拖拽从头到尾制作动态的HTML动画,支持动态HTML(Dynamic HTML)的设计,使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。

DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换,HTML句法及结构不变。这样,专业设计者可以在不改变原有编辑习惯的同时,充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计,这项设计使任何人都可以轻易扩展它的功能。

版面布局:在你开始设计之前,你必须仔细地为站点挑选色彩组合。千万不要出现紫色的背景加上黑蓝色的文字的组合。要使整个站点保持同一种色彩组合,因为不同颜色组合的背景或字体可能会是非常令人讨厌的。你也可以选用一个背

电子商务2班201341440213孙岩

景图,而不是仅用一种颜色。背景图案可以自己绘制,也可以从因特网上下载。通过模糊背景图案,就可以使文字更容易被阅读。要记住的是,图片不会被浏览器重画的,而背景色彩则是要被重新画的,因此,在上传你的图片之前,必须检查不同的浏览器是如何显示这些网页的。当增加文字时,尽量设置容易被阅读的字体和大小。如果你使用背景图片,那么,当网页被浏览时,背景色和字体将会先于背景图片被下载,因此,如果背景色和文本的颜色没有鲜明的对照的话,那么浏览者会有几秒钟的时间看到一个充满了不可阅读的文本的网页。解决这个问题的简单的方法就是,使背景色与背景图的颜色相类似。

浏览导航:站点的浏览导航必须被设计成非常容易。如果需要,把站点分割为几个部分。最容易的方法,就是在整个网站的所有的网页的左边放置一个菜单条。当然,除此以外,还有许多可选的方法。对于具有大量信息的站点,使用一个可扩展的菜单条会是一个不错的选择。无论你使用何种导航模式,在每一页都放置一个主页链接,那会是一种不错的设计思想;浏览者必须知道,无论何时,当他们迷失在你的站点浏览中时,都可以通过简单的一次点击就能准确地知道目前所处的位置。

Frame(帧,框架)的问题:Frame—— 你也许会喜欢它,也许不喜欢。如果你在你的网站上使用帧,你很可能使一个帧用于导航目的,另一个帧用于放置内容。你可以看见在同一页上有两个被分割的浏览窗口,你点击左边的帧,只会改变右边的内容。用帧来组织网站的内容,显然是非常容易的。

检验你的HTML代码 :不要在你的网站上放置浏览计数器。计数器会让你的网站看起来不够专业化,如果浏览量不够的话,还会起到相反的宣传作用。最后,内容是金,如果能给的浏览者一些有价值的东西,如,信息,建议,或软件,那么就能吸引浏览者经常光顾你的网站。为你的站点增加消息板和聊天室,从而提高网站的交互性,使你和你的访问者交流,让访问者彼此交流。

五、频道栏目划分

图1

电子商务2班201341440213孙岩

六、代码段

content=“text/html;charset=gb2312” /> 火影忍者

B、 C、