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

2010年虹口区职业技能竞赛

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

注意事项：

1、在D盘新建一个考生文件夹，其文件夹名为：网页设计制作员4级_考生准考证号_姓名，考生所做的结果必须保存在该考生文件夹内。考试过程中应注意经常保存文件。 2、考试所需素材在C盘：\\网页设计制作员素材文件夹内。 3、答题以试题文字要求为准，样张仅供参考。 4、试卷不得带走，否则考试成绩做无效处理。

试题代码：1.1.4

试题名称：设计制作网页内容文字和图表效果 规定用时： 30分钟 1、操作条件

（1）素材

a）“留言板”页面效果图样张“1.1.4.1.bmp” b）未全部完成的留言板网页素材库文件夹“1.1.4.2” （2）以上素材均在考试机指定的“素材库\\1.1.4”文件夹内。

2、操作内容

利用素材库文件夹“1.1.4.2”内的网页文件，参照样张“1.1.4.1.bmp”，完成页面的制作，具体操作内容如下：

（1）使用Dreamweaver创建“莘莘学子”站点，并导入素材库文件夹“1.1.4.2”内容； （2）编辑导入素材库文件内的 “css.css”中的body类，修改body属性；

（3）参照效果图样张1.1.4.1.bmp，在留言板区域内相应单元格内插入留言板顶部居中对齐的div标签；

（4）参照效果图样张1.1.4.1.bmp，在留言板区域内相应单元格内插入留言板留言信息居中对齐的div标签。

3、操作要求

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

（2）使用Dreamweaver创建“莘莘学子”站点，并导入素材库文件夹“1.1.4.2”内容，具

体要求如下：

a）使用Dreamweaver在考生文件夹创建“Xinxin1.1.4”站点文件夹

b）复制素材库文件夹“1.1.4.2”内的网页html文件及图片文件夹至“Xinxin1.1.4”站点文件夹目录；

（3）编辑导入素材库文件内的 “css.css”中的body类，修改body属性，具体要求如下： a）设置文本属性为：宋体、12像素、1.3倍行高、深灰色（#666666）；

（4）参照效果图样张1.1.4.1.bmp，在留言板区域内相应单元格内插入留言板顶部居中对齐的div标签，具体要求如下:

a）参照效果图样张，在留言板区域内，在相应单元格内插入一个id为“message_top”，居中对齐的div标签，

b）在“message_top”内添加文本“请在此留意”

c）为div标签“message_top”，在css.css内为“message_top” div标签设置css类。文本属性为：宋体，14像素，加粗，黑色，1.5倍行高；背景颜色为：#C8EA9D；边框样式参照样张，边框颜色为：#006600，边框粗细为1像素。

（5）参照效果图样张1.1.4.1.bmp，在留言板区域内相应单元格内插入留言板留言信息居中对齐的div标签，具体要求如下:

a）参照效果图样张，在留言板区域内，在相应单元格内插入一个id为“message_main”，居中对齐的div标签

b）插入一个类型为“文本”，id和名称均为“name”的文本字段，标签文字为“您的姓名：”；Tab索引键为1；文本域字符宽度为10。

c）插入一个id和名称均为“sex”的列表/菜单，标签文字为“性别：”；Tab索引键为2；列表项为：男、女。

d）插入一个类型为“文本”，id和名称均为“age”的文本字段，标签文字为“年龄：”；Tab索引键为3；文本域字符宽度为10。

e）插入一个id和名称均为“content”的文本区域，标签文字为“内容：”；Tab索引键为4；字符宽度为40，行数5。

f）插入一个id和名称均为“ok”的按钮，按钮文本为“提交内容：”；Tab索引键为5，动作为提交表单。

g）为div标签“message_main”，在css.css内为“message_main”div标签设置css类。文本属性为：宋体，12像素，黑色，1.5倍行高；背景颜色为：#EFF9E3；边框样式参照样张，边框颜色为：#006600，边框粗细为1像素。

试题代码：1.2.4 试题名称：制作Gif动画 规定用时： 20分钟 1、操作条件

（1）素材

Fireworks制作的文字动画样张“1.2.4.1.gif”

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

2、操作内容

参照样张，制作gif动画 （1）使用fireworks新建动画文档；

（2）参照动画样张“1.2.4.1.gif”在动画文档中添加文本，并做调整； （3）通过重置帧对话框设置动画帧数量和属性； （4）参照动画样张“1.2.4.1.gif”完成动画效果制作； （5）保存操作结果和操作的历史记录。

3、操作要求

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

（2）使用fireworks新建动画文档，具体要求如下：

a)大小为“40像素×80像素” b)背景颜色为白色

（3）参照动画样张“1.2.4.1.gif”在动画文档中添加文本，并做调整，具体要求如下：

a)参照样张“1.2.4.1.gif”字体输入文字”1”用红色填充； b)参照样张设置文字的字体、像素大小等样式

（4）通过重置帧对话框设置动画帧数量和属性，具体要求如下：

a) 设置重置帧数量为9； b) 设置新帧在当前帧之后插入；

（5）参照动画样张“1.2.4.1.gif”完成动画效果制作，具体要求如下：

a)选择每一帧，并修改画布中的相应数字为（0－9） b)参照样张“1.2.4.1.gif”调节帧的播放速度 c)设置Gif动画循环为“永久”

（6）保存操作结果和操作的历史记录（关键步骤，未操作整题无分）

a)导出效果至考生文件夹，文件名“1.2.4.gif”，图片色彩选择128色，并保存

fireworks文件为“1.2.4.png”

b)保存所有的历史记录为命令“1.2.4”。

试题代码：1.4.4

试题名称：设计制作网页动态效果 考核时间：20分钟 1、操作条件

（1）素材

Flash文件“1.4.4.1.swf”

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

2、操作内容

依照要求，利用素材完成动态效果制作，操作内容如下：

（1）使用Dreamweaver新建空白网页，添加素材“1.4.4.1.swf”； （2）在新建网页内增加“播放”“停止”“重放”文字链接；

（3）使用Dreamweaver行为分别实现“播放”“停止”“重放”文字链接对“1.4.4.1.swf”的控制操作； （4）保存操作结果

3、操作要求

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

（2）使用Dreamweaver新建空白网页，添加素材“1.4.4.1.swf”，具体要求如下：

a)在空白网页内制作表格，单列两行，表格边框不显示； b)将素材“1.4.4.1.swf”加载到第一行。

（3）在新建网页内增加“播放”“停止”“重放”文字链接，具体要求如下：

a)设置表格第二行单元格属性右对齐

b)在第二行嵌套增加一个单行三列的表格，边框不显示， c)三个文字链接添加分别加在嵌套表格的不同单元格； d)链接均设置为空

（4）使用Dreamweaver行为分别实现“播放”“停止”“重放”文字链接对“1.4.4.1.swf”的控制操作，具体要求如下：

a)播放链接控制“1.4.4.1.swf”开始播放

b)停止链接可以停止“1.4.4.1.swf”的播放 c)重放链接可以让“1.4.4.1.swf”重新开始播放

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

试题代码：1.6.4

试题名称：网页优化下载上传和维护 规定用时： 20分钟 1、操作条件

（1）任务背景

有用户在搜索引擎Google 检索“莘莘学子”，无法找到这个网站，只有通过关键字“莘莘”“学子”才能找到该网站。有必要对“莘莘学子”网站进行一次针对搜索引擎的优化。 （2）素材在考试机指定的“素材\\1.6.4”文件夹内。

2、操作内容

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

3、操作要求

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

（2）将素材库文件夹“1.6.5.1”内的文件复制到考生文件夹相应子目录。 （3）对主页“index.html”及其他网页进行针对搜索引擎的优化：

a）设置网页默认语言编码为“UTF8”的正确编码 b）规范网页标题为“莘莘学子”

c）对主页进行关键字优化，关键字为“莘莘，学子，小学，莘莘学子” d）清除主页中不属于Dreamweaver的HTML注解 （4）对主页“index.html”进行链接优化

a）找到本地站点的主页“index.html”未添加链接的图片按钮；

b）对链接进行修正，将未添加链接的按钮均添加目标为bbs.html的链接

试题代码：1.7.4

试题名称：制作网站主要页面 规定用时： 60分钟 1、操作条件

（1）素材

a）网站首页效果图样张“1.7.4.1.bmp” b）网站首页切片素材“1.7.4.2.bmp” c）网站首页切片要求“1.7.4.3.bmp” d）素材“1.7.4.4.swf”

e）图片素材位于素材库文件夹“1.7.4.4”

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

2、操作内容

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

（2）根据操作要求使用Photoshop图像设计工具对网站首页切片素材1.7.4.2.bmp进行切片处理，并导出网站首页；

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

（4）根据操作要求使用素材库文件夹“1.7.4.4”内的图片文件，制作完成首页的若干链接设置；

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

3、操作要求

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

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

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

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

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

b)网页文件命名为index2.html，保存到创建的“莘莘学子”站点文件夹；

c)图片文件按照“index_编号.jpg”命名，保存到“莘莘学子”站点的“images”目录； （4） 利用Dreamweaver在站点内制作二级功能模块页面的空白html文件，并在网页中添加相应文本，要求如下：

a）concept.html，添加相应文本“简介”，采用素材“1.7.4.4.swf”作为导航栏； b）history.html，添加相应文本“学校历史”，添加“首页”和“关闭窗口”的文字链接，并实现相应功能；

c）story.html，添加相应文本“学校故事”，添加“首页”和“关闭窗口”的文字链接，并实现相应功能；

d）education.html，添加相应文本“教育教学”，添加“首页”和“关闭窗口”的文字链接，并实现相应功能；

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

（5）根据操作要求使用素材库文件夹“1.7.4.4”内的图片文件，制作完成首页的若干链接设置，具体要求如下：

a）将图片素材库文件夹“1.7.4.4”内的图片文件复制到站点文件夹：

b）建立“简介”的图片链接，链接至“concept.html”形式为替换本页打开方式。 c）建立“学校历史”的图片链接，链接至“history.html”，在新窗口中打开。 d）建立“学校故事”的图片链接，链接至“story.html”，在新窗口中打开。 e）建立“教育教学”的图片链接，链接至“education.html”，在新窗口中打开。 g）建立“联系我们”设置图片链接，的链接方式是邮件链接，邮件地址为：“shenshen@shenshen.com”；

h）为左上角的logo图片设置热区链接，链接至“#”；

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

a）文件名为“bbs.html”，保存到网站文件夹根目录；

b）采用左侧固定，上方嵌套型框架；，页面大小为780像素×428像素；

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

d）右侧上方页面高度100像素，框架名称top，文件名为“bbs_top.html”，添加文本“bbs_top” ，保存到网站文件夹根目录；

e）右侧下方页面宽度采用相对设置，框架名称main，文件名为“bbs _main.html”，添加文本“bbs_main”，保存到网站文件夹根目录。

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

本文来源：https://www.bwwdw.com/article/4d5a.html