网页设计试卷AB

《网页设计》课程上机考试试卷A

上机操作题目：（请认真看清如下内容）

? 准备源文件：上机考试前同学们要将教师机上的“网页设计期末考试”文件夹下

wysj07xxx-testA文件夹复制到同学们本地机的D盘上，并改名为自己班级学号的文件夹名,如wysj07101-testA,并作为网页站点根文件。其中“wysj07101-testA”文件夹中的“wysj071”为网页设计1班, “01”为本班的学号。 即“xxx”为班级（1位）,学号（2位）。

? 交卷要求：上机考试完成后，一定要把D:/ wysj07xxx-testA 文件夹复制到教师机

上的 “07级网页设计期末考试” 文件夹下，同学们自己到教师机确认后才可离开考场。

? 同时注意：在主页index.htm中的班级，学号，姓名写上同学们自己具体的内容。

一、网页编辑与超链接page.htm的制作 （15分）

在站点根文件夹打开并编辑page.htm分页，按要求完成操作，完成后在主页index.htm导航中“网页编辑与超链接”链接到page.htm分页, 目标为mainframe。

二、表单网页form.htm的制作（20分）

在站点根文件夹下新建一个表单网页form.htm如下图A-1所示，要求“姓名”的初始值为：同学的具体姓名，并设置检查表单功能：姓名和请您留言必填，E-Email为E-mail格式并必填。完成后将主页index.htm导航上的“表单网页”超链接到form.htm分页，目标为mainframe。这里用到背景图文件为bg.gif

·1·

图A-1

三、新建飘动的广告(即图层动画)tuceng.htm分页（15分）

本页功能是：广告图在网页上飘动；当鼠标指向该广告时，广告停止不动；当鼠标离开该广告时，广告继续飘动；当单击该广告时，打开链接到index.htm目标页。完成后将主页index.htm导航上的“图层动画”超链接到tuceng.htm分页, 目标为mainframe。提示：利用图层中插入广告图及图层的行为事件功能，广告图文件为girl.GIF。

四、制作网站小logo标志动画（15分）

在firework中制作一个120*100 的网站小logo标志动画logo.gif，要求动画中显示同学自己的班级姓名。完成后将主页index.htm最上方右边的图改为此logo标志动画。

五、制作Flash欣赏网页flash.htm （20分）

在Flash环境中创建打字效果动画，要求出现的文字是同学自己的校名专业班级及姓名，完成后导出文件名为flash.swf，然后，在站点根文件夹下新建网页flash.htm，在此网页中插入flash.swf。最后将主页index.htm导航上的“Flash欣赏”超链接到flash.htm分页, 目标为mainframe。并将主页index.htm最顶部的横幅改为此动画。

六、制作跟随鼠标的彩色文字网页（15分）

新建一个分页mwenzi.htm,设置其网页的背景色为黑色，制作跟随鼠标的彩色文字（文字为广州航专电子商务07xxx姓名xxx)，并设置网页标题为：广州航专电子商务07xxx姓名xxx。其中的xxx为同学的具体学号或姓名。完成后将主页index.htm导航上

·2·

的“跟随鼠标彩色文字”上做超链接到mwenzi.htm文件。提示：请打开文件夹“images”下的/跟随鼠标的彩色文字.txt文件，可知如何操作。

《网页设计》课程上机考试试卷B

上机操作题目：（请认真看清如下内容）

? 准备源文件：上机考试前同学们要将教师机上的“网页设计期末考试”文件夹下wysj07xxx-testB文件夹复制到同学们本地机的D盘上，并改名为自己班级学号的文件夹名,如wysj07101-testB,并作为网页站点根文件。其中“wysj07101-testB”文件夹中的“wysj071”为网页设计1班, “01”为本班的学号。 即“xxx”为班级（1位）,学号（2位）。

? 交卷要求：上机考试完成后，一定要把D:/ wysj07xxx-testB 文件夹复制到教师机上的 “07级网页设计期末考试” 文件夹下，同学们自己到教师机确认后才可离开考场。 ? 同时注意：在主页index.htm中的班级，学号，姓名写上同学们自己具体的内容。

一、制作网页logo标志图动画文件logo.gif （15分）

在Firework环境中制作宽为120，高为100的网页logo标志图动画文件logo.gif，标志图要求动画形式并图中能显示学生班级姓名，制作完成后将模板moban.dwt最顶上的右方标志动画改为logo.gif。

二、表单网页form.htm的制作（20分）

应用本站点的模板moban.dwt新建一个表单网页form.htm如下图B-1所示，要求“姓名”的初始值为：同学的具体姓名，并设置检查表单功能：用户名和密码必填。完成后将模板moban.dwt导航中“表单网页”链接到form.htm分页, 目标为默认值。

图B-1

三、网页编辑与超链接page.htm的制作 （15分）

·3·

在站点根文件夹打开并编辑page.htm分页，在可编辑区域按要求完成操作，完成后将模板moban.dwt导航中“网页编辑与超链接”链接到page.htm分页, 目标为默认值。

四、新建飘动的广告(即图层动画)tuceng.htm分页（15分）

应用本站点的模板moban.dwt新建网页tuceng.htm，在可编辑区域中制作飘动的广告：广告图在网页上飘动；当鼠标指向该广告时，广告停止不动；当鼠标离开该广告时，广告继续飘动；当单击该广告时，打开链接到index.htm目标页。提示：利用图层中插入广告图及图层的行为事件功能，广告图文件为047.GIF。 最后将tuceng.htm分页导航中“图层动画”链接到tuceng.htm分页, 目标为默认值。

五、新建Flash欣赏网页flash.htm （20分）

在Flash环境中创建一个宽600，高120的补间动画，要求被旋转的对象是学生自己的姓名，完成后导出文件名为flash.swf，然后，在站点根文件夹下应用本站点的模板moban.dwt新建网页flash.htm，在可编辑区制中插入flash.swf。最后将模板moban.dwt导航中“Flash欣赏”链接到flash.htm分页, 目标为默认值。并将本站点的模板moban.dwt最顶部的横幅改为此动画。

六、新建跟随鼠标的彩色文字网页mwenzi.htm。（15分）

新建网页mwenzi.htm，设置其网页的背景色为黑色及网页标题为：广州航专电子商务07xxx姓名xxx。，制作跟随鼠标的彩色文字为广州航专电子商务07xxx姓名xxx，其中的xxx为同学的具体学号或姓名。完成后将主页index.htm导航上的“跟随鼠标彩色文字”上做超链接到mwenzi.htm文件；提示：请打开文件夹“images”下的/跟随鼠标的彩色文字.txt文件，可知如何操作。

·4·