网站40店面美化试题

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

2、贴到“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分评分圆角矩形8分圆角矩形按0分/

4、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分“SPRING” 文字

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

6、mp图像大小调整为宽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分，description标签添

9、加位置正确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”的水印。图片的图像大小调整为宽 130像素，高度1

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

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

13、anner图片处理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-2分/3-5分/5-7分打分页

14、面动态元素设置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均加上印有图片“shuiyin.png”的水印，将处理

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

17、duct_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分，图文排版整齐5分； 页面动态元素

19、设置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,保存在images文件夹中，

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

22、左边相应位置，并设置图像的边框为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,window.navigator.a

24、ppVersion.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=-dx; if(y0) dy=

25、-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.document.body; o

26、PopupBody.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分注重工作场所的6S管理，遵守

27、操作规程、操作纪律。记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分，有无动

28、态效果7分CSS样式10分每个样式按0-3分给分，文件保存正确1分浮动广告设计15分广告主题与背景相符5分，浮动效果成功5分，广告设计效果按0-1分，1-3分，3-5分给分合计100分湖南省高等职业院校电子商务专业技能抽考试题考试模块：商务网站内容建设 考核项目：网站（店）页面美化考试时间：45分钟 试题编号：1-3-6背景资料：“风行天科技”是一家专门经营科技产品的公司，现公司决定建设一个营销型的网站来树立企业形象，加强产品的宣传。请运用相应的工具软件来完成其商务网站建设中相关页面美化处理。测试任务：（1）将文件夹images下的logo_1.gif图像的高度调整为60像素，图片的模式调整为

29、 RGB颜色；将其背景去掉，将公司的名称“fengxingtian”加上“透明彩虹”的渐变。修改后的图像文件格式存储为shuiyin.jpg格式，保存在images文件夹中；（2）将图片anniu_1.JPEG加上内阴影和斜面浮雕效果，参数设置如下图1和图2所示。再根据这种效果的制作两外两个图标（即图像背景、背景形状一致），只需要把“公司公告”这四个字改为“加入收藏夹”和“设置为首页”，图像大小设置为宽度98像素，高度30像素，字体颜色自选。完成后把图像保存在images文件夹中，文件另为anniu_2.jpg和 anniu_3.jpg；图1：内阴影参数图2：斜面和浮雕参数（3）将公司产品图片

30、Product_1加上题（1）中已经做好的图片shuiyin.jpg上的水印，将处理后的图片按原来格式和文件名存储于站点images文件夹下；（4）根据网站项目背景知识给此主页设置网页标题为“风行天下”；设置主页页面的超链接属性均为“始终有下划线”，链接颜色为“#0000FF”，链接字体为“黑体”；根据网站项目背景知识为主页添加合适的Keyword关键字；（5）在“新闻导航”栏目下，添加图片素材文件夹images中的Product_1(注意：是已经加上了水印的图片)，对齐方式：右对齐；（6）在logo条右边的红色小字“加入收藏夹”和“设置为首页”处设计表格并插入上面做好的两张按钮图片anniu

31、_ 2.jpg和 anniu_3.jpg；（7）设置主页面的链接：将导航条中的“产品介绍”；（8）建立CSS外部样式文件,文件名为mycss.css，文件保存在站点CSS子文件夹下。要求设置主页产品介绍文字的样式为：字体设定为楷体，大小设定为12，颜色代码为“#FDC0E2”。并通过样式为导航条介绍文字所处单元格加上一实线边框，边框颜色为“#CCCCCC”；（9）广告图片放大效果的制作：在“最新产品展示”栏目，根据下面代码的提示进行修改，把该栏目下的三幅图片设计成图片的放大效果。评分卡评价内容配分评分标准考核得分职业素养(5分)5分注重工作场所的6S管理，遵守操作规程、操作纪律。记0分/3分/

32、5分工作任务(95分)Banner图片处理10分图片大小，模式相符合2分，去掉背景和完成渐变效果6分，文件保存正确2分按钮图片处理20分图层样式内阴影设置正确5分，浮雕设置正确5分、修改文字正确8分，图片保存正确2分图片水印处理10分图像的水印制作,根据制作图片个数与效果评分 主页基本属性设置10分根据网站项目背景知识设置网页标题3分，设置页面的超链接属性3分，添加合适的Keyword关键字4分添加图片5分在网页中添加图形，与要求相符，图文排版整齐5分； 插入图片5分插入图片2分，边框设置正确3分页面超链接设置10分根据链接设置是否正确，是否可以打开评分CSS样式10分每个样式按0-3分给分，

33、文件保存正确1分广告图片自动轮换15分代码插入正确5分，修改效果成功5分，广告设计效果按0-1分，1-3分，3-5分给分合计100分湖南省高等职业院校电子商务专业技能抽考试题考试模块：商务网站内容建设 考核项目：网站（店）页面美化考试时间：45分钟 试题编号：1-3-7背景资料：“伟大国际”是一家房地产公司，现公司决定建设一个营销型的网站来树立企业形象，加强产品的宣传。请运用相应的工具软件来完成其商务网站内容建设中相关页面美化处理。测试任务：（1）将文件夹images下的logo.jpg图片上的“立天世纪”和相应的域名擦除，改成由公司名称“伟大国际”、域名“”合成的文字logo，文字的字体、大

34、小、颜色、形状自定义，修改后的图像文件格式存储为banner.jpg格式，保存在images文件夹中。（2）将pic_2图片上加上图片“shuiyin.jpg”的水印，调整水印的大小，图像大小调整为与pic_1图片一致，修改后的图像保存在images文件夹中，文件名不变；（3）将公司产品图片Product_3加上和Product_1一样的边框，将处理后的图片按原来格式和文件名存储于站点images文件夹下；（4）主页建立与属性设置：主页index的网页标题改为“伟大国际”，设置主页页面的背景颜色为“#C0C0C0”，超链接属性均为“始终有下划线”，链接颜色为“#0000CC”， 根据网站项目背

35、景知识为主页添加合适的Keyword关键字和description标签；（5）利用表格进行网页布局在“成功案例”栏目的下面插入一两行三列的表格进行布局，表格宽度设置为606像素，单元格中分别插入对应的图片和文字说明，具体见下图1，图片在素材里面找。 图1：栏目的布局效果（6）在网页中添加相应内容：图片从图片素材文件夹images中找，插入相应的位置，见主页中的红色字样的提示。（7）对网页内容进行排版处理打开“jzg.html”文件，在第一段的结尾处插入图片“jiuzai1.gif”,进行排版，要求第二段文字在图片的右边排列，具体见下图：图2：图文排版效果（8）在主页面的左下部显示不出图片的地方

36、（有个红色的小叉），插入由图片Product_3与product_4组成的鼠标经过图像。（9）设置页面的链接：将左侧导航条中的业务合作进行热点链接到页面jzg.html, 与我联系链接到.（10）用CSS样式美化网页：建立CSS外部样式文件,文件名为mycss.css，文件保存在站点CSS子文件夹下要求设置主页“成功案例”中的“作品说明”样式为：字体设定为楷体，大小设定为12，颜色代码为“#44436B”。通过样式为“成功案例”中的“客户：lv集团”所在单元格加上一细线边框，边框颜色为“#3300CC”。评分卡评价内容配分评分标准考核得分职业素养(5分)5分注重工作场所的6S管理，遵守操作规程

37、、操作纪律。记0分/3分/5分工作任务(95分)Banner图片处理10分删除不要的部分2分，banner上logo处理效果6分，文件保存2分图片水印处理10分添加水印成功5分，效果调整2分，保存文件正确3分边框处理10分边框制作效果8分，图片文件名保存正确2分页面属性设置5分根据网站项目背景知识设置网页标题1分；设置页面的背景和超链接属性2分；添加合适的Keyword关键字和description标签2分利用表格进行网页布局10分利用表格进行网页布局，布局合理和美观10分； 主页内容元素的添加5分在网页中添加相应内容，内容与样文相符合5分内容排版处理10分文字内容正确5分，排版美观5分页面动

38、态元素设置10分鼠标经过图像的设置有图像显示3分，有无动态效果7分页面超链接设置10分根据链接设置是否正确，是否可以打开评分，每少设一个链接扣4分，扣完本项为止用CSS样式美化网页15分外部样式文件按规定建立5分，样式文字设置是否正确5分，样式是否应用到对应文字5分合计100分湖南省高等职业院校电子商务专业技能抽考试题考试模块：商务网站内容建设 考核项目：网站（店）页面美化考试时间：45分钟 试题编号：1-3-8背景资料：“云之端”是一家专门经营女鞋的公司，现公司决定建设一个营销型的网站来树立企业形象，加强产品的宣传。请运用相应的工具软件来完成其商务网站内容建设中相关页面美化处理。测试任务：（

39、1）将文件夹images下的banner.png图片上的logo擦除，添加由公司名称“云之端”、域名“”合成的文字logo，文字的字体、大小、颜色、形状自定义，修改后的图像文件格式存储为banner.jpg格式，保存在images文件夹中。（2）将产品“shishangN03.Jpg”图片的鞋子合成到图片bg1.jpg上，以云彩为背景，再进行裁剪处理，图片大小与原来的product_1一致，修改后的图像保存在images文件夹中，文件名不变；（3）将公司产品图片“youyaN01.Jpg”加上印有图片logo1的水印，并将水印上的白色背景去掉，与产品图片相融合入，将处理后的这些图片按原来格式和

40、文件名存储于站点images文件夹下；（4）主页建立与属性设置：根据网站项目背景知识给此主页更改网页标题，设置主页页面的背景图片为“bg2.jpg”，文字颜色为“#000000”， 设置主页页面的超链接属性均为“始终有下划线”，已访问链接颜色为“#0033FF”；（5）利用表格进行网页布局在“推荐产品”下插入表格，进行下面的布局，效果见下图：图1： 布局效果图（6）在网页中添加相应内容：插入上图中各对应的图片，从图片素材文件夹images中找；例外将主页中的LOGO图片换成上面已经制作好的“banner.jpg”；添加文字：“时尚NO3，分类：时尚系列”等 ，可以自行定义，但是要求有下划线。（

41、7）在页面的中上部Product_1图片处插入由图片Product_1与product_2组成的鼠标经过图像；（8）设置主页面的链接：将导航条中的帽子展示链接到页面“”，公司简介链接到图片“girl.jpg”；（9）将已有样式“style1”中添加背景颜色为“#00CC33”：字体大小设定为12。通过样式为主页产品介绍文字所处单元格加上一细线边框，边框颜色为“#CCCCCC”。（10）将“公司简介”栏目的蓝色文字段落设计成页面中的上下滚动文字形式，可以借用下面的代码插入相应位置，并进行修改.早晨好啊！空气好清新啊今朝食乜好呢？中央电视台评分卡评价内容配分评分标准考核得分职业素养(5分)5分注重

42、工作场所的6S管理，遵守操作规程、操作纪律。记0分/3分/5分工作任务(95分)Banner图片处理10分Banner图片文字擦除2分，按要求加上文字4分，效果2分，文件保存2分产品展示图片处理10分图像合成2分、裁剪4分，图片大小2分，图片文件名保存正确2分图片水印处理10分图像添加水印2分，效果处理8分页面属性设置5分根据网站项目背景知识设置网页标题1分；设置背景图片 颜色2分；页面的超链接属性2分利用表格进行网页布局10分利用表格进行网页布局正确5分，布局合理和美观按5/6-8/8-10计分； 主页内容元素的添加10分在网页中添加相应内容，内容与样文相符合5分对网页内容进行排版处理，图文

43、排版整齐5分页面动态元素设置10分鼠标经过图像的设置有图像显示3分，有无动态效果7分页面超链接设置5分根据链接设置是否正确，是否可以打开评分，每少设一个链接扣2分用CSS样式美化网页10分样式更改，颜色，文字大小设置是否正确5分，边框样式设置是否正确5分滚动文字特效15分代码插入正确5分，修改正确5分，完成效果按0-2/2-3/4-5计分。合计100分湖南省高等职业院校电子商务专业技能抽考试题考试模块：商务网站内容建设 考核项目：网站（店）页面美化考试时间：45分钟 试题编号：1-3-9背景资料：“包你满意”是一家专门经营女性包包的公司，现公司决定建设一个营销型的网站来树立企业形象，加强产品的

44、宣传。请运用相应的工具软件来完成其商务网站内容建设中相关页面美化处理。测试任务：（1）打开文件夹images下的banner.jpg；将Banner图片上右边添加由公司名称“包你满意”、域名“”合成的文字logo，将文字“包你满意”的图层样式选择投影和外发光，属性设置见下图1和图2，其它的字体、大小、颜色、形状自定义，而域名则要求变形为水平下弧，弯曲50%，其它自定义。修改后图片大小不变，依然存储为banner.jpg，保存在images文件夹中。 图1：投影选项设置 图2：外发光选项设置（2）将产品product_1图片右下角的一小段文字全部删除，加上“包你满意”四个竖排文字，其大小、颜色、

45、形状自定义，修改后的图像保存在images文件夹中，文件名不变；（3）打开index.html文档，设置主页的背景颜色为“#5A5068”;根据网站项目背景知识为主页添加合适的Keyword关键字；（4）从图片素材文件夹images中找出上面题目中已经修改后的banner.jpg，插入相应位置；（5）在“商品描述”栏目进行文字的编排，中文字素材为考试文件夹下的“文字.txt”，设计此栏目，布局见下图：名称CHERLONE巴黎风尚系列牛皮两用包功能手提/单肩打开方式拉链材料牛皮颜色白色、粉红色、驼色、黑色、红色尺寸包体约为宽：38cm（包身最宽处），高：30cm，厚：12cm ，手提带长约：10

46、cm，肩带长约：25cm内部结构1个外袋，1个手机袋，1个证件袋，1个内侧拉链袋，1个夹层拉链袋产地中国重量1.14KG市场价1438元实物点评图片仅做款式参考，产品说明为您了解此包的辅助说明，请以实物为准。图3：栏目设置（6）在主页的“商品展示”栏目中插入由图片Product_5与product_1组成的鼠标经过图像；（7）设置热点链接：利用矩形热点工具对左方栏目“推荐商品”进行热点链接，连接到“product_6.jpg”；（8）建立CSS外部样式文件,文件名为mycss.css，文件保存在站点CSS子文件夹下、要求设置主页产品介绍文字的样式为：字体设定为宋体，大小设定为12，颜色代码为“

47、#CC0000”。评分卡评价内容配分评分标准考核得分职业素养(5分)5分注重工作场所的6S管理，遵守操作规程、操作纪律。记0分/3分/5分工作任务(95分)Banner图片处理15添加文字3分、文字属性设置符合要求10分，保存成功2分产品展示图片处理15删除文字8分、添加竖排文字5分，图片文件保存正确2分主页基本属性设置10设置页面的背景颜色4分，添加合适的Keyword关键字6分插入图片10在网页中添加图形，与要求相符5分，图文排版整齐5分； 主页内容元素的添加与排版10在网页中添加相应内容，内容与样文相符合5分对网页内容进行排版处理，图文排版整齐5分动态效果10鼠标经过图像的动态效果设置正

48、确热点链接10根据链接设置是否正确，是否可以打开评分用CSS样式美化网页15外部样式文件按规定建立5分，样式文字设置是否正确5分，样式是否应用到对应文字5分合计100分湖南省高等职业院校电子商务专业技能抽考试题考试模块：商务网站内容建设 考核项目：网站（店）页面美化考试时间：45分钟 试题编号：1-3-10背景资料：“居然之家”是一家从事家装、建材、家具和家私的公司，现公司决定建设一个营销型的网站来树立企业形象，加强产品的宣传。请运用相应的工具软件来完成其商务网站内容建设中相关页面美化处理。测试任务：（1）将文件夹images下的logo.jpg的白色背景去掉,换成图bg.jpg 的背景,重新

49、组合出一幅新的图片，logo图片的大小不变，修改后的图像文件格式存储为banner.jpg格式，保存在images文件夹中；（2）将产品product_3图片的上的所有文字去掉，加上“居然之家”，大小，颜色等自定义；图像大小调整为与product_1图片一致，将修改后的图片保存在images文件夹中，文件名不变；（3）将公司产品图片Product_4加上直排文字“居然之家”，变形为垂直凸起50%弯曲的变形文字，颜色自定义，再加上投影和斜面浮雕效果。将处理后的这些图片按原来格式和文件名存储于站点images文件夹下，大小变成与product_1图片一致；（4）设置页面属性：设置主页页面的超链接属

50、性均为“变换图像时隐藏下划线”，已访问链接颜色为“#000099”； 背景图片改为“bg2.jpg”,改成“横向重复”；根据网站项目背景知识为主页添加合适的Keyword关键字；（5）利用表格进行网页布局在“促销活动”栏目下使用四行一列的表格进行布局，表格宽度设置为600像素，排版好的表格和文字效果见下图1，具体文字是：“官方授权 晚安床上用品系列 满299立减100；家具满1000送150；9月10日大型展示会；签到送百元家具抵用券，食用油，冰激凌”，文字大小和颜色自定义，要求排版美观；（6）网页中添加相应内容显示不出图片的灰色部分，分别为 banner.jpg 图和产品展示图片“Produ

51、ct_3”，图片从图片素材文件夹images中找，实际效果见下图1：图1：主页效果图（7）对网页内容进行排版处理：参照上图1，对左侧的两个栏目“招商信息”和“拼购”进行排版和内容的添加；（8）在页面的中下部“九龙餐桌”插入由图片Product_4与product_6组成的鼠标经过图像；（9）页面超链接设置设置主页面的链接：将导航条中的产品展示链接到页面“”，促销活动链接到,联系我们链接到图片“联系.jpg”；（10）用CSS样式美化网页更改样式“style1”,要求设置文字的样式为：大小设定为12，颜色代码为“#003399”。通过样式为主页中间最大的图片“top-adv.gif”加上一点划线

52、边框，边框颜色为“#003366”。（11）浮动广告设计与制作：根据背景自选材料，可以利用下面的浮动广告代码完成相关广告的制作： 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(wind

53、ow.navigator.appVersion.indexOf(MSIE)+5,window.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+ima

54、geheight+5screen.height) dy=-dy; if(x0) dx=-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 = wind

55、ow.createPopup(); var oPopupBody = oPopup.document.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()

56、,hideafter*1000) 评分卡评价内容配分评分标准考核得分职业素养(5分)5分注重工作场所的6S管理，遵守操作规程、操作纪律。记0分/3分/5分工作任务(95分)Banner图片处理10分图片大小相符合2分、格式符合2分，背景制作效果2分，整体效果4分产品展示图片处理10分去除文字4分，添加文字，效果处理4分，图像大小相符合2分图片文字处理10分添加文字2分，效果处理评分6分，文件保存成功2分主页基本属性设置5分设置页面的超链接属性设置1分；背景图片设置2分；添加合适的Keyword关键字2分表格布局10分利用表格进行网页布局，布局合理和美观内容添加5分在网页中添加相应内容，内容与样

57、文相符合5分主页内容拍板10分对网页内容进行排版处理，图文排版整齐动态设计5分鼠标经过设计正确5分页面超链接设置5分根据链接设 置是否正确，是否可以打开评分，每少设一个链接扣2分，扣完本项为止用CSS样式美化网页10分样式文字设置是否正确5分，边框样式设置是否正确5分浮动广告设计与制作15分浮动广告代码插入正确5分，代码修改正确5分，制作效果按0-2/2-3/4-5分计分合计100分湖南省高等职业院校电子商务专业技能抽考试题考试模块：商务网站内容建设 考核项目：网站（店）页面美化考试时间：45分钟 试题编号：1-3-11背景资料：“普拉”是一个休闲运动鞋品牌，现公司决定建设一个在线销售网站。请

58、运用相应的工具软件来完成其商务网站建设中相关工作任务。测试任务：1、模仿下图1：样图example.jpg制作banner图片。要求根据文件夹images下所给的素材（top1.gif、top2.gif、top.jpg、简体霹雳.ttf）合成制作图片文件，并命名为banner.jpg，图片中的“普拉来袭”四个字的字体使用简体霹雳（在images文件夹下找到简体霹雳导入图片处理软件中）；将banner.jpg的长宽调整为700像素X 230像素； 图1-3-11-1：样图example.jpg2、模仿下图1-3-11-2样图pmodel.jpg，参照上图1-3-11-1的样图example.jp

59、g效果图，根据文件夹images下所给的素材（p1.jpg至p4.jpg）制作图片文件，按照以下要求完成图片的制作：要求：1）四幅图大小一致，2）必须要有“抢”字图形（圆圈颜色为#FF0000，字体颜色#FFFFFF，字体和大小自选）3）右下方价格与图1-3-11-1的example.jpg中标注的一致（注意每幅图有两个价格，颜色，字体自选）4）背景一定要加上水印“”。 5）将制作好的四幅图片保存至images文件夹中，并分别命名为product1.jpg； product2.jpg；product3.jpg；product4.jpg。图1-3-11-2：样图pmodel.jpg3、参照图1-

60、3-11-1：样图example.jpg,新建主页文件index.html，并对主页进行布局。要求：1）设计页面外观：设置页面属性中网页标题为“普拉官方网站”； 超链接属性均为“始终无下划线”；主页背景颜色“#CCCCCC”，页面居中对齐。2）参照样图1-3-11-1进行布局，并将banner.jpg；product1.jpg; product2.jpg；product3.jpg；product4.jpg插入到相应的位置； 3）到网上查找一张图片，素材与背景相符，并调整大小插入到主页中，放在样图1-3-11-1中左边显示的 “清凉人字拖，9元起 ”图片所在的位置。4）在网页中嵌入qq客服，使客