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”,链接指向网站首页。
自考网页设计与制作试卷及答案(一) 第I部分选择题 一、单项选择题(本大题共25小题,每小题l分,共25分)在每小题列出的四个备选项中只有一个是符合题目要求的,请将其代码填写在题后的括号内。错选、多选或未选均无分。 1.TCP协议对应于OSl七层协议的哪一层 ( ) A.会话层 B.网络层 C.传输层 D.数据链路层 2.主机域名www.sina.corn.cn由四个子域组成,其中代表国别代码的子域是 ( ) A.www B.sina C.com D.cn 3.HTML是一种 ( ) A.程序设计语言 B.执行语言 C.编译语言 D.页面描述语言4.当进行页面布局的时候能够使用的方法有 ( ) A.页面布局法 B.实时布局法 C.软件布局法 D.抽象布局法5.下列不是图像处理软件的是 ( ) A.Photoshop B.Fireworks C.Word D.PhotoImpact 6.”&;"代表的符号是 ( ) A.< B.> C.& D." 7.符号清单前的符号由标记属性type来控制,当type取值为DISC时,表示符号为 ( ) A.实心圆点 B.空心圆点 C.实心方块 D.空心方块8.HTML中表示表格标题的标记为 ( ) A.%table> B.