2010年虹口区职业技能竞赛
网页设计制作员（四级）操作技能试题卷（B）
注意事项：
1、在D盘新建一个考生文件夹，其文件夹名为：网页设计制作员4级_考生准考证号_姓名，考生所做的结果必须保存在该考生文件夹内。考试过程中应注意经常保存文件。
2、考试所需素材在C盘：\网页设计制作员素材文件夹内。
3、答题以试题文字要求为准，样张仅供参考。
4、试卷不得带走，否则考试成绩做无效处理。
试题代码：1.1.5
试题名称：设计制作网页内容文字和图表效果
规定用时： 30分钟
1、操作条件
（1）素材
a）网页素材文件夹“1.1.5.2”
（2）以上素材均在考试机指定的“素材库\1.1.5”文件夹内。
2、操作内容
利用素材库文件夹“网页设计制作员素材\1.1.5”内的未全部完成的网站首页素材库文件夹“1.1.5.2”，参照“翠海幼儿园”网站首页效果图样张“1.1.5.1.bmp”，完成页面的制作，具体操作内容如下：
（1）使用Dreamweaver创建“翠海幼儿园”站点，并导入素材库文件夹“1.1.5.2”内容；（2）编辑“index.html”文件，定义一个仅对文档内部起效名为“myfont”的CSS类；（3）参照效果图样张1.1.5.1.bmp中“登录区域”，制作网页。
3、操作要求
（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.1.5”子目录，将所有操作结果保存至该文件夹下。
（2）使用Dreamweaver创建“翠海幼儿园”站点，并导入素材库文件夹“1.1.5.2”内容容，具体要求如下：
a）使用Dreamweaver在指定保存位置创建“Cuihai1.1.5”站点文件夹
b）复制素材库文件夹“1.1.5.2”内的网页html文件及图片文件夹至“Cuihai1.1.5”站
点文件夹目录；
（3）编辑“index.html”文件，定义一个仅对文档内部起效名为“myfont”的CSS类，具体要求如下：
a）设置文本属性为：宋体、12像素、1.3倍行高、深灰色（#919191）；
b）编辑index.html,设置“幼儿园简介”中的文本应用该类
（4）参照效果图样张1.1.5.1.bmp中“登录区域”，制作网页，具体要求如下:
a）号单元格内插入一个id为“div_name”，居中对齐的div标签。
b）在“div_name”内插入一个类型为“文本”，id和名称均为“name”的文本字段，标签文字为“帐号：”；Tab索引键为1；文本域字符宽度为8。
c）帐号单元格内插入一个id为“div_pass”，居中对齐的div标签。
d）在“div_pass”内插入一个类型为“密码”，id和名称均为“password”的文本字段，标签文字为“密码：”；Tab索引键为2；文本域字符宽度为8。
e）在style.css中为“div_name”标签和“div_pass”标签，共同建立一个css类，设置文本颜色为灰色“#919191”。
f）在登录按钮单元格内插入一个id和名称均为“login”的图像域，使用素材库文件夹中图片“images/119.gif”
试题代码：1.2.5
试题名称：制作Gif动画
规定用时： 20分钟
1、操作条件
（1）素材
加载动画样张“1.2.5.1.gif”
（2）以上素材均在考试机指定的“素材\1.2.5”文件夹内。
2、操作内容
参照素材库文件夹“网页设计制作员素材\1.2.5”文件夹内的Fireworks制作的文字动画样张“1.2.5.1.gif”制作gif动画，操作内容如下：
（1）使用fireworks新建动画文档；
（2）参照动画样张“1.2.5.1.gif”在画布中间位置绘制一椭圆形，设置并转换为符号；（3）克隆椭圆符号并旋转180度；
（4）使用命令菜单进行插帧操作，并进行对象组合；
（5）参照样张“1.2.5.1.gif”完成动画制作；
（6）保存操作结果和操作的历史记录。
3、操作要求
（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.2.5”子目录，将所有操作结果保存至该文件夹下。
（2）使用fireworks新建动画文档，具体要求如下：
a)大小为“200像素×200像素”
b)背景颜色为白色
（3）参照动画样张“1.2.5.1.gif”在画布中间位置绘制一椭圆形，设置并转换为符号，具体要求如下：
a) 在画布中间位置绘制一椭圆形，椭圆形的尺寸30*180；
b) 描边颜色为红色，填充颜色为空
c) 用菜单命令来扩展路径，设置宽度为1
d) 设置描边值为空，填充类型为线性渐变，渐变颜色共有四个颜色，分别是红、
蓝、蓝、黄，其中红和蓝颜色标记叠放在一起，蓝和黄颜色标记叠放在一起。并设置渐变方向
e）将改椭圆型转换为符号，类型为图像
（4）克隆椭圆符号并旋转180度，具体要求如下：
a) 克隆当前的符号对象；
b) 将克隆的符号对象设置为旋转180度；
（5）使用命令菜单进行插帧操作，并进行对象组合，具体要求如下：
a) 全选这二个对象，使用菜单命令进行插帧操作
b) 设置Steps值为25，不要发布到帧
b) 将画布中所有对象合成为组对象
（6）参照样张“1.2.5.1.gif”完成动画制作，具体要求如下：
a) 设置符号类型为动画，帧数为11，旋转角度为360度
b) 删除多于的第11帧
c) 参照样张“1.2.5.1.gif”，调整动画播放速度
（7）保存操作结果和操作的历史记录（关键步骤，未操作整题无分）
a)保存fireworks文件为“1.2.5.png”至指定保存位置，并导出效果至指定保存
位置文件名“1.2.5.gif”，图片色彩选择128色
b)保存所有的历史记录为命令“1.2.5”。
试题代码：1.4.5
试题名称：设计制作网页动态效果
规定用时： 20分钟
1、操作条件
（1）利用素材Flash文件“1.4.5.1.swf”依照要求，完成动态效果制作.
（2）以上素材均在考试机指定的“素材库\1.4.5”文件夹内。
2、操作内容
（1）使用Dreamweaver新建空白网页，添加素材“1.4.5.1.swf”；
（2）在新建网页内增加“检查插件”文字链接；
（3）使用Dreamweaver行为分别实现“检查插件”功能；
（4）保存操作结果
3、操作要求
（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.4.5”子目录，将所有操作结果保存至该文件夹下。
（2）使用Dreamweaver新建空白网页，添加素材“1.4.5.1.swf”，具体要求如下：
a)在空白网页内制作表格，单列两行，表格边框不显示；
b)将素材“1.4.5.1.swf”加载到第二行。
（3）在新建网页内增加“检查插件”文字链接，具体要求如下：
a)设置表格第一行单元格属性居中对齐
c)文字链接添加在第一行；
d)链接设置为空
（4）使用Dreamweaver行为分别实现“检查插件”功能，具体要求如下：
a)创建两个空白网页，right.html和error.html,并分别添加文本“您的系统支持flash 插件”和“对不起，您还没有安装flash插件”
b)点击“检查插件”检查浏览器是否安装了flash的插件；
c)如安装则跳转到right.hml，如没有安装则跳转到error.html
（5）保存操作结果至考生文件夹内的1.4.5目录（关键步骤，未保存整题无分）
试题代码：1.6.5
试题名称：网页优化下载上传和维护
规定用时： 20分钟
（1）任务背景
有用户在搜索引擎Google 检索“翠海”，无法找到“翠海幼儿园”网站，只有通过关键字“翠海幼儿园”才能找到该网站。有必要对“翠海幼儿园”网站进行一次针对搜索引擎的优化。
（2）素材在考试机指定的“素材\1.6.5”文件夹内。
2、操作内容
（1）对主页“index.html”及其他网页进行针对搜索引擎的优化；
（2）对主页“index.html”进行链接优化；
3、操作要求
（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.6.5”子目录，将所有操作结果保存至该文件夹下。
（2）将素材库文件夹“1.6.5.1”内的文件复制到考生文件夹相应子目录。
（3）对主页“index.html”及其他页面进行针对搜索引擎的优化：
a）设置主页默认语言编码为“中文繁体”的正确编码
b）规范网页标题为“翠海幼儿园”
c）对主页进行关键字优化，关键字为“翠海，幼儿园，托儿所，翠海幼儿园”
d）清除主页中不属于Dreamweaver的HTML注解
（4）对主页“index.html”进行链接优化
a）找到本地站点的主页“index.html”未添加链接的图片按钮；
b）对链接进行修正，将未添加链接的按钮均添加目标为bbs.html的链接
试题代码：1.7.5
试题名称：制作网站主要页面
规定用时： 60分钟
1、操作条件
（1）素材
a）翠海幼儿园网站主页效果图“1.7.5.1.bmp”
b）切片要求“1.7.5.3.bmp”
c）Flash动画效果“1.7.5.4.swf”
（2）以上素材均在考试机指定的“素材\1.7.5”文件夹内。
利用素材库文件夹“网页设计制作员素材\1.7.5”文件夹。网站首页效果图样张“1.7.5.1.bmp”，网站首页切片素材“1.7.5.2.bmp”，网站首页切片要求“1.7.5.3.bmp”，素材“1.7.5.4.swf”，图片素材位于素材库文件夹“1.7.5.4”。参照样张，并根据要求制作“翠海幼儿园”网站主要页面，具体内容如下：
（1）使用Dreamweaver网页制作工具建立“翠海幼儿园”站点；
（2）根据操作要求使用Photoshop图像设计工具对网站首页切片素材1.7.5.2.bmp进行切片处理，并导出网站首页；
（3）根据操作要求利用Dreamweaver在站点内制作二级功能模块页面的空白html文件，并在网页中添加相应文本；
（4）根据操作要求使用素材库文件夹“1.7.5.4”内的图片文件，制作完成首页的若干链接设置；
（5）根据操作要求选择使用框架网页方式，制作“访客留言”模块主页面的网页框架。
3、操作要求
（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.7.5”子目录，将所有操作结果保存至该文件夹下。
（2）使用Dreamweaver网页制作工具在考生文件夹建立“翠海幼儿园”站点，具体要求如下：
a）使用Dreamweaver网页制作工具，在指定保存位置下创建“Cuihai1.7.5”站点；
b）在站点文件夹中，创建图象文件夹“images”；
（3）使用Photoshop图像设计工具对网站首页切片素材1.7.5.2.bmp进行切片处理，，并导出网站首页，具体要求：
a)按照网站首页切片要求1.7.5.3.bmp
b)网页文件命名为index2.html，保存到创建的“翠海幼儿园”站点文件夹；
c)图片文件按照“index_编号.jpg”命名，保存到“翠海幼儿园”站点的“images”目录；
（4）利用Dreamweaver在站点内制作二级功能模块页面的空白html文件，并在网页中添加相应文本，要求如下：
a）about.html，添加相应文本“关于幼儿园”，添加“1.7.5.4.swf”导航条；
b）education.html，添加相应文本“教育教学”，添加“主页”链接返回主页；
c）recruit.html，添加相应文本“招生信息”，添加“主页”链接返回主页；
e）文件保存在站点文件夹根目录；
（5）根据操作要求使用素材库文件夹“1.7.5.4”内的图片文件，制作完成首页的若干链接设置，具体要求如下：
a）将图片素材库文件夹“1.7.5.4”内的图片文件复制到站点文件夹：
b）建立“关于幼儿园”的图片链接，链接至“#”形式为替换本页打开方式。
c）建立“教育教学”的图片链接，链接至“education.html”，在新窗口中打开。
d）建立“招生信息”的图片链接，链接至“recruit.html”，在新窗口中打开。
g）建立“联系我们”设置图片链接，的链接方式是邮件链接，邮件地址为：“cuihai@cuihaicom”；
h）为左上角的logo图片设置热区链接，链接至“#”；
（6）根据操作要求选择使用框架网页方式，制作“访客留言”模块主页面的网页框架，具体要求如下：
a）文件名为“message.html”，保存到网站文件夹根目录；
b）采用左侧固定，上方嵌套型框架；，页面大小为780像素×428像素；
c）左侧页面宽度度150像素，框架名称left，文件名为“message_left.html”，添加文本“message _left”，保存到网站文件夹根目录；
d）右侧上方页面高度100像素，框架名称top，文件名为“message _top.html”，添加文本“message _top”，保存到网站文件夹根目录；
e）右侧下方页面宽度采用相对设置，框架名称main，文件名为“message _main.html”，添加文本“message_main”，保存到网站文件夹根目录。
f）在left框架的页面中添加“返回首页”链接，目标框架“main”，链接指向网站首页。
