网页设计制作员操作试题卷

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) 用菜单命令来扩展路径，设置宽度为1d) 设置描边值为空，填充类型为线性渐变，渐变颜色共有四个颜色，分别是红、蓝、蓝、黄，其中红和蓝颜色标记叠放在一起，蓝和黄颜色标记叠放在一起。

并设置渐变方向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.bmpb)网页文件命名为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）建立“关于幼儿园”的图片链接，链接至“#”形式为替换本页打开方式。