上海劳动保障局网页设计与设计考试范围.doc_第1页
上海劳动保障局网页设计与设计考试范围.doc_第2页
上海劳动保障局网页设计与设计考试范围.doc_第3页
上海劳动保障局网页设计与设计考试范围.doc_第4页
上海劳动保障局网页设计与设计考试范围.doc_第5页
已阅读5页,还剩29页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

考试重点:有两个虚拟盘,R盘和S盘,考生必须把考试结果保存在R盘,首先在R盘新建一个考生文件夹S盘,存放着考试所需的素材。第一步复制素材文件到考生文件夹,新建站点,打开主页 总结:网站优化:网页标题/编码修改/关键字/清除不属于DREAMWEAVER的注解/图片的说明文本/链接优化试题代码:1.6.13、操作要求(1)考生务必在指定位置建立考生文件夹,并在其下建立“1.6.1”子目录,将所有操作结果保存至该文件夹下。(文件夹命名:“网页设计制作员4级_考生准考证号_姓名”)(2)配置Dreamweaver连接本地IIS服务器上的Sweet Wedding站点a)本地Sweet Wedding站点使用了本地IIS服务器的根目录,http端口为默认的80(3)用Dreamweaver下载“Sweet Wedding”网站网页文件到考生文件夹(4)对主页“index.html”及其他网页进行针对搜索引擎的优化:a)修改网页默认语言编码为“简体中文”的默认编码 页面属性标题/编码编码:简体中文(GB2312)b) 规范网页标题为“Sweet Wedding玫瑰婚典”页面属性标题c)对主页进行关键字优化,关键字为“玫瑰,婚庆,婚典,Sweet Wedding”常用”钥匙”样关键字(英文半角状态下的逗号作为分隔符.) (5)对主页“index.html”进行链接优化a)查看未链接的网页,并将这些未链接的网页均链接在首页的注册链接上目标:_BLANK 弹出方式是新窗口链接:共三处:公司介绍,婚庆服务,结婚手册。每处一分。(6)上传更新优化好的网页a)上传修改好的网站并覆盖原文件试题代码:1.6.23、操作要求(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.33、操作要求(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.43、操作要求(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.53、操作要求(1)考生务必在指定位置建立考生文件夹,并在其下建立“1.6.5”子目录,将所有操作结果保存至该文件夹下。(考生文件夹命名:“网页设计制作员4级_考生准考证号_姓名”)(2)配置Dreamweaver连接本地IIS服务器上的“翠海幼儿园”站点a)本地Sweet Wedding站点使用了本地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帧)宽度 (每个帧点击后,选定矩形,修改宽度)1 15 30 40 50 100 150 200 250 300 350 400b)整个动画共12帧。(7)保存操作结果和操作的历史记录(关键步骤,未操作整题无分)a)将图像以“1.2.1.gif”为文件名,导出至指定考生文件夹下,要求导出后的图像文件,能以动画形式播放。文件导出向导选择导出格式GIF动画b)用“1.2.1.png”保存fireworks文档到考生文件夹,并保存所与操作历史纪录为命令“1.2.1”。 窗口历史纪录保存FIREWORKS保存共有三步:1。原文件名保存文件/保存。2如上A3如上B试题代码:1.2.1编号评分要素配分分值评分标准实际得分1使用Fireworks新建动画文档20新建动画文档1大小为“700像素150像素”1背景颜色为黑色2在新建的动画文档中添加文本41添加文本“loading”1位置:在画布(180,110)处试题代码:1.2.2试题名称:制作Gif动画3、操作要求(1)考生务必在指定位置建立考生文件夹,并在其下建立“1.2.2”子目录,将所有操作结果保存至该文件夹下。(考生文件夹命名:“网页设计制作员4级_考生准考证号_姓名”)(2)使用fireworks新建动画文档,具体要求如下:a)大小为“710像素510像素”b)背景颜色为黑色(3)参照动画样张“.gif”在动画文档中添加文本,并做调整,具体要求如下:a)参照样张“.gif”字体输入文字”CND”用白色填充,少许调整字符间隔;三个字体CND 分别输入,输入三个文本。字体大点。由于样张中字体间隔较大(4)制作文本的立体效果并给文字填充颜色,具体要求如下:a) 通过复制文字并平移,制作文字的立体效果; 完成文字复制并平移:劳动局老师:全选cnd-ALT+最左上端的箭头拖动=2组CND右键/组合、(6个字全部选中后组合)b) 按照样张给文字填充颜色;(部分选择工具选择)(5)在文本上放绘制矩形填充白色并羽化,具体要求如下:a)用矩形选框工具画一个矩形填充白色,羽化10象素,合理放置该矩形第1步:鼠标单击“层”面板右上角的“选项”按钮,选择“新建层”命令,按下列对话框设置:设置完毕单击“确定”。新建层2。第2步:选定文字,复制文字并粘贴到层2中,用鼠标拖动层1到层2上面,如下图。第3步:用“矩形”工具画出一个矩形,并填充颜色为白色,边缘为羽化10。就(6)参照动画样张“.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)参照动画样张“.gif”在动画文档中添加文本,并做调整,具体要求如下:a)参照样张“.gif”字体输入文字”CND”用白色填充,b)鼠标右键单击文字选择“转换为路径”命令,用“部分选定”工具可以单独选定每一个字符,少许调整字符间隔;(4)制作文本的立体效果并给文字填充颜色,具体要求如下:a) 通过复制文字并平移,制作文字的立体效果;(操作步骤:用“指针”工具选定文字,按CTRL+C,再按CTRLV复制文字,选择填充色为黑色。向左平移文字产生立体效果。)b) 按照样张给文字填充颜色;(操作步骤:用“部分选定”工具依次单独选定每一个字符,并按样张选择填充色,给文字填充颜色。)(5)在文本上放绘制矩形填充白色并羽化,具体要求如下:a)用矩形选框工具画一个矩形填充白色,羽化10象素,合理放置该矩形(6)参照动画样张“.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制作的文字动画样张“.gif”(2)以上素材均在考试机指定的“素材1.2.3”文件夹内。2、操作内容:参照样张,制作gif动画(1)使用fireworks新建动画文档;(2)参照动画样张“.gif”在动画文档中添加文本,并做调整;(3)将文本转换为符号,并设置为动态符号;(4)设置动态符号移动的路径和角度;(5)参照动画样张“.gif”完成动画效果制作;(6)保存操作结果和操作的历史记录。3、操作要求(1)考生务必在指定999位置建立考生文件夹,并在其下建立“1.2.3”子目录,将所有操作结果保存至该文件夹下。(考生文件夹命名:“网页设计制作员4级_考生准考证号_姓名”)(2)使用fireworks新建动画文档,具体要求如下:a)大小为“210像素90像素”b)背景颜色为白色(3)参照动画样张“.gif”在动画文档中添加文本,并做调整,具体要求如下:a)参照样张“.gif”字体输入文字”wind”用黑色填充;b)字体位置在场景的左上角;(4)将文本转换为符号,并设置为动态符号,具体要求如下:a) 选中文字,转换成符号;(右键转换为元件)b) 设置属性为Animation;Animation(动画)c) 符号参数设置要求:帧数量为10;透明度为0(不透明度0100)这个是软件问题,应该是看到的缩放(倒数第二个)(0-100)(5)设置动态符号移动的路径和角度,具体要求如下:a) 实现动态符号的中心点从初始位置到场景的右下角的移动。有个小红点,拖动完成移动。(拖动)(6)参照动画样张“.gif”完成动画效果制作,具体要求如下:a) 通过修改每一帧的透明度来实现,符号从无到有的动态效果b) 参照样张“.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.43、操作要求(1)考生务必在指定位置建立考生文件夹,并在其下建立“1.2.4”子目录,将所有操作结果保存至该文件夹下。(考生文件夹命名:“网页设计制作员4级_考生准考证号_姓名”)(2)使用fireworks新建动画文档,具体要求如下:a)大小为“40像素80像素”b)背景颜色为白色(3)参照动画样张“.gif”在动画文档中添加文本,并做调整,具体要求如下:a)参照样张“.gif”字体输入文字”1”用红色填充;b)参照样张设置文字的字体、像素大小等样式(4)通过重置帧对话框设置动画帧数量和属性,具体要求如下:a) 设置重置帧数量为9;(帧面板右上角重制帧9)b) 设置新帧在当前帧之后插入;(5)参照动画样张“.gif”完成动画效果制作,具体要求如下:a)选择每一帧,并修改画布中的相应数字为(09)b)参照样张“.gif”调节帧的播放速度c)设置Gif动画循环为“永久”(6)保存操作结果和操作的历史记录(关键步骤,未操作整题无分)a)导出效果至考生文件夹,文件名“1.2.4.gif”,图片色彩选择128色,并保存fireworks文件为“1.2.4.png” b)保存所有的历史记录为命令“1.2.4”。 试题代码:1.2.53、操作要求(1)考生务必在指定位置建立考生文件夹,并在其下建立“1.2.5”子目录,将所有操作结果保存至该文件夹下。(文件夹命名:“网页设计制作员4级_考生准考证号_姓名”)(2)使用fireworks新建动画文档,具体要求如下:a)大小为“200像素200像素”b)背景颜色为白色画布比较小,可以显示比例200%(屏幕左下方)(3)参照动画样张“.gif” 在画布中间位置绘制一椭圆形,设置并转换为符号,具体要求如下:a) 在画布中间位置绘制一椭圆形,椭圆形的尺寸30*180;右侧,矩形工具,下,选择,椭圆工具,用完椭圆工具,就点左最上方的实心箭头.还原.b) 描边颜色为红色,填充颜色为空注意描边颜色在哪里修改c) 用菜单命令来扩展路径,设置宽度为1(修改改变路径扩展笔触)d) 设置描边值为空,填充类型为线性渐变,渐变颜色共有四个颜色,分别是红、蓝、蓝、黄,其中红和蓝颜色标记叠放在一起,蓝和黄颜色标记叠放在一起。并设置渐变方向(不用设)描边为空, 不是白色,注意哦.注意填充方式:渐变线形渐变 然后还有颜色顺序和叠加。发现色块弄错了,把色块三角往下方拉,就没有了。渐变方向不用变。一个个小宝塔, 红和蓝颜色标记叠放在一起,蓝和黄颜色标记叠放在一起,这个要求,需要把左侧的红色拖到蓝色处,蓝色拖到末尾黄色处.完成叠放.e)将改椭圆型转换为符号,类型为图像选中图形-转化为元件-图像(4)克隆椭圆符号并旋转180度,具体要求如下:a) 克隆当前的符号对象;选中图像(右单击-编辑克隆)克隆=复制+粘贴b) 将克隆的符号对象设置为旋转180度;(修改变形旋转180)(5)使用命令菜单进行插帧操作,并进行对象组合,具体要求如下:a) 全选这二个对象,使用菜单命令进行插帧操作(修改元件补间实例)b) 设置Steps值为25,不要发布到帧b) 将画布中所有对象合成为组对象全选后,然后,右单击,组合(6)参照样张“.gif”完成动画制作,具体要求如下:a) 设置符号类型为动画,帧数为11,旋转角度为360度(最后一个缩放)右单击转化为元件动画最后一个,写的是缩放,右侧是顺时针,捏时针.是软件问题,键入360,顺时针这个要等一会。b) 删除多于的第11帧拖到垃圾桶c) 参照样张“.gif”,调整动画播放速度(15)(7)保存操作结果和操作的历史记录(关键步骤,未操作整题无分)a)保存fireworks文件为“1.2.5.png” 至考生文件夹,并导出效果至考生文件夹文件名“1.2.5.gif”,图片色彩选择128色文件-另存为-(一定要保存在考生文件夹,对应的1.2.5)文件-导出向导-(看一下右侧动画,按下,可以动吗?)b)保存所有的历史记录为命令“1.2.5”。 历史面板SHIFTJ键,第一条命令到最后一条命令。点击最右侧的保存按钮试题代码:1.1.23、操作要求(1)考生务必在指定位置建立考生文件夹,并在其下建立1.1.2子目录,将所有操作结果保存至该文件夹下。(考生文件夹命名:“网页设计制作员4级_考生准考证号_姓名”)(2)使用Dreamweaver创建“留言板”站点,具体要求如下:a)使用Dreamweaver在考生文件夹创建“message2.2”站点文件夹b)复制未全部完成的留言板网页素材文件夹“”内的网页html文件及图片至“留言板”站点文件夹目录;(3)依据效果图样张.bmp创建留言板网页布局表格,具体要求如下:a)用Dreamweaver编辑“message.html”,按效果图样张,在布局表格相应单元格内嵌套一个3行1列,宽度为640像素的表格;(3分)(4)参照效果图样张.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)参照效果图样张.bmp,编辑表格第二行,具体要求如下:a)在表格第二行内插入水平线(1分)插入纪录html水平线(6)参照效果图样张.bmp,应用CSS+DIV技术,在表格第三行制作“请在此留言”部分,具体要求如下: (4分)a)在相应单元格内嵌套一个id和名称均为“message_main”的div标签。b)在“message_main”div标签内嵌套一个2行1列宽度为100%的表格。c)为“message_main”div标签在css.css中定义一个css类。要求:文本属性为:宋体、12像素、1.5倍行高、深绿色(#287700);背景颜色为:浅绿色(#DEF1B1);边框样式从效果图判断,粗细为1像素,深绿色(#287700)。d)在嵌套表格的第1行输入文本“请在此留言”,居中显示。e)在嵌套表格的第2行,再嵌套一个5行3列,宽度为100%的表格。(7)参照效果图样张.bmp完成留言板的制作,并保存结果,具体要求如下:(8分)a)表单名:messageForm,表单操作:save.aspx,method:post;刚才做了表单,把前一步做好的表格,剪切,再做表单.然后再在表单上粘贴表格.先表单,后表格.b) “您的大名”表单域名称:yourname,类型:text;c)“QQ”表单域名称:qqno,类型:text;d)“来自”表单域名称:fromcity,类型:text;e)“邮箱地址”表单域名称:mailbox,类型:text;f)“性别”表单域名称:sex,类型:select,选项:保密、男、女;g)“主页”表单域名称:webpage,类型:text;主页这行,要合并单元格,这样好看.选中表格,右单击,表格-合并单元格h)“内容”表单域名称:messageinfo,类型:textarea;TEXTAREA 多行文本域试题代码:1.1.33、操作要求(1)考生务必在指定位置建立文件夹,并在其下建立“1.1.3”子目录,将所有操作结果保存至该文件夹下。(考生文件夹命名:“网页设计制作员4级_考生准考证号_姓名”)(2)使用Dreamweaver创建“神话”站点,并导入素材文件夹“”内容,具体要求如下:a)使用Dreamweaver在考生文件夹创建“Shenhua1.1.3”站点文件夹b)复制素材文件夹“”内的网站首页html文件及图片文件夹至“Shenhua1.1.3”站点文件夹目录;(3)编辑首页“index.html”,创建login表单,具体要求如下:a)在id为“login”的div标签区域内,插入一个表单标签,id和表单名称均为“form1”,方法为“post”;插入3行2列表格。(4)参照效果图样张.bmp,在login表单中插入表单域,具体要求如下:a)插入一个id和名称均为“button”的图像域,显示图片“images/808.jpg”,Tab键索引值为4b)在div.css中为“button”图像域新建一个css类,设置方框浮动方式为右对齐,方框上边界为5像素c)参照效果图样张.bmp,输入文本“用户名:”,在文本后面,插入一个id和名称均为“login_name”,类型为“文本”的文本域,Tab键索引值为1d)参照效果图样张.bmp,输入文本“密码:”,在文本后面,插入一个id和名称均为“login_pass”,类型为“密码”的文本域,Tab键索引值为2e)参照效果图样张2.3.1.bmp,输入文本“通行证:”,在文本后面,插入一个id和名称均为“login_number”,类型为“文本”的文本域,Tab键索引值为3f)将“div.css”中修改相应的CSS类,将插入的文本域的背景颜色修改为:#313131(样张错)(5)使用代码编辑方式,在插入的表单标签后添加如下代码: 注册新的用户名/通行证找回用户密码(6)参照效果图样张.bmp,在指定区域插入图片,具体要求如下:a)参照效果图样张,在id为“pic”的div标签区域内插入三张图片“images/812.gif”、“images/813.gif”、“images/814.gif”。网页设计制作员(四级)操作技能鉴定试题单试题代码:1.1.43、操作要求(1)考生务必在指定位置建立考生文件夹,并在其下建立“1.1.4”子目录,将所有操作结果保存至该文件夹下。(考生文件夹命名:“网页设计制作员4级_考生准考证号_姓名”)(2)使用Dreamweaver创建“莘莘学子”站点,并导入素材文件夹“”内容,具体要求如下:a)使用Dreamweaver在考生文件夹创建“Xinxin1.1.4”站点文件夹b)复制素材文件夹“”内的网页html文件及图片文件夹至“Xinxin1.1.4”站点文件夹目录;(3)编辑导入素材文件内的 “css.css”中的body类,修改body属性,具体要求如下:打开index.html文件,css.css已经导入 a)设置文本属性为:宋体、12像素、1.3倍行高、深灰色(#666666);(4)参照效果图样张.bmp,在留言板区域内相应单元格内插入留言板顶部居中对齐的div标签,具体要求如下:a)参照效果图样张,在留言板区域内,在相应单元格(第二个单元格,上空一行)内插入一个id为“message_top”,居中对齐的div标签,b)在“message_top”内添加文本“请在此留言”c)在css.css内为div标签“message_top”设置css类。文本属性为:宋体,14像素,加粗,黑色,1.5倍行高;背景颜色为:#C8EA9D;边框样式参照样张,边框颜色为:#006600,边框粗细为1像素。点击这个DIV,在屏幕下方有,一个编辑CSS,在屏幕右上方有文本属性,然后修改,即可。(5)参照效果图样张.bmp,在留言板区域内相应单元格内插入留言板留言信息居中对齐的div标签,具体要求如下:a)参照效果图样张,在留言板区域内,在相应单元格(第三个单元格)内插入一个id为“message_main”,居中对齐的div标签。在div标签内插入表单,在表单内插入一个6行1列的表格。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文件:017分钟试题代码:1.1.53、操作要求(1)考生务必在指定位置建立考生文件夹,并在其下建立“1.1.5”子目录,将所有操作结果保存至该文件夹下。(考生文件夹命名:“网页设计制作员4级_考生准考证号_姓名”)(2)使用Dreamweaver创建“翠海幼儿园”站点,并导入素材文件夹“”内容容,具体要求如下:a)使用Dreamweaver在考生文件夹创建“Cuihai1.1.5”站点文件夹b)复制素材文件夹“”内的网页html文件及图片文件夹至“Cuihai1.1.5”站点文件夹目录;(3)编辑“index.html”文件,定义一个仅对文档内部起效名为“myfont”的CSS类,具体要求如下:a)设置文本属性为:宋体、12像素、1.3倍行高、深灰色(#919191);窗口-css类-新建-经对该文本名字:MYFONDb)编辑index.html,设置“幼儿园简介”中的文本应用该类选中文本-MYFONT-类一大段文字(4)参照效果图样张.bmp中“登录区域”,制作网页,具体要求如下:a)帐号单元格内插入一个id为“div_name”,居中对齐的div标签。插入记录-布局对象-DIV标签b)在“div_name”内插入一个类型为“文本”,id和名称均为“name”的文本字段,标签文字为“帐号:”;Tab索引键为1;文本域字符宽度为8。Tab索引值在添加文本后就会出现.c)密码单元格内插入一个id为“div_pass”,居中对齐的div标签。d)在“div_pass”内插入一个类型为“密码”,id和名称均为“password”的文本字段,标签文字为“密码:”;Tab索引键为2;文本域字符宽度为8。e)在style.css中为“div_name”标签和“div_pass”标签,共同建立一个css类,设置文本颜色为灰色“#919191”。新建CSS规则,高级,选择器:#div_name,#div_pass,定义在:style.css两个标签共用一个类.f)在登录按钮单元格内插入一个id和名称均为“login”的图像域,使用素材文件夹中图片“images/119.gif”试题代码:1.1.1(此题已做,6.12完成)3、操作要求(1)考生务必在指定位置建立考生文件夹,并在其下建立“1.1.1”子目录,将所有操作结果保存至该文件夹下。(考生文件夹命名:“网页设计制作员4级_考生准考证号_姓名”)第一步先复制素材。站点名任意,主目录为1.1.1,站点名不需要命名。(2)用Dreamweaver编辑素材文件夹“”的“zc.html”,参照效果图样张“.bmp”,在布局表格内适当位置插入文件夹“”中的图片“imageszc-1.jpg”,并添加说明文本“用户注册”(替换文本)(3)参照效果图样张“.bmp”,用素材文件夹“”中的图片“imageszc-4.gif” 设置布局表格单元格背景(两个单元格)不用做选中单元格,背景选择,(就是灰色的那条)(4)用CSS样式表为“zc.html”整个页面布局表格的单元格,设置统一的字体a)大小:12像素;b)行高:2倍行高;c)CSS样式采用内部标签形式。注意:仅对该文档(5)参照效果图样张“.bmp”,按以下要求制作“zc.html”页面上的“检查用户名”区域内容a)参照效果图样张“.bmp”,为给定文本设定CSS样式。1、类aa:红色、粗体2、类bb:灰色b)参照效果图样张“.bmp”,为布局表格特定位置设定CSS样式,并应用该样式。类cc:两个单元格边框为灰色、1像素、实线点击框,后,选择CSS中的CC.(上面的框,下面的框)c)参照效果图样张“.bmp”,在布局表格内适当位置添加给定文本,并为文本内容应用CSS样式。1行2列表格:2个“*”、“请使用中文会员名。”应用样式aa用 shift+回车 换行,#用英文全角空格调整文字。“提示:被别人注册” 应用样式bbc) 参照效果图样张“.bmp”,在布局表格内适当位置添置和制作表单以及表单对象(按钮),并设置表单对象的动作属性为无。表单对象是指检查会员名是否可用,这个是按钮哦表单中只包括按钮,按钮的动作属性为无。(6)参照效果图样张“.bmp”,按以下要求制作“zc.html”页面上的“填写信息”区域内容 鼠标在中部,页面下方单元格,垂直方向:顶部.a)在布局表格适当位置,按效果图样张,添加文本“(带*的为必填项)”,按效果图设置文本颜色和对齐方式。对齐方式:右对齐b)参照效果图样张,在布局表格适当位置制作嵌套表格(8行3列的表格,间距10)并在表格内制作“提示问题”、“性别”、“电子邮件”表单项。不用表单,直接插入表单项不用做c)为文本“推荐:QQ邮箱”设置链接“”,为“sogou邮箱”设置链接“”e)参照效果图样张,在布局表格的适当位置插入相应表单元素(按钮),表单对象的动作属性为“提交”。注意:添加按钮会有一个框,”是否添加表单标签”,选择”否”哦,勿忘!(7)将操作结果相关文件全部保存至考生文件夹下1.1.1目录。(关键步骤,如未保存结果,整个题目都不得分)将下的所有内容复制到1.1.1下最后F12CTRL+C复制CTRL+V粘贴按钮也可以复制,粘贴,省力哦。试题代码:1.1.33、操作要求(1)考生务必在指定位置建立文件夹,并在其下建立“1.1.3”子目录,将所有操作结果保存至该文件夹下。(考生文件夹命名:“网页设计制作员4级_考生准考证号_姓名”)(2)使用Dreamweaver创建“神话”站点,并导入素材文件夹“”内容,具体要求如下:a)使用Dreamweaver在考生文件夹创建“Shenhua1.1.3”站点文件夹b)复制素材文件夹“”内的网站首页html文件及图片文件夹至“Shenhua1.1.3”站点文件夹目录;(3)编辑首页“index.html”,创建login表单,具体要求如下:a)在id为“login”的div标签区域内,插入一个表单标签,id和表单名称均为“form1”,方法为“post”;点击CSS中#LOGIN(4)参照效果图样张.bmp,在login表单中插入表单域,具体要求如下:a)插入一个id和名称均为“button”的图像域,显示图片“images/808.jpg”,Tab键索引值为4注意:这里插入图像域,是插入记录-表单-图像域。不是插入记录-图像。两者是不同的。b)在div.css中为“button”图像域新建一个css类,设置方框浮动方式为右对齐,方框上边界为5像素首先,点击这个button图像域,然后,新建CSS,选择高级,选择器在#button,定义在DIV.方框-浮动-右对齐。c)参照效果图样张.bmp,输入文本“用户名:”,在文本后面,插入一个id和名称均为“login_name”,类型为“文本”的文本域,Tab键索引值为1d)参照效果图样张.bmp,输入文本“密码:”,在文本后面,插入一个id和名称均为“login_pass”,类型为“密码”的文本域,Tab键索引值为2e)参照效果图样张2.3.1.bmp,输入文本“通行证:”,在文本后面,插入一个id和名称均为“login_number”,类型为“文本”的文本域,Tab键索引值为3f)将“div.css”中修改相应的CSS类,将插入的文本域的背景颜色修改为:#313131由于共插入3个文本域。点击css,在共同类这个:# login_name;# login_pass;# login_number修改颜色(5)使用代码编辑方式,在插入的表单标签后添加如下代码:(4分) 注册新的用户名/通行证找回用户密码把剪切,然后粘贴到后面,后面的代码内容复制粘贴。开始:在用户名上方是,最后,在通行证后面。(6)参照效果图样张.bmp,在指定区域插入图片,具体要求如下:a)参照效果图样张,在id为“pic”的div标签区域内插入三张图片“images/812.gif”、“images/813.gif”、“images/814.gif”。插入记录/图像试题代码:1.1.43、操作要求(1)考生务必在指定位置建立考生文件夹,并在其下建立“1.1.4”子目录,将所有操作结果保存至该文件夹下。(考生文件夹命名:“网页设计制作员4级_考生准考证号_姓名”)(2)使用Dreamweaver创建“莘莘学子”站点,并导入素材文件夹“”内容,具体要求如下:a)使用Dreamweaver在考生文件夹创建“Xinxin1.1.4”站点文件夹b)复制素材文件夹“”内的网页html文件及图片文件夹至“Xinxin1.1.4”站点文件夹目录;(3)编辑导入素材文件内的 “css.css”中的body类,修改body属性,具体要求如下:a)设置文本属性为:宋体、12像素、1.3倍行高、深灰色(#666666);(4)参照效果图样张.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)参照效果图样张.bmp,在留言板区域内相应单元格内插入留言板留言信息居中对齐的div标签,具体要求如下:a)参照效果图样张,在留言板区域内,在相应单元格内插入一个id为“message_main”,居中对齐的div标签边框为无b)插入一个类型为“文本”,id和名称均为“name”的文本字段,标签文字为“您的姓名:”;Tab索引键为1;

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论