网页设计考试准备.docx
《网页设计考试准备.docx》由会员分享，可在线阅读，更多相关《网页设计考试准备.docx（40页珍藏版）》请在冰豆网上搜索。
网页设计考试准备
考试重点：
有两个虚拟盘，R盘和S盘，考生必须把考试结果保存在R盘，首先在R盘新建一个考生文件夹S盘，存放着考试所需的素材。
第一步复制素材文件到考生文件夹，新建站点，打开主页
总结:
网站优化:
网页标题/编码修改/关键字/清除不属于DREAMWEAVER的注解/图片的说明文本/链接优化
试题代码：
1.6.1
3、操作要求
（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.6.1”子目录，将所有操作结果保存至该文件夹下。
（文件夹命名：
“网页设计制作员4级_考生准考证号_姓名”）
（2）配置Dreamweaver连接本地IIS服务器上的SweetWedding站点
a）本地SweetWedding站点使用了本地IIS服务器的根目录，http端口为默认的80
（3）用Dreamweaver下载“SweetWedding”网站网页文件到考生文件夹
（4）对主页“index.html”及其他网页进行针对搜索引擎的优化：
a）修改网页默认语言编码为“简体中文”的默认编码
页面属性>标题/编码>编码:
简体中文（GB2312）
b）规范网页标题为“SweetWedding玫瑰婚典”
页面属性>标题
c）对主页进行关键字优化，关键字为“玫瑰，婚庆，婚典，SweetWedding”
常用>”钥匙”样
>关键字（英文半角状态下的逗号作为分隔符.）
（5）对主页“index.html”进行链接优化
a）查看未链接的网页，并将这些未链接的网页均链接在首页的注册链接上
目标:
_BLANK弹出方式是新窗口
链接:
共三处：
公司介绍，婚庆服务，结婚手册。
每处一分。
（6）上传更新优化好的网页
a）上传修改好的网站并覆盖原文件
试题代码：
1.6.2
3、操作要求
（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.6.2”子目录，将所有操作结果保存至该文件夹下。
（考生文件夹命名：
“网页设计制作员4级_考生准考证号_姓名”）
（2）配置Dreamweaver连接本地IIS服务器上的“凝玉轩”站点
a）本地“凝玉轩”站点使用了本地IIS服务器的根目录，http端口为默认的80
（3）用Dreamweaver下载“凝玉轩”网站网页文件到考生文件夹
（4）对主页“index.html”及其他网页进行针对搜索引擎的优化：
a）设置网页默认语言编码为“中文简体”的正确编码
b）规范网页标题为“凝玉轩”
c）对主页进行关键字优化，关键字为“玉器，玉佩，宝玉，凝玉轩”
（5）对主页“index.html”进行链接优化
a）找到本地站点的主页“index.html”未添加链接的图片按钮；
未添加链接的图片按钮是没有黑框的.
添加了链接的图片按钮有黑框.
另外：
可以看一下,图片按钮都点一下,看看有没有链接（下方）
热点图片也要看一下，这个是踩分点，勿忘。
b）对链接进行修正，将未添加链接的按钮均添加目标为message.html的链接，方式为弹出新窗口。
目标:
_BLANK弹出方式是新窗口
链接:
（6）上传更新优化好的网页
a）上传修改好的网站并覆盖原文件
试题代码：
1.6.3
3、操作要求
（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.6.3”子目录，将所有操作结果保存至该文件夹下。
（考生文件夹命名：
“网页设计制作员4级_考生准考证号_姓名”）
（2）配置Dreamweaver连接本地IIS服务器上的“神话传说”站点
a）本地“神话传说”站点使用了本地IIS服务器的根目录，http端口为默认的80
（3）用Dreamweaver下载“神话传说”网站网页文件到考生文件夹
（4）对主页“index.html”及其他进行针对搜索引擎的优化：
a）设置网页默认语言编码为“中文简体”的正确编码
b）规范网页标题为“神话传说”
c）对主页进行关键字优化，关键字为“神话，传说，神话传说，策略游戏”
（5）对主页“index.html”进行链接优化
a）找到本地站点的主页“index.html”未添加链接的图片按钮；
b）对链接进行修正，将未添加链接的按钮均添加目标为FAQ.html的链接，
（6）上传更新优化好的网页
a）上传修改好的网站并覆盖原文件
试题代码：
1.6.4
3、操作要求
（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.6.4”子目录，将所有操作结果保存至该文件夹下。
（考生文件夹命名：
“网页设计制作员4级_考生准考证号_姓名”）
（2）配置Dreamweaver连接本地IIS服务器上的“莘莘学子”站点
a）本地“莘莘学子”站点使用了本地IIS服务器的根目录，http端口为默认的80
（3）用Dreamweaver下载“莘莘学子”网站网页文件到考生文件夹
（4）对主页“index.html”及其他网页进行针对搜索引擎的优化：
a）设置网页默认语言编码为“UTF8”的正确编码
b）规范网页标题为“莘莘学子”
c）对主页进行关键字优化，关键字为“莘莘，学子，小学，莘莘学子”
（5）对主页“index.html”进行链接优化
a）找到本地站点的主页“index.html”未添加链接的图片按钮；
b）对链接进行修正，将未添加链接的按钮均添加目标为bbs.html的链接
（6）上传更新优化好的网页
a）上传修改好的网站并覆盖原文件
试题代码：
1.6.5
3、操作要求
（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.6.5”子目录，将所有操作结果保存至该文件夹下。
（考生文件夹命名：
“网页设计制作员4级_考生准考证号_姓名”）
（2）配置Dreamweaver连接本地IIS服务器上的“翠海幼儿园”站点
a）本地SweetWedding站点使用了本地IIS服务器的根目录，http端口为默认的80
（3）用Dreamweaver下载“翠海幼儿园”网站网页文件到考生文件夹
（4）对主页“index.html”及其他页面进行针对搜索引擎的优化：
a）设置主页默认语言编码为“中文繁体”的正确编码
b）规范网页标题为“翠海幼儿园”
c）对主页进行关键字优化，关键字为“翠海，幼儿园，托儿所，翠海幼儿园”
（5）对主页“index.html”进行链接优化
a）找到本地站点的主页“index.html”未添加链接的图片按钮；
b）对链接进行修正，将未添加链接的按钮均添加目标为bbs.html的链接
（6）上传更新优化好的网页
a）上传修改好的网站并覆盖原文件
补充：
1.清除主页中不属于DREAMWEAVER的HTML注释
命令》清理XHTML》移除打勾“不属于DREAWEAVER的HTML注释”
2.替换
1.6.2有一条:
对五个图片,玉饰,玉佩等添加文字说明,
选中图片后
替换:
（文本说明）
试题代码：
1.2.1
试题名称：
制作Gif动画
3、操作要求
（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.2.1”子目录，将所有操作结果保存至该文件夹下。
（考生文件夹命名：
“网页设计制作员4级_考生准考证号_姓名”）
（2）使用Fireworks新建动画文档，具体要求：
a）大小为“710像素×160像素”
b）背景颜色为黑色
新建文档
颜色黑色就是在自定义中选择.
（3）在适当位置添加文本，具体要求：
a）文本：
“loading”
b）文本字体属性：
“Arial”、字体大小为“18”，白色，加粗；省略号:
SHIFT+6（中文半角状态）loading……（注意大小写,及省略号）
宽:
106*180高:
22*110
注意这里的180和110是得分点
（4）设置文本属性实现动画效果，具体要求：
a）设置属性，使得该文本在整个动画中保持不变。
窗口>图层
（层面板－锁定）锁定LOADING这一层
（5）按样张在新建的动画文档中绘制白色矩形，具体要求：
a）大小：
1像素×45像素
b）位置（80，40）
新建一个层
（6）按样张制作白色矩形的动画效果，具体要求：
a）动画效果：
矩形宽度从1像素变换到450像素
（窗口>帧面板－右上角－单击－重制帧－11帧）
宽度（每个帧点击后，选定矩形,修改宽度）
115304050100150200250300350400
b）整个动画共12帧。
（7）保存操作结果和操作的历史记录（关键步骤，未操作整题无分）
a）将图像以“1.2.1.gif”为文件名，导出至指定考生文件夹下，要求导出后的图像文件，能以动画形式播放。
文件>导出向导>选择导出格式>GIF动画
b）用“1.2.1.png”保存fireworks文档到考生文件夹，并保存所与操作历史纪录为命令“1.2.1”。
窗口>历史纪录>保存
FIREWORKS保存共有三步：
1。
原文件名保存文件/保存。
2．如上A
3．如上B
试题代码：
1.2.1
编号
评分要素
配分
分值
评分标准
实际得分
1
使用Fireworks新建动画文档
2
0
新建动画文档
1
大小为“700像素×150像素”
1
背景颜色为黑色
2
在新建的动画文档中添加文本
4
1
添加文本“loading”
1
位置：
在画布（180，110）处
试题代码：
1.2.2
试题名称：
制作Gif动画
3、操作要求
（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.2.2”子目录，将所有操作结果保存至该文件夹下。
（考生文件夹命名：
“网页设计制作员4级_考生准考证号_姓名”）
（2）使用fireworks新建动画文档，具体要求如下：
a）大小为“710像素×510像素”
b）背景颜色为黑色
（3）参照动画样张“1.2.2.1.gif”在动画文档中添加文本，并做调整，具体要求如下：
a）参照样张“1.2.2.1.gif”字体输入文字”CND”用白色填充，少许调整字符间隔；
三个字体CND分别输入，输入三个文本。
字体大点。
由于样张中字体间隔较大
（4）制作文本的立体效果并给文字填充颜色，具体要求如下：
a）通过复制文字并平移，制作文字的立体效果；
完成文字复制并平移:
劳动局老师：
全选cnd-ALT+最左上端的箭头拖动=2组CND
右键/组合、（6个字全部选中后组合）
b）按照样张给文字填充颜色；（部分选择工具选择）
（5）在文本上放绘制矩形填充白色并羽化，具体要求如下：
a）用矩形选框工具画一个矩形填充白色，羽化10象素，合理放置该矩形
第1步：
鼠标单击“层”面板右上角的“选项”按钮，选择“新建层”命令，按下列对话框设置：
设置完毕单击“确定”。
新建层2。
第2步：
选定文字，复制文字并粘贴到层2中，用鼠标拖动层1到层2上面，如下图。
第3步：
用“矩形”工具画出一个矩形，并填充颜色为白色，边缘为羽化10。
就
（6）参照动画样张“1.2.2.1.gif”完成扫光字动画效果制作，具体要求如下：
a）利用白色羽化矩形制作白色的闪光效果；
b）通过将白色的闪光效果帧一帧往后移来完成扫光字动画效果制作
c）动画共十帧
d）最后一帧白色闪光效果需要回到第一帧的状态
第１步：
用“缩放”工具旋转矩形，右键变形/缩放
鼠标右键单击矩形选择“转化为元件”命令，在对话框中选定“动画”，以“动画”对话框中设置帧为９。
第２步：
拖动矩形中的红点到右下角，如图所示。
第２步：
拖动矩形中的红点到右下角，如图所示。
第３步：
选择第一帧，右上角－重制帧－数量１帧－在结尾。
第４步：
选择“编辑”菜单中的“粘贴为蒙板”命令。
（7）保存操作结果和操作的历史记录（关键步骤，未操作整题无分）
a）导出效果至考生文件夹，文件名“1.2.2.gif”，图片色彩选择256色，并以“1.2.2.png”文件名保存fireworks文件
b）保存所有操作历史记录为命令“1.2.2”。
1.2.2试题单操作步骤
3、操作要求
（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.2.2”子目录，将所有操作结果保存至该文件夹下。
（考生文件夹命名：
“网页设计制作员4级_考生准考证号_姓名”）
（2）使用fireworks新建动画文档，具体要求如下：
a）大小为“710像素×510像素”
b）背景颜色为黑色
（3）参照动画样张“1.2.2.1.gif”在动画文档中添加文本，并做调整，具体要求如下：
a）参照样张“1.2.2.1.gif”字体输入文字”CND”用白色填充，
b）鼠标右键单击文字选择“转换为路径”命令，用“部分选定”工具可以单独选定每一个字符，少许调整字符间隔；
（4）制作文本的立体效果并给文字填充颜色，具体要求如下：
a）通过复制文字并平移，制作文字的立体效果；（操作步骤：
用“指针”工具选定文字，按CTRL+C，再按CTRL＋V复制文字，选择填充色为黑色。
向左平移文字产生立体效果。
）
b）按照样张给文字填充颜色；（操作步骤：
用“部分选定”工具依次单独选定每一个字符，并按样张选择填充色，给文字填充颜色。
）
（5）在文本上放绘制矩形填充白色并羽化，具体要求如下：
a）用矩形选框工具画一个矩形填充白色，羽化10象素，合理放置该矩形
（6）参照动画样张“1.2.2.1.gif”完成扫光字动画效果制作，具体要求如下：
a）利用白色羽化矩形制作白色的闪光效果；
b）通过将白色的闪光效果帧一帧往后移来完成扫光字动画效果制作
c）动画共十帧
d）最后一帧白色闪光效果需要回到第一帧的状态。
（5）、（6）操作步骤：
第1步：
鼠标单击“层”面板右上角的“选项”按钮，选择“新建层”命令，按下列对话框设置：
设置完毕单击“确定”。
新建层2。
第2步：
选定文字，复制文字并粘贴到层2中，用鼠标拖动层1到层2上面，如下图。
第3步：
用“矩形”工具画出一个矩形，并填充颜色为白色，边缘为羽化10。
用“缩放”工具旋转矩形，鼠标右键单击矩形选择“转化为元件”命令，在对话框中选定“动画”，
以“动画”对话框中设置帧为10。
第4步：
拖动矩形中的红点到右下角，如图所示。
第5步：
选择“编辑”菜单中的“粘贴为蒙板”命令。
（7）保存操作结果和操作的历史记录（关键步骤，未操作整题无分）
a）导出效果至考生文件夹，文件名“1.2.2.gif”，图片色彩选择256色，并以“1.2.2.png”文件名保存fireworks文件
b）保存所有操作历史记录为命令“1.2.2”。
试题代码：
1.2.3
试题名称：
制作Gif动画
考核时间：
20分钟
1、操作条件
（1）素材
Fireworks制作的文字动画样张“1.2.3.1.gif”
（2）以上素材均在考试机指定的“素材\1.2.3”文件夹内。
2、操作内容：
参照样张，制作gif动画
（1）使用fireworks新建动画文档；
（2）参照动画样张“1.2.3.1.gif”在动画文档中添加文本，并做调整；
（3）将文本转换为符号，并设置为动态符号；
（4）设置动态符号移动的路径和角度；
（5）参照动画样张“1.2.3.1.gif”完成动画效果制作；
（6）保存操作结果和操作的历史记录。
3、操作要求
（1）考生务必在指定999位置建立考生文件夹，并在其下建立“1.2.3”子目录，将所有操作结果保存至该文件夹下。
（考生文件夹命名：
“网页设计制作员4级_考生准考证号_姓名”）
（2）使用fireworks新建动画文档，具体要求如下：
a）大小为“210像素×90像素”
b）背景颜色为白色
（3）参照动画样张“1.2.3.1.gif”在动画文档中添加文本，并做调整，具体要求如下：
a）参照样张“1.2.3.1.gif”字体输入文字”wind”用黑色填充；
b）字体位置在场景的左上角；
（4）将文本转换为符号，并设置为动态符号，具体要求如下：
a）选中文字，转换成符号；
（右键－转换为元件）
b）设置属性为Animation；
Animation（动画）
c）符号参数设置要求：
帧数量为10；透明度为0（不透明度0－100）
这个是软件问题，应该是看到的缩放（倒数第二个）（0-100）
（5）设置动态符号移动的路径和角度，具体要求如下：
a）实现动态符号的中心点从初始位置到场景的右下角的移动。
有个小红点，拖动完成移动。
（拖动）
（6）参照动画样张“1.2.3.1.gif”完成动画效果制作，具体要求如下：
a）通过修改每一帧的透明度来实现，符号从无到有的动态效果
b）参照样张“1.2.3.1.gif”调节帧的播放速度
（选中第一帧，帧面板－右上角－左键－重制帧－4）
第一到第四帧修改透明度：
每点击一个帧，点击WIND,会在屏幕下方出现缩放，修改。
第二帧0-80第三帧：
0-60第四帧：
0-40
（全选帧－对准速度双击－修改速度）
现在的帧数量是14个
（7）保存操作结果和操作的历史记录（关键步骤，未操作整题无分）
a）导出效果至考生文件夹，文件名“1.2.3.gif”，图片色彩选择128色，并以“1.2.3.png”文件名保存fireworks文件
b）保存所有的历史记录为命令“1.2.3”。
《网页设计制作员》（四级）操作技能鉴定
试题单
试题代码：
1.2.4
3、操作要求
（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.2.4”子目录，将所有操作结果保存至该文件夹下。
（考生文件夹命名：
“网页设计制作员4级_考生准考证号_姓名”）
（2）使用fireworks新建动画文档，具体要求如下：
a）大小为“40像素×80像素”
b）背景颜色为白色
（3）参照动画样张“1.2.4.1.gif”在动画文档中添加文本，并做调整，具体要求如下：
a）参照样张“1.2.4.1.gif”字体输入文字”1”用红色填充；
b）参照样张设置文字的字体、像素大小等样式
（4）通过重置帧对话框设置动画帧数量和属性，具体要求如下：
a）设置重置帧数量为9；
（帧面板－右上角－重制帧－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.2.5
3、操作要求
（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.2.5”子目录，将所有操作结果保存至该文件夹下。
（文件夹命名：
“网页设计制作员4级_考生准考证号_姓名”）
（2）使用fireworks新建动画文档，具体要求如下：
a）大小为“200像素×200像素”
b）背景颜色为白色
画布比较小,可以显示比例200%（屏幕左下方）
（3）参照动画样张“1.2.5.1.gif”在画布中间位置绘制一椭圆形，设置并转换为符号，具体要求如下：
a）在画布中间位置绘制一椭圆形，椭圆形的尺寸30*180；
右侧,矩形工具,下,选择,椭圆工具,
用完椭圆工具,就点左最上方的实心箭头.还原.
b）描边颜色为红色，填充颜色为空
注意描边颜色在哪里修改
c）用菜单命令来扩展路径，设置宽度为1
（修改－改变路径－扩展笔触）
d）设置描边值为空，填充类型为线性渐变，渐变颜色共有四个颜色，分别是红、蓝、蓝、黄，其中红和蓝颜色标记叠放在一起，蓝和黄颜色标记叠放在一起。
并设置渐变方向（不用设）
描边为空,不是白色,注意哦.
注意填充方式:
渐变〉线形渐变然后还有颜色顺序和叠加。
发现色块弄错了，把色块三角往下方拉，就没有了。
渐变方向不用变。
一个个小宝塔,红和蓝颜色标记叠放在一起，蓝和黄颜色标记叠放在一起,这个要求,需要把左侧的红色拖到蓝色处,蓝色拖到末尾黄色处.完成叠放.
e）将改椭圆型转换为符号，类型为图像
选中图形-转化为元件-图像
（4）克隆椭圆符号并旋转180度，具体要求如下：
a）克隆当前的符号对象；
选中图像（右单击-编辑－克隆）
克隆=复制+粘贴
b）将克隆的符号对象设置为旋转180度；
（修改－变形－旋转180）
（5）使用命令菜单进行插帧操作，并进行对象组合，具体要求如下：
a）全选这二个对象，使用菜单命令进行插帧操作
（修改－元件－补间实例）
b）设置Steps值为25，不要发布到帧
b）将画布中所有对象合成为组对象
全选后，然后，右单击，组合
（6）参照样张“1.2.5.1.gif”完成动画制作，具体要求如下：
a）设置符号类型为动画，帧数为11，旋转角度为360度（最后一个缩放）
右单击〉转化为元件》动画
最后一个,写的是缩放,右侧是顺时针,捏时针.是软件问题,键入360,顺时针
这个要等一会。
b）删除多于的第11帧
拖到垃圾桶
c）参照样张“1.2.5.1.gif”，调整动画播放速度（15）
（7）保存操作结果和操作的历史记录（关键步骤，未操作整题无分）
a）保存fireworks文件为“1.2.5.png”至考生文件夹，并导出效果至考生文件夹文件名“1.2.5.gif”，图片色彩选择128色
文件-另存为-（一定要保存在考生文件夹,对应的1.2.5）
文件-导出向导-（看一下右侧动画,按下,可以动吗?
）
b）保存所有的历史记录为命令“1.2.5”。
历史面板〉SHIFTJ键，第一条命令到最后一条命令。
〉点击最右侧的保存按钮〉
试题代码：
1.1.2
3、操作要求
（1）考生务必在指定位置建立考生文件夹，并在其下建立1.1.2子目录，将所有操作结果保存至该文件夹下。
（考生文件夹命名：
“网页设计制作员4级_考生准考证号_姓名”）
（2）使用Dreamweaver创建“留言板”站点，具体要求如下：
a）使用Dreamweaver在考生文件夹创建“message2.2”站点文件夹
b）复制未全部完成的留言板网页素材文件夹“1.1.2.2”内的网页html文件及图片至“留言板”站点文件夹目录；
（3）依据效果图样张1.1.2.1.bmp创建留言板网页布局表格，具体要求如下：
a）用Dreamweaver编辑“message.html”，按效果图样张，在布局表格相应单元格内嵌套一个3行1列，宽度为640像素的表格；（3分）
（4）参照效果图样张1.1.2.1.bmp，应用CSS+DIV技术，在表格第一行制作留言板头部分，具体要求如下:
（4分）
a）在相应单元格内嵌套一个id和名称均为“message_top”的div标签。
插入记录-布局对象-DIV标签
Css选择”高级”
b）在css.css中为div标签“message_top”定义一个CSS样式。
要求设置字体属性为：
宋体、14像素、2倍行高、白色；背景颜色绿色（#64C31F）；边框为1像素的深绿色（#287700）实线。
c）在div标签内输入文本“留言板”，并居中对齐
（5）参照效果图样张1.1.2.1.bmp，编辑表格第二行，具体要求如下:
a）在表格第二行内插入水平线（1分）
插入纪录>html>水平线
（6）参照效果图样张1.1
升级会员 