国家职业资格鉴定
《网页设计制作员》(中级/四级)试卷
注意事项:
1、在R盘新建一个考生文件夹,其文件夹名为:机号+网页设计制作员+考生准考证号最
后五位(例:01网页设计制作员90001),考生所做的结果必须保存在该考生文件夹内。
考试过程中应注意经常保存文件。
2、考试所需素材在S盘:\网页设计制作员素材文件夹内。
3、答题以试题文字要求为准,样张仅供参考。
4、试卷不得带走,否则考试成绩做无效处理。
一、设计制作网页内容文字和图表效果:共20分。(题库1.1.4试题单)
1、利用素材库文件夹“网页设计制作员素材\1.1.4”内的“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.3.1.bmp,在留言板区域内相应单元格内插入留言板留言信息居中对齐的div标签。
2、操作要求
(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像素。
二、制作Gif动画:共15分。(题库1.2.4试题单)
1、参照素材库文件夹“网页设计制作员素材\1.2.4”文件夹内的Fireworks制作的文字动画样张“1.2.4.1.gif”制作gif动画,操作内容如下:
(1)使用fireworks新建动画文档;
(2)参照动画样张“1.2.4.1.gif”在动画文档中添加文本,并做调整;
(3)通过重置帧对话框设置动画帧数量和属性;
(4)参照动画样张“1.2.4.1.gif”完成动画效果制作;
(5)保存操作结果和操作的历史记录。
2、操作要求
(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”。
三、设计制作网页动态效果:共15分。(题库1.4.4试题单)
1、利用素材库文件夹“网页设计制作员素材\1.4.4”内Flash文件“1.4.4.1.swf”依照要求,完成动态效果制作,操作内容如下:
(1)使用Dreamweaver新建空白网页,添加素材“1.4.4.1.swf”;
(2)在新建网页内增加“播放”“停止”“重放”文字链接;
(3)使用Dreamweaver行为分别实现“播放”“停止”“重放”文字链接对“1.4.4.1.swf”的控制操作;
(4)保存操作结果
2、操作要求
(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目录(关键步骤,未保存整题无分)
四、网页优化及管理维护:共10分。(题库1.6.4试题单)
1.有用户在搜索引擎Google 检索“莘莘学子”,无法找到这个网站,只有通过关键字“莘莘”“学子”才能找到该网站。有必要对“莘莘学子”网站进行一次针对搜索引擎的优化。素材库文件夹“网页设计制作员素材\1.6.4”文件夹。
(1)对主页“index.html”进行针对搜索引擎的优化;
(2)对主页“index.html”进行链接优化;
2.操作要求
(1)考生务必在指定位置建立考生文件夹,并在其下建立“1.6.4”子目录,将所有操作结果保存至该文件夹下。
(2)将素材库文件夹“1.6.4.1”内的文件复制到考生文件夹
(3)对主页“index.html”进行针对搜索引擎的优化:
a)设置网页默认语言编码为“UTF8”的正确编码
b)规范网页标题为“莘莘学子”
c)对主页进行关键字优化,关键字为“莘莘,学子,小学,莘莘学子”
d)清除主页中不属于Dreamweaver的HTML注解
(4)对主页“index.html”进行链接优化
a)找到本地站点的主页“index.html”未添加链接的图片按钮;
b)对链接进行修正,将未添加链接的按钮均添加目标为bbs.html的链接。
五、制作网站主要页面:共40分。(题库1.7.4试题单)
1、利用素材库文件夹“网页设计制作员素材\1.7.4”文件夹。网站首页效果图样张“1.7.4.1.bmp”,网站首页切片素材“1.7.4.2.bmp”,网站首页切片要求“1.7.4.3.bmp”,素材“1.7.4.4.swf”,图片素材位于素材库文件夹“1.7.4.4”。参照样张,并根据要求制
作“莘莘学子”网站主要页面,具体内容如下:
(1)使用Dreamweaver网页制作工具建立“莘莘学子”站点;
(2)根据操作要求使用Photoshop图像设计工具对网站首页切片素材1.7.4.2.bmp进行切片处理,并导出网站首页;
(3)根据操作要求利用Dreamweaver在站点内制作二级功能模块页面的空白html文件,并在网页中添加相应文本;
(4)根据操作要求使用素材库文件夹“1.7.4.4”内的图片文件,制作完成首页的若干链接设置;
(5)根据操作要求选择使用框架网页方式,制作“论坛”模块主页面的网页框架。
2、操作要求
(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@https://www.wendangku.net/doc/e211718643.html,”;
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”,链接指向网站首页。
网页设计与制作实例教程 习题答案 第1章网页与网站基础 一、选择题 1.A 2.B 3.C 4.C 5.A 二、判断题 1.√2.×3.√4.×5.√ 三、问答题 略 第2章网页规划设计 一、选择题 1.D 2.A 3.C 4.A 5.C 二、判断题 1.×2.×3.×4.√5.√ 三、问答题 1.答:网站需求分析一般包括三个阶段的内容:网站背景分析、总体需求分析、具体需求分析。(每个阶段可再详细描述。) 2.答:可从以下几个方面来阐述网站设计的原则:①日期、时间和数字;②欢迎词; ③弹出窗口和引导页面;④新闻和公告信息;⑤网址;⑥控件;⑦链接;⑧主页内容 3.答:打开新浪网首页,分析其布局类型。(答案略) 4.答:网页色彩搭配方法可从以下两个方面去阐述:①根据页面风格以及产品本身的诉求确定主色;②根据主色确定配色。 网页色彩搭配技巧可从以下几个方面去阐述:①用一种色彩;②用两种色彩;③用一个色系;④用黑色和一种色彩以及色彩搭配忌讳的方面。 5.答:打开当当网,具体分析其规划过程。(答案略) 第3章初识网页制作软件 一、选择题 1.C 2.C 3.B
二、填空题 1.代码、拆分、设计2.文件、资源、规则3.超级链接 三、操作题 略 第4章制作网页内容 一、选择题 1.D 2.B 3.A 4.D 5.ABD 6.D 7.B 8.D 9.A 10.A 二、判断题 1.√2.√3.×4.√5.√6.√7.√8.√9.×10.√三、操作题 略 第5章设置网页超级链接 一、选择题 1.D 2.D 3.A 4.D 5. C 二、判断题 1.×2.×3.×4.√5.× 第6章使用CSS样式美化网页 一、选择题 1.B 2.C 3.C 4.B 5.A 6.D 7.D 8.D 9.B 10.C 11.A 12.A 13.C 14.D 15.D 16.A 17.A 18.B 19.D 20.D 二、简答题 1.×2.×3.×4.×5.×6.×7.√8.×9.√10.√11.×12.×13.×14.√15.√16.√ 第7章规划布局网页 一、选择题 1.B 2.A 3.B 4.B 5.D 二、简答题
自考网页设计与制作试卷及答案(一) 第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.