《网页设计制作员》(中级)操作试题卷(A)

网页设计制作员（四级）操作技能试题卷（A）

注意事项：

1、在D盘新建一个考生文件夹，其文件夹名为：网页设计制作员4级_考生准考证号_姓名，考生所做的结果必须保存在该考生文件夹内。考试过程中应注意经常保存文件。

2、考试所需素材在C盘：\网页设计制作员素材文件夹内。

3、答题以试题文字要求为准，样张仅供参考。

4、试卷不得带走，否则考试成绩做无效处理。

试题代码：1.1.1

试题名称：设计制作网页内容文字和图表效果

规定用时： 30分钟

1、操作条件

（1）素材

a）论坛“注册”页面效果图样张“1.1.1.1”

b）网页素材文件夹“1.1.1.2”

（2）以上素材均在考试机指定的“素材\1.1.1”文件夹内。

2、操作内容

    利用素材文件夹“1.1.1.2”内的网页文件，参照样张“1.1.1.1”，完成论坛注册页面的制作，具体操作内容如下：

（1）编辑素材文件夹“1.1.1.2” 内的“zc.html”，按照要求插入图片并添加文字

（2）为“zc.html”页面的布局表格设置背景

（3）为“zc.html”页面设置统一的字体

（4）制作“zc.html”页面的“检查用户名”区域内容

（5）制作“zc.html”页面的“填写信息”区域内容

（6）保存操作结果

3、操作要求

（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.1.1”子目录，将所有操作结果保存至该文件夹下。

（2）用Dreamweaver编辑素材文件夹“1.1.1.2”的“zc.html”，参照效果图样张“1.1.1.1”，在布局表格内适当位置插入文件夹“1.1.1.2”中的图片“”，并添加说明文本“用户注册”

（3）参照效果图样张“1.1.1.1”，用素材文件夹“1.1.1.2”中的图片“” 设置布局表格单元格背景

（4）用CSS样式表为“zc.html”整个页面布局表格的单元格，设置统一的字体

a)大小：12像素；

b)行高：2倍行高；

c)CSS样式采用内部标签形式。

（5）参照效果图样张“1.1.1.1”，按以下要求制作“zc.html”页面上的“检查用户名”区域内容

a)参照效果图样张“1.1.1.1”，为给定文本设定CSS样式。

b)参照效果图样张“1.1.1.1”，为布局表格特定位置设定CSS样式，并应用该样式。

c)参照效果图样张“1.1.1.1”，在布局表格内适当位置添加给定文本，并为文本内容应用CSS样式。

d) 参照效果图样张“1.1.1.1”，在布局表格内适当位置添置和制作表单以及表单对象，并设置表单对象的动作属性为无。

（6）参照效果图样张“1.1.1.1”，按以下要求制作“zc.html”页面上的“填写信息”区域内容

a)在布局表格适当位置，按效果图样张，添加文本“（带*的为必填项）”，按效果图设置文本颜色和对齐方式。

b)参照效果图样张，在布局表格适当位置制作嵌套表格并在表格内制作“提示问题”、“性别”、“电子邮件”表单项。

c)为文本“推荐：QQ邮箱”设置链接“http://mail.qq.com”，为“sogou邮箱”设置链接“http://mail.sogou.com”

e)参照效果图样张，在布局表格的适当位置插入相应表单元素，表单对象的动作属性为“提交”。

（7）将操作结果相关文件全部保存至考生文件夹下1.1.1目录。（关键步骤，如未保存结果，整个题目都不得分）

试题代码：1.3.1

试题名称：制作Flash常规效果

规定用时： 20分钟

1、操作条件

（1）任务背景

“Flower Bar”花艺公司需要制作一份Flash电子相册放在公司网站上，即能展示公司产品，又能丰富网站的动态效果吸引更多的用户。

（2）素材

素材库文件夹“网页设计制作员素材\1.3.1”。音乐素材“1.3.1.1.mp3，图片素材“1.3.1”、“1.3”、“1.3”，flash源文件素材“1.3.1.5.fla”，flash样张“1.3.1.6.swf”。编辑flash源文件“1.3.1.5.fla”，应用音乐和图片素材，参照样张制作flash电子相册

（3）以上素材均在考试机指定的“素材\1.3.1”文件夹内。

2、操作内容

（1）复制flash源文件素材“1.3.1.5.fla”到考生文件夹，打开编辑并设置

（2）添加音乐素材“1.3.1.1.mp3”作为背景音乐

（3）制作“Flower Bar”文本动画效果

（4）添加图片素材“1.3.1”、“1.3”、“1.3”，并制作动画效果

（5）保存flash源文件及导出影片文件

（6）保存flash操作历史纪录

3、操作要求

（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.3.1”子目录将所有操作结果保存至该文件夹下。

（2）复制flash源文件素材“1.3.1.5.fla”到考生文件夹，打开编辑并设置，要求如下：

复制flash源文件素材“1.3.1.5.fla”至指定保存位置，打开进行编辑，将文档大小设置为400像素×300像素，背景颜色为黑色。

（3）添加音乐素材“1.3.1.1.mp3”作为背景音乐，要求如下：

添加新图层，并且将库中的声音文件“1.3.1.1.mp3”添加到场景中，作为背景音乐，将新图层重命名为“背景音乐”，放置到合适位置。

（4）制作“Flower Bar”文本动画效果，要求如下：

添加新图层“Flower Bar”，参照样张，在第15帧到30帧之间制作竖排文本“Flower Bar”淡入的动画效果，文本属性设置为：“Lucida Calligraphy”字体、字体大小为“12”，白色，放置在（17.0, 35.0）的位置。

（5）添加图片素材“1.3.1”、“1.3”、“1.3”，并制作动画效果，要求如下：

a）添加图片素材“1.3.1”、“1.3”、“1.3”。

b）参照样张，使用合理方法实现三个图片淡入、淡出和切换显示的动态效果。

（6）保存源文件及导出影片文件，要求如下：

所有图层帧保留至第120帧，以“1.3.1.fla”保存到指定保存位置下，并导出同名影片文件。（关键步骤，未操作整题无分）

（7）保存操作历史纪录，要求如下：

保存所有的历史记录为命令 “1.3.1”。 （关键步骤，未操作整题无分）

试题代码：1.4.1

试题名称：设计制作网页动态效果

考核时间：20分钟

1、操作条件

（1）无

2、操作内容：

    制作空白网页，实现状态栏文本显示效果和网页加载时弹出窗口提示效果，操作内容如下：

（1）使用Dreamweave新建一个空白网页文件

（2）为新建的空白网页文件添加行为，实现状态栏文本显示效果

（3）为该空白网页添加行为，实现网页加载时弹出窗口提示效果

（4）保存操作结果

3、操作要求

（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.4.1”子目录，将所有操作结果保存至该文件夹下。

（2）使用Dreamweave新建一个空白网页文件，保存到指定考生文件夹，文件名为“1.4.1.html”;

（3）为“1.4.1.html”添加行为，实现状态栏显示“欢迎光临淘淘乐网站，祝您购物愉快”

（4）为“1.4.1.html”添加行为，实现网页加载时弹出提示窗口的动态效果，提示窗口显示文本“欢迎光临淘淘乐网站，祝您购物愉快”；

（5）保存操作结果至考生文件夹（关键步骤，未操作整题无分）

试题代码：1.6.1

试题名称：网页优化下载上传和维护

规定用时： 20分钟

1、操作条件

（1）任务背景

有用户在搜索引擎Google 检索“婚庆”，无法找到“Sweet wedding”网站，只有通过“Sweet Wedding”才能找到。有必要对Sweet Wedding进行一次针对搜索引擎的优化。

（2）素材在考试机指定的“素材\1.6.1”文件夹内。

2、操作内容

（1）对主页“index.html” 及其他网页进行针对搜索引擎的优化；

（2）对主页“index.html”进行链接优化；

3、操作要求

（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.6.1”子目录，将所有操作结果保存至该文件夹下。

（2）将素材库文件夹“1.6.1.1”内的文件复制到考生文件夹相应子目录。

（3）对主页“index.html”进行针对搜索引擎的优化：

a）设置网页默认语言编码为“简体中文”的默认编码

b）规范网页标题为“Sweet Wedding玫瑰婚典”

c）对主页进行关键字优化，关键字为“玫瑰，婚庆，婚典，Sweet Wedding” 

d）清除主页中不属于Dreamweaver的HTML注解

（4）对主页“index.html”进行链接优化

a）查看本地站点的未链接的网页；

b）对链接进行修正，将未链接的网页链接在首页的注册链接上

试题代码：1.7.1

试题名称：制作网站主要页面

规定用时： 60分钟

1、操作条件

（1）素材

a）“Sweet Wedding”婚庆网站主页效果图 “1.7.1.1.bmp”

b）切片要求“1.7.1.2”

c）Flash动画效果“1.7.1.3.swf”

（2）以上素材均在考试机指定的“素材\2.1.1”文件夹内。

2、操作内容

    参照样张1.7.1.1.bmp，并根据要求制作“Sweet Wedding”婚庆网站主要页面，具体内容如下：

（1）使用Dreamweaver网页制作工具新建“Sweet Wedding”站点；

（2）对网站主页效果图1.7.1进行切片处理，并以网页形式导出；

（3）在“Sweet Wedding”站点内制作二级功能模块页面；

（4）完成网站主页的链接设置；

（5）制作“论坛”模块主页面的网页框架。

3、操作要求

（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.7.1”子目录，将所有操作结果保存至该文件夹下。

（2）使用Dreamweaver网页制作工具在考生文件夹建立“Sweet Wedding”站点，具体要求如下：

a）使用Dreamweaver网页制作工具，在考生文件夹下创建“SweetWedding1.7.1”站点；

b）在站点文件夹中，创建图象文件夹 “images”；

（3）按照切片要求1.7.1要求对网站主页效果图进行切片处理，并以网页形式导出结果：

a）将结果作为站点“SweetWedding1.7.1”的主页面至站点文件夹；

b）生成的图片格式为gif，图片文件按照“index_序号”命名，保存“SweetWedding1.7.1”站点文件夹的 “images”目录下；

（4）    利用Dreamweaver在站点内制作二级功能模块页面的空白html文件，并在网页中添加相应文本，要求如下：

a）comintro.html，添加文本“公司介绍”，添加首页链接

b）wedserv.html，添加文本“婚庆服务”，添加首页链接

c）wedbook.html，添加文本“结婚手册”，添加首页链接

（5）根据操作要求修改完成的网站首页文件，完成首页的若干链接设置，具体要求如下：

a）设置热区链接，公司介绍：comintro.html，在当前页打开页面

b）设置热区链接，婚庆服务：wedserv.html，在新窗口中打开

c）设置热区链接，结婚手册：wedbook.html，在新窗口中打开

d）为“首页”建立图片链接，链接地址为：“#” 

e）为“登录”建立图片链接，链接地址为：“#”

f）为“注册”建立图片链接，链接地址为：“#”

g）为“联系我们”设置图片链接，的链接方式是邮件链接，邮件地址为：sweetwedding@sweetwedding.com； 

（6）根据操作要求选择使用框架网页方式，制作“论坛”模块主页面的网页框架，具体要求如下：

a）文件名为“bbs.html”，保存至站点文件夹

b）采用T型框架，页面大小为780像素×428像素，；

c）顶端页面高度120像素，框架名称top，文件名为“bbs_top.html”，添加文本“bbs_top”；

d）左侧页面宽度150像素，框架名称left，文件名为“bbs_left.html”，添加文本“bbs_left”；

e）右侧页面宽度采用相对设置，框架名称main，文件名为“bbs_main.html”，添加文本“bbs_main”，并在页面中添加素材1.7.1.3.swf。

f）在top框架网页上增加首页链接，链接到首页，目标为main框架。