网页设计制作员中级练习卷1（新）

国 家 职 业 资 格 鉴 定

《网页设计制作员》（中级/四级）练习卷1

注意事项：

1、在R盘新建一个考生文件夹，其文件夹名为：机号+网页设计制作员+考生准考证号最 后五位（例：01网页设计制作员90001），考生所做的结果必须保存在该考生文件夹内。 建立的站点根文件夹必须是考生文件夹下的一级目录。考试过程中应注意经常保存文件。 2、考试所需素材在S盘：\\网页设计制作人员素材文件夹内。 3、答题以试题文字要求为准，样张仅供参考。 4、试卷不得带走，否则考试成绩做无效处理。

一、制作Gif动画：共20分。（题库1.2.2试题单）

1、操作内容 ：

参照样张“2.2.2.1.gif”，使用素材“2.2.2.2.jpg”，制作网站logo （1）按要求，新建Fireworks文档； （2）参照样张，制作柔化背景效果； （3）参照样张，添加“S”型的LOGO文本； （4）按要求，保存操作路径及文件。

2、操作要求

（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.2.2”子目录，将所有操作结果保存至该文件夹下。（考生文件夹命名：“网页设计制作员4级_考生准考证号_姓名”） （2）使用LOGO标准尺寸中的最小尺寸，新建Fireworks文档；

（3）参照样张“2.2.2.1.gif”，按要求制作背景效果：

a. 使用“2.2.2.2.jpg”图片做为背景，大小调整为与Fireworks文档大小相同。 b. 参照样张，利用蒙版制作背景效果。

（4）参照样张“2.2.2.1.gif”，并按要求添加LOGO文本

a. 参照样张，添加文本“Sweet Wedding”； b. 参照样张，利用钢笔工具绘制路径； c. 文本按路径效果变形 d. 为文本添加投影

（5）按要求，保存（重要，该操作不正确，前面均不得分）

a. 保存所有的历史记录为命令 “1.2.2”。

b. c. 保存fireworks文件为“1.2.2.png”至考生文件夹下。

将动画文件以“1.2.2.gif”为文件名保存至考生文件夹下。

二、Flash动画制作：共20分（题库1.3.2）

1、操作内容：

参照样张制作flash动画效果，操作内容如下：

（1）新建Flash文档，并将玉器图片素材导入新建的flash文档 （2）按照要求制作按钮元件 （3）按照要求摆放按钮元件

（4）按照要求复制按钮元件并移动

（5）按照要求创建补间动画，实现图片循环滚动

（6）按照要求保存源文件，导出影片文件，并保存操作的历史记录

2、操作要求

（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.3.2”子目录，将所有操作结果保存至该文件夹下。（考生文件夹命名：“网页设计制作员4级_考生准考证号_姓名”）

（2）新建Flash文档大小为600像素×96像素，白色背景，将玉器图片素材“1.3.2.1.jpg”、“1.3.3.2.jpg”、“1.3.2.3.jpg”、“1.3.2.4.jpg”、“1.3.2.5.jpg”导入到库中

（3）依次制作名为“1.3.2.1按钮”~“1.3.2.5按钮”的按钮元件，当鼠标移动至图片区域依次出现说明文本“玉佩”、“玉镯”、“玉镯”、“指环”、“玉佩”；文本属性均为：隶书、30、深绿色（#003300），位置均为（18.0，18.0）。

（4）在场景1的舞台中，按名称顺序排列按钮元件，所有元件垂直与舞台中心对齐，水平相对于舞台居中分布。

（5）复制舞台中的5个按钮元件，将复制的元件共同移动至舞台适当的位置（提示：该位置可由文档大小，图片大小计算而得）。

（6）创建补间动画，使10张图片在第90帧时，移动至舞台相应位置，使得影片播放时，图片循环滚动。

（7）将源文件以“1.3.2.fla” 可播放动画文件以“1.3.2.swf”为文件名保存至考生文件夹下，并保存所有的历史记录为命令“1.3.2”。 （关键步骤，未操作整题不得分）

三、设计制作网页动态效果：共20分。（题库1.4.2试题单）

1.依照要求，制作网页动态效果，操作内容如下： （1）使用Dreamweaver新建一个空白网页文件

（2）为新建的空白网页文件添加行为，实现状态栏文本显示效果 （3）为该空白网页添加行为，实现网页加载时打开浏览器窗口效果 （4）保存操作结果 2、操作要求

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

果保存至该文件夹下。（文件夹命名：“网页设计制作员4级_考生准考证号_姓名”） （2）使用Dreamweave新建一个空白网页文件，保存到指定考生文件夹，文件名为“1.4.2.html”;

（3）为“1.4.2.html”添加行为，实现状态栏显示“欢迎光临淘淘乐网站，祝您购物愉快” （4）为“1.4.2.html”添加行为，实现网页加载时打开浏览器窗口效果，具体要求如下：

a)设置新浏览器窗口的链接地址为“http://www.sina.com.cn”； b)窗口宽度600，高度400；

c)窗口需要有菜单条和滚动条，不需要显示状态栏、导航工具栏和地址工具栏 d)窗口名称为“新浪门户”

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

四、制作网页主要页面：第（1）题5分，第（2）题10分，第（3）题6分，第（4）题13分，第（5）题6分，共40分。（题库2.1.2试题单）

1、操作内容

参照样张2.1.2.1.bmp，并根据要求制作“凝玉轩”网站主要页面，具体内容如下： （1）使用Dreamweaver网页制作工具建立“凝玉轩”站点；

（2）根据操作要求使用Photoshop图像设计工具对网站首页切片素材2.1.2.2.bmp进行切片处理，并导出网站首页； （3）根据操作要求利用Dreamweaver在站点内制作二级功能模块页面的空白html文件，并在网页中添加相应文本；

（4）根据操作要求修改素材库文件夹“2.1.2.4”内的网站首页文件，完成首页的若干链接设置；

（5）根据操作要求选择使用框架网页方式，制作“访客留言”模块主页面的网页框架。

2、操作要求

（1）考生务必在指定位置建立考生文件夹，并在其下建立“2.1.2”子目录，将所有操作结果保存至该文件夹下。（考生文件夹命名：“网页设计制作员4级_考生准考证号_姓名”） （2） 使用Dreamweaver网页制作工具在考生文件夹 建立“凝玉轩”站点，具体要求如下：

a）使用Dreamweaver网页制作工具，在考生文件夹下创建“NingYuXuan2.2”站点； b）在站点文件夹中，创建图象文件夹 “images”；

（3） 使用Photoshop图像设计工具对网站首页切片素材2.1.2.2.bmp进行切片处理，，并导出网站首页，具体要求：

a)按照网站首页切片要求2.1.2.3.bmp

b)网页文件命名为index.html，保存到创建的“凝玉轩”站点文件夹；

c)图片文件按照“index_编号.jpg”命名，保存到“凝玉轩”站点的“images”目录；

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

a）show.html，添加相应文本“饰品展示”，在页面上引用素材2.1.2.4.swf； b）owner.html，添加相应文本“店铺主人”，添加返回首页链接，添加关闭窗口按钮，并实现链接及按钮功能；

c）knows.html，添加相应文本“玉饰知识”，添加返回首页链接，并实现链接及按钮功能；

d）文件保存在站点文件夹根目录；

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

a）将图片素材库文件夹“2.1.2.4”内的网站首页按钮图片文件复制到站点文件夹： b）建立“首页”的图片链接，链接至“#”形式为替换本页打开方式。 c）建立“饰品展示”的图片链接，链接至“show.html”，在新窗口中打开。 d）建立“店铺主人”的图片链接，链接至“owner.html”，在新窗口中打开。 e）建立“玉饰知识”的图片链接，链接至“knows.html”，在新窗口中打开。 f）建立“客户留言”的图片链接，链接至“message.html”，在新窗口中打开。 g）建立“联系我们”设置图片链接，的链接方式是邮件链接，邮件地址为：“ningyuxuan@ ningyuxuan.com”；

h）建立最新小常识右侧的“more”设置热区链接，链接至“#”；

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

a）文件名为“message.html”，保存到网站文件夹根目录； b）采用T型框架，页面大小为780像素×428像素；

c）顶端页面高度120像素，框架名称top，文件名为“message_top.html”，添加文本“message _top”，文件保存到网站文件夹根目录；

d）左侧页面宽度150像素，框架名称left，文件名为“message _left.html”，添加文本“message _left” ，保存到网站文件夹根目录；

e）右侧页面宽度578像素，框架名称main，文件名为“message _main.html”，添加文本“message _main” ，保存到网站文件夹根目录。

f）在top框架的页面中添加“返回首页”链接，目标框架“main”，链接指向网站首页。

本文来源：https://www.bwwdw.com/article/5igf.html