网站店正文页面美化试题试题题库.docx

1、网站店正文页面美化试题试题题库湖南省高等职业院校电子商务专业技能抽考试题考试模块：商务网站内容建设 考核项目：网站（店）页面美化考试时间：45分钟 试题编号：1-3-1背景资料：“佳人苑”是株洲芦淞服饰城一家专门销售女式时装的服装店，为了拓展客户市场，“佳人苑”在淘宝开店来进行网上销售。请根据素材文件夹下提供的素材为其网店进行促销区域的制作和美化。网店促销区域的制作效果如下图所示:图1:网店促销区域的制作效果图测试任务：新建一个大小为785像素500像素的图像文件，分辨率为72，名称为mh1-3-1;使用素材中的bg.jpg、start.psd元素合成和修饰背景(参照效果图1);载入素材bt0

2、1.psd左侧人物图层，复制粘贴到“cx.psd”中，通过自由变换调整到合适位置;添加白色圆角矩形，给圆角矩形添加“投影”图层样式;利用单列选框工具、描边绘制圆角矩形中的竖线，宽度为1像素，颜色为“#d9d6d6”浅灰;添加矩形区域中的图文说明，使用素材文件夹下的8.jpg、sub01.psd;促销区域的修饰，载入素材main1.psd文件中的“I LOVE SHOPPING”调整该标语的颜色，使其和整体效果相符合，载入flower.jpg中的鲜花,放在如效果图1中的位置;动画设计设计“I LOVE SHOPPING”，使其在动画中通过图层可见性来显示标语的上下移动；设计“秒杀”文字动画，使其

3、在动画中通过图层可见性来显示由小变为大；设计“SPRING”所对应文字图层，通过调整透明度来使文字由淡到完全显示；设计“新款包邮”文字左右移动，向左移动终点位置为竖线分割线，向右移动终点位置与“新春新款”对齐。设置动画的过渡效果;将文件保存为mh1-3-1.psd，并优化和导出动画形成一个mh1-3-1.Gif图片格式文件。评分卡评价内容配分评分标准考核得分职业素养(5分)5分注重工作场所的6S管理，遵守操作规程、操作纪律。记0分/3分/5分工作任务(95分)图像文件长与宽尺寸5分按0分/5分评分图像背景合成5分根据效果按0分/2分/4分/5分评分人物素材的载入5分根据效果按0分/3分/5分评

4、分圆角矩形8分圆角矩形按0分/3分/5分评分、“投影”图层样式设置按0分/3分圆角矩形图文说明的添加5分矩形区域左边人物，按0分/3分/5分评分3分“秒杀”文字，按0分/3分评分2分99 元，按0分/1分/2分评分5分矩形区域中的竖线，按0分/3分/5分评分5分“SPRING” 按0分/3分/5分评分5分“新春新款、新款包邮”， 按0分/3分/5分评分12分矩形区域右边3个模特，每个按0分/2分/4分评分促销区域的修饰5分 “I LOVE SHOPPING” 根据效果按0分/3分/5分评分5分鲜花，根据效果按0分/3分/5分评分元素的动画设计5分秒杀”文字由小变为大，根据效果按0分/3分/5分

5、评分5分“SPRING” 文字由淡到完全显示，根据效果按0分/3分/5分评分5分“新款包邮”文字左右移动，根据效果按0分/3分/5分评分动画过渡效果设计5分根据效果按0分/3分/5分评分图像文件名称和格式5分根据效果按0分/3分/5分评分合计100分湖南省高等职业院校电子商务专业技能抽考试题考试模块：商务网站内容建设 考核项目：网站（店）页面美化考试时间：45分钟 试题编号：1-3-2背景资料：“石头记”是一家专门经营女性饰品的公司，现公司决定建设一个营销型的网站来树立企业形象，加强产品的宣传。请运用相应的工具软件来完成其商务网站内容建设中相关页面美化处理。测试任务：（1）将素材文件夹下ima

6、ges文件中的banner.bmp图像大小调整为宽778像素，高76像素；将Banner图片上左边的logo擦除，添加由公司名称“石头记”、域名“”合成的文字logo，文字的格式、大小、颜色、形状自定义，但要求美观、清晰，修改后的图像文件格式存储为banner.jpg格式，保存在images文件夹中;（2）将公司产品图片Product_1到Product_2均加上印有图片logo1的水印，将处理后的这些图片按原来格式和文件名存储于站点images文件夹下;（3）打开素材文件夹下index.html的主页文件,设置页面属性中网页标题为“石头记饰品网站”， 超链接属性均为“始终无下划线”;（4）根

7、据网站项目背景知识为主页添加合适的Keyword关键字和description标签;（5）在页面的中上部插入由图片Product_1与product_2组成的鼠标经过图像;（6）在页面的中下部圆角矩形区域内添加下面产品介绍文字“来自韩国 银色小花设计，高贵而不张扬，非常适合办公室MM哦！优质合金镀K金，可保长久不退色”;（7）设置主页面的链接：将导航条中的售后服务链接到售后服务页面service.html，关于我们链接到Us.html,联系我们链接到contact.html;（8）建立CSS外部样式文件,文件名为mycss.css，文件保存在素材文件夹下CSS文件夹中、要求设置主页产品介绍文字

8、的样式为：字体设定为宋体，大小设定为12，颜色代码为“#CC0000”。评分卡评价内容配分评分标准考核得分职业素养(5分)5分注重工作场所的6S管理，遵守操作规程、操作纪律。记0分/3分/5分工作任务(95分)Banner图片处理15分图片大小相符合2分、格式符合2分，文字擦除效果5分，banner上logo效果4分,整体效果2分图片水印处理10分图像的水印制作,根据制作图片个数与效果评分，本题2个图片需加水印，每个5分主页基本属性设置10分设置网页标题设置正确5分，设置页面的超链接属性均为不带下划线标记5分关键字设置10分添加合适的Keyword关键字，添加位置正确2分、关键字内容合理性3分

9、，description标签添加位置正确2、内容的合理性3分Banner图片插入5分图像插入位置正确，能正常显示页面动态元素设置10分鼠标经过图像的设置有图像显示3分，有无动态效果7分主页内容元素的添加10分文字内容正确5分，排版美观5分页面超链接设置10分根据链接设置是否正确，是否可以打开评分，每少设一个链接扣4分，扣完本项为止用CSS样式美化网页15分外部样式文件按规定建立5分，样式文字设置是否正确5分，样式是否应用到对应文字5分合计100分湖南省高等职业院校电子商务专业技能抽考试题考试模块：商务网站内容建设 考核项目：网站（店）页面美化考试时间：45分钟 试题编号：1-3-3背景资料：“

10、花之林”是一家专门经营鲜花和相关配套礼品的公司，现公司决定建设一个营销型的网站来树立企业形象，加强产品的宣传。请运用相应的工具软件来完成其商务网站建设中相关页面美化处理。测试任务：（1）将文件夹images下的header.jpg图像大小调整为宽790像素，高108像素；将Banner图片上添加由公司名称“花之林”、域名“”合成的文字logo，文字的字体为华文彩云、大小60、内外发光、描边填充渐变为紫绿橙渐变，修改后的图像存储为banner.jpg格式，保存在images文件夹中。（2）将产品图片product_1和product_2均加上印有图片“shuiyin.jpg”的水印。图片的图像大

11、小调整为宽 130像素，高度130像素，将处理后的这些图片按原来格式和文件名存储于站点images文件夹下；（3）将公司产品图片1.jpg上的小狗抠下来加到图2.jpg合适的位置上，并加上“买就送”三个字，大小颜色等均自定义，但要求字变形为拱形和加上投影，合并成一幅图片。将处理后的图片大小设置为宽度和高度均为125像素，保存为Product_3存储于站点images文件夹下；（4）根据网站项目背景知识给此主页设置网页标题；页面字体设置为“华文细黑”；设置主页页面的超链接属性均为“始终无下划线”，链接颜色为“#000099”；（5）从图片素材文件夹images中找出相应的图片素材banner，p

12、roduct_1, product_2和 product_3（上面题目中已经做好的），分别将它们插入主页相应的有红色文字提醒的位置；（6）在页面的左下部“花之物语”插入由图片9.jpg与10.jpg组成的鼠标经过图像；（7）设置主页面的链接：将导航条中的“联系我们”链接到页面contact.html,热门商品栏目中 “心心相印” 文字链接到“”（8）图片放大特效的制作：将主页下面栏目“热门商品”里的“心心相印”的玫瑰花图片进行放大特效处理。（将下面的代码插入适当的位置并进行相应的修改）评分卡评价内容配分评分标准考核得分职业素养(5分)5分注重工作场所的6S管理，遵守操作规程、操作纪律。记0分/

13、3分/5分工作任务(95分)Banner图片处理15分图片大小相符合2分，文字添加正确3分，处理效果10分，其中文字的字体2分、大小正确2分、内外发光效果正确3分、描边，填充渐变正确3分图片水印处理15分图像的水印制作,根据制作图片个数与效果评分，每个5分，调整大小正确5分产品展示图片处理15分图片合成正确给3分，添加文字符合要求10分，其中文字，大小颜色各给2分，变形正确3分，加上投影正确3分，合并成一幅图片图片大小，文件名保存正确2分主页基本属性设置10分设置网页标题2分，文字设置正确3分，设置页面的超链接属性5分插入图片10分在网页中添加图形，与要求相符3分，图文排版整齐按照效果按照0-

14、2分/3-5分/5-7分打分页面动态元素设置10分鼠标经过图像的设置有图像显示3分，有无动态效果按照0-2分/3-5分/5-7分打分页面超链接设置10分根据链接设置是否正确，是否可以打开评分，每少设一个链接扣4分，扣完本项为止图片放大特效处理10分代码插入正确2分，修改代码正确3分，完成结果根据效果按0-2分/3-4分/5分打分合计100分湖南省高等职业院校电子商务专业技能抽考试题考试模块：商务网站内容建设 考核项目：网站（店）页面美化考试时间：45分钟 试题编号：1-3-4背景资料：“天资护肤”是一家专门经营女性护肤产品的公司，现公司决定建设一个营销型的网站来树立企业形象，加强产品的宣传。请

15、运用相应的工具软件来完成其商务网站建设中相关页面美化处理。测试任务：（1）将文件夹images下的logo.jpg图片上中间的文字擦除（即“珊珊花店”等文字），添加由公司名称“天资护肤”、“设为首页”，“加入收藏”,域名“”,合成的文字logo，文字的字体、大小、颜色、形状自定义，修改后的图像文件格式存储为banner.jpg格式，保存在images文件夹中。（2）将产品product_4图片中的产品裁剪出来，图像大小设置为宽度为413像素， 高度为204像素，修改后的图像保存在images文件夹中，文件名不变；（3）将公司产品图片Product_3和Product_5均加上印有图片“shui

16、yin.png”的水印，将处理后的这些图片按原来格式和文件名存储于站点images文件夹下；（4）打开主页根据网站项目背景知识给此主页设置网页标题，设置超链接属性均为“始终无下划线”，已访问链接颜色为“#FFFFFF”，为主页添加合适的Keyword关键字和description标签；（5）在主页中插入相应的图片，图片从素材文件夹images中找，其中logo图片插入上面已经做好的banner.jpg，并更新图片Product_3和Product_5；（6）在页面的右上部显示不出图片的灰色部分插入由图片Product_1与product_4组成的鼠标经过图像；（7）设置主页面的链接：将导航条中

17、的“加盟代理” 链接到“product_6.jpg”，“产品展示”链接到“”,“联系我们”链接到“contact.html”；（8）建立CSS外部样式文件,文件名为mycss.css，文件保存在站点CSS子文件夹下。要求设置主页产品介绍文字的样式为：字体设定为黑体，大小设定为14，颜色代码为“#FDC0E2”。并通过样式为导航条介绍文字所处单元格加上一虚线边框，边框颜色为“#CCCCCC”；（9）滚动文字设计：在主页最下面的文字：“copy right 2011 ,All Rights Reserved 版权所有 湖南天资贸易有限公司”设计成滚动文字效果。水平滚动代码：水平滚动字幕内容评分卡评

18、价内容配分评分标准考核得分职业素养(5分)5分注重工作场所的6S管理，遵守操作规程、操作纪律。记0分/3分/5分工作任务(95分)Banner图片处理15分图片大小相符合2分、格式符合3分，banner上logo处理效果10分产品展示图片处理10分裁剪4分，图像大小相符合4分、，图片文件名保存正确2分图片水印处理10分图像的水印制作,根据制作图片个数与效果评分，本题2个图片需加水印，每个5分主页基本属性设置10分根据网站项目背景知识设置网页标题2分设置页面的超链接属性均为不带下划线标记3分添加Keyword关键字和description标签5分插入图片10分在网页中添加图形，与要求相符5分，图

19、文排版整齐5分； 页面动态元素设置10分鼠标经过图像的设置有图像显示3分，有无动态效果7分页面超链接设置10分根据链接设置是否正确，是否可以打开评分CSS样式15分外部样式文件按规定建立5分，样式文字设置正确5分，边框样式设置正确5分滚动文字5分文字效果设计成功5分，否则0分合计100分湖南省高等职业院校电子商务专业技能抽考试题考试模块：商务网站内容建设 考核项目：网站（店）页面美化考试时间：45分钟 试题编号：1-3-5背景资料：商务九州是一家以销售数码、通讯产品为主的电子商务有限公司，产品均来自各大正规厂商，全部为正品、质量可靠有保证。现公司决定建设一个营销型的网站来树立企业形象，加强产品

20、的宣传。请运用相应的工具软件来完成其商务网站建设中相关页面美化处理。测试任务：（1）将素材文件夹images下的logo.gif图像大小调整为宽776像素，高140像素；添加“因为用心，所以专业”的文字，要求：颜色为“268DF5”，华文新魏，24号；采用变形文字中的旗帜样式，弯曲80%，其它选项默认，做出效果见下面图1主页效果图，修改后的图像文件格式存储为banner.jpg格式，保存在images文件夹中；图1：主页效果图（2）按照文件夹images下图片1.gif的背景制作出另外一幅图片，即保留背景，只需要将文字“特价商品”更改为“新品推荐”即可，效果见上面的主页效果图，命名为2.gif

21、,保存在images文件夹中，（注意图片1.jpg源文件要保留）；（3）打开试题文件夹下index.html的主页文件；设置页面属性中设置网页标题为“商务九州”，页面属性外观中背景颜色为“#999999”，设置页面的超链接属性均为“不带下划线标记”，链接颜色为“#FFFF00”；（4）在显示为“所有类别”的列表后的标签内插入一个显示为“搜索”的按钮；（红色小字“按钮”处）；（5）在主页红色字“插入LOGO”处插入从图片素材文件夹images中找出前面处理过的图片“banner.jpg”；红色字“新品推荐”处插入“2.jpg”；（6）从图片素材文件夹images中找到“华硕A6”的图片，将其插入

22、主页文件中“华硕A6”单元格的左边相应位置，并设置图像的边框为2；（7）在主页下方“魅族X2（512M）”单元格左边插入图像对象、鼠标经过图像，原始图像选择文件夹images中的“魅族 X2(1)”，鼠标经过图像为“魅族 X2(2)”；（8）建立CSS外部样式文件,文件名为mycss.css，文件保存在站点CSS子文件夹下。要求设置主页产品介绍文字的样式为：字体设定为楷体，大小设定为12，颜色代码为“#FDC0E2”。并通过样式为导航条介绍文字所处单元格加上一实线边框，边框颜色为“#CCCCCC”；（9）浮动广告制作：根据背景和网站风格、特点，设计一则浮动广告，大小要求为80 X 90 像素。

23、（根据下面代码的提示，修改图片路径和链接） var imagepath= var imagewidth=171 /这两行写图片的大小 var imageheight=133 var speed=3; var imageclick= /这里写点击图片连接到的地址 var hideafter=0 var isie=0; if(window.navigator.appName=Microsoft Internet Explorer&window.navigator.appVersion.substring(window.navigator.appVersion.indexOf(MSIE)+5,win

24、dow.navigator.appVersion.indexOf(MSIE)+8)=5.5) isie=1; else isie=0; if(isie) var preloadit=new Image() preloadit.src=imagepath function pop() if(isie) x=x+dx;y=y+dy; oPopup.show(x, y, imagewidth, imageheight); if(x+imagewidth+5screen.width) dx=-dx; if(y+imageheight+5screen.height) dy=-dy; if(x0) dx=

25、-dx; if(y0) dy=-dy; startani=setTimeout(pop();,50); function dismisspopup() clearTimeout(startani) oPopup.hide() function dowhat() if (imageclick=dismiss) dismisspopup() else window.open(imageclick); if(isie) var x=0,y=0,dx=speed,dy=speed; var oPopup = window.createPopup(); var oPopupBody = oPopup.d

26、ocument.body; oPopupBody.style.cursor=hand oPopupBody.innerHTML = ; oPopup.document.body.onmouseover=new Function(clearTimeout(startani) oPopup.document.body.onmouseout=pop oPopup.document.body.onclick=dowhat pop(); if (hideafter0) setTimeout(dismisspopup(),hideafter*1000) 评分卡评价内容配分评分标准考核得分职业素养(5分)5

27、分注重工作场所的6S管理，遵守操作规程、操作纪律。记0分/3分/5分工作任务(95分)Banner图片处理15分图片大小相符合2分、文字添加成功3分，变形符合8分，保存文件成功2分产品展示栏图片处理10分图像大小相符合2分、图像背景一致3分、文字处理成功4分，图片文件名保存正确1分主页基本属性设置10分设置网页标题2分，背景颜色设置正确2分，设置页面的超链接属性均为不带下划线标记4分，颜色正确2分插入按钮5分插入按钮位置正确1分，按钮显示正确4分插入图片10分在网页中添加图形，与要求相符，图文排版整齐5分； 主页内容元素的添加10分插入图片2分，边框设置正确8分页面动态元素设置10分鼠标经过图像的设置有图像显示3分，有无动态效果7分CSS样式10分每个样式按0-3分给分，文件保存正确1分浮动广告设计15分广告主题与背景相符5分，浮动效果成功5分，广告设计效果按0-1分，1-3分，3-5分给分合计100分湖南省高等职业院校电子商务专业技能抽考试题考试模块：商务网站内容建设 考核项目：网站（店）页面美化考试时间：45分钟 试题编号：1-3-6背景资料：“风行天科技”是一家专门经营科技