模块一项目3 网站(店)页面美化试题.doc

湖南省高等职业院校电子商务专业技能抽考试题考试模块：商务网站内容建设 考核项目：网站（店）页面美化考试时间：45 分钟 试题编号：1-3-1背景资料：“佳人苑”是株洲芦淞服饰城一家专门销售女式时装的服装店，为了拓展客户市场，“佳人苑”在淘宝开店来进行网上销售。请根据素材文件夹下提供的素材为其网店进行促销区域的制作和美化。网店促销区域的制作效果如下图所示:图 1:网店促销区域的制作效果图测试任务：①新建一个大小为 785 像素×500 像素的图像文件，分辨率为 72，名称为mh1-3-1;②使用素材中的 bg.jpg、start.psd 元素合成和修饰背景(参照效果图 1);③载入素材 bt01.psd 左侧人物图层，复制粘贴到“cx.psd”中，通过自由变换调整到合适位置;④添加白色圆角矩形，给圆角矩形添加“投影”图层样式;⑤利用单列选框工具、描边绘制圆角矩形中的竖线，宽度为 1 像素，颜色为“#d9d6d6”浅灰;⑥添加矩形区域中的图文说明，使用素材文件夹下的 8.jpg、sub01.psd;⑦促销区域的修饰，载入素材 main1.psd 文件中的“I LOVE SHOPPING”调整该标语的颜色，使其和整体效果相符合，载入 flower.jpg 中的鲜花,放在如效果图 1 中的位置;⑧动画设计设计“I LOVE SHOPPING”，使其在动画中通过图层可见性来显示标语的上下移动；设计“秒杀”文字动画，使其在动画中通过图层可见性来显示由小变为大；设计“SPRING”所对应文字图层，通过调整透明度来使文字由淡到完全显示；设计“新款包邮”文字左右移动，向左移动终点位置为竖线分割线，向右移动终点位置与“新春新款”对齐。⑨设置动画的过渡效果;⑩将文件保存为 mh1-3-1.psd，并优化和导出动画形成一个 mh1-3-1.Gif图片格式文件。评分卡评价内容 配分 评分标准 考核得分职业素养(5 分) 5 分注重工作场所的 6S 管理，遵守操作规程、操作纪律。记 0 分/3 分/5 分图像文件长与宽尺寸 5 分 按 0 分/5 分评分图像背景合成 5 分 根据效果按 0 分/2 分/4 分/5 分评分人物素材的载入 5 分 根据效果按 0 分/3 分/5 分评分圆角矩形 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分评分工作任务(95分)元素的动画设计 5 分 “SPRING” 文字由淡到完全显示，根据效果按0 分/3 分/5 分评分5 分 “新款包邮”文字左右移动，根据效果按 0 分/3 分/5 分评分动画过渡效果设计 5 分 根据效果按 0 分/3 分/5 分评分图像文件名称和格式 5 分 根据效果按 0 分/3 分/5 分评分合计 100 分湖南省高等职业院校电子商务专业技能抽考试题考试模块：商务网站内容建设 考核项目：网站（店）页面美化考试时间：45 分钟 试题编号：1-3-2背景资料：“石头记”是一家专门经营女性饰品的公司，现公司决定建设一个营销型的网站来树立企业形象，加强产品的宣传。请运用相应的工具软件来完成其商务网站内容建设中相关页面美化处理。测试任务：（1）将素材文件夹下 images 文件中的 banner.bmp 图像大小调整为宽 778像素，高 76 像素；将 Banner 图片上左边的 logo 擦除，添加由公司名称“石头记”、域名“www.istone.com”合成的文字 logo，文字的格式、大小、颜色、形状自定义，但要求美观、清晰，修改后的图像文件格式存储为 banner.jpg 格式，保存在 images 文件夹中;（2）将公司产品图片 Product_1 到 Product_2 均加上印有图片 logo1 的水印，将处理后的这些图片按原来格式和文件名存储于站点 images 文件夹下;（3）打开素材文件夹下 index.html 的主页文件,设置页面属性中网页标题为“石头记饰品网站”， 超链接属性均为“始终无下划线”;（4）根据网站项目背景知识为主页添加合适的 Keyword 关键字和description 标签;（5）在页面的中上部插入由图片 Product_1 与 product_2 组成的鼠标经过图像;（6）在页面的中下部圆角矩形区域内添加下面产品介绍文字“ 来自韩国 银色小花设计，高贵而不张扬，非常适合办公室 MM 哦！优质合金镀 K 金，可保长久不退色 ”;（7）设置主页面的链接：将导航条中的售后服务链接到售后服务页面service.html，关于我们链接到 Us.html,联系我们链接到 contact.html;（8）建立 CSS 外部样式文件,文件名为 mycss.css，文件保存在素材文件夹下 CSS 文件夹中、要求设置主页产品介绍文字的样式为：字体设定为宋体，大小设定为 12，颜色代码为“#CC0000”。评分卡评价内容 配分 评分标准 考核得分职业素养(5 分) 5 分注重工作场所的 6S 管理，遵守操作规程、操作纪律。记 0 分/3 分/5 分Banner 图片处理15 分 图片大小相符合 2 分、格式符合 2 分，文字擦除效果 5 分，banner 上 logo 效果 4 分,整体效果 2 分图片水印处理 10 分 图像的水印制作,根据制作图片个数与效果评分，本题 2 个图片需加水印，每个 5 分主页基本属性设置10 分 设置网页标题设置正确 5 分，设置页面的超链接属性均为不带下划线标记 5 分关键字设置 10 分 添加合适的 Keyword 关键字，添加位置正确 2 分、关键字内容合理性 3 分，description 标签添加位置正确 2、内容的合理性 3 分Banner 图片插入5 分 图像插入位置正确，能正常显示页面动态元素设置10 分 鼠标经过图像的设置有图像显示 3 分，有无动态效果 7 分主页内容元素的添加10 分 文字内容正确 5 分，排版美观 5 分页面超链接设置10 分 根据链接设置是否正确，是否可以打开评分，每少设一个链接扣 4 分，扣完本项为止工作任务(95分)用 CSS 样式美化网页15 分 外部样式文件按规定建立 5 分，样式文字设置是否正确 5 分，样式是否应用到对应文字 5 分合计 100 分湖南省高等职业院校电子商务专业技能抽考试题考试模块：商务网站内容建设 考核项目：网站（店）页面美化考试时间：45 分钟 试题编号：1-3-3背景资料：“花之林”是一家专门经营鲜花和相关配套礼品的公司，现公司决定建设一个营销型的网站来树立企业形象，加强产品的宣传。请运用相应的工具软件来完成其商务网站建设中相关页面美化处理。测试任务：（1）将文件夹 images 下的 header.jpg 图像大小调整为宽 790 像素，高108 像素；将 Banner 图片上添加由公司名称“花之林”、域名“www.huazl.com”合成的文字 logo，文字的字体为华文彩云、大小 60、内外发光、描边填充渐变为紫绿橙渐变，修改后的图像存储为 banner.jpg 格式，保存在 images 文件夹中。（2）将产品图片 product_1 和 product_2 均加上印有图片“shuiyin.jpg”的水印。图片的图像大小调整为宽 130 像素，高度 130 像素，将处理后的这些图片按原来格式和文件名存储于站点 images 文件夹下；（3）将公司产品图片 1.jpg 上的小狗抠下来加到图 2.jpg 合适的位置上，并加上“买就送”三个字，大小颜色等均自定义，但要求字变形为拱形和加上投影，合并成一幅图片。将处理后的图片大小设置为宽度和高度均为 125 像素，保存为 Product_3 存储于站点 images 文件夹下；（4）根据网站项目背景知识给此主页设置网页标题；页面字体设置为“华文细黑”；设置主页页面的超链接属性均为“始终无下划线”，链接颜色为“#000099”；（5）从图片素材文件夹 images 中找出相应的图片素材banner，product_1, product_2 和 product_3（上面题目中已经做好的），分别将它们插入主页相应的有红色文字提醒的位置；（6）在页面的左下部“花之物语”插入由图片 9.jpg 与 10.jpg 组成的鼠标经过图像；（7）设置主页面的链接：将导航条中的“联系我们”链接到页面contact.html,热门商品栏目中 “心心相印 ” 文字链接到“http://www.flowercn.com”（8）图片放大特效的制作：将主页下面栏目“热门商品”里的“心心相印”的玫瑰花图片进行放大特效处理。（将下面的代码插入适当的位置并进行相应的修改）评分卡评价内容 配分 评分标准 考核得分职业素养(5 分) 5 分注重工作场所的 6S 管理，遵守操作规程、操作纪律。记 0 分/3 分/5 分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-2 分/3-5 分 /5-7 分打分页面动态元素设置10 分 鼠标经过图像的设置有图像显示 3 分，有无动态效果按照 0-2 分/3-5 分/5-7 分打分工作任务(95分)页面超链接设置10 分 根据链接设置是否正确，是否可以打开评分，每少设一个链接扣 4 分，扣完本项为止图片放大特效处理10 分 代码插入正确 2 分，修改代码正确 3 分，完成结果根据效果按 0-2 分/3-4 分/5 分打分合计 100 分湖南省高等职业院校电子商务专业技能抽考试题考试模块：商务网站内容建设 考核项目：网站（店）页面美化考试时间：45 分钟 试题编号：1-3-4背景资料：“天资护肤”是一家专门经营女性护肤产品的公司，现公司决定建设一个营销型的网站来树立企业形象，加强产品的宣传。请运用相应的工具软件来完成其商务网站建设中相关页面美化处理。测试任务：（1）将文件夹 images 下的 logo.jpg 图片上中间的文字擦除（即“珊珊花店”等文字），添加由公司名称“天资护肤”、“设为首页”，“加入收藏”,域名“www.tianzi.com”,合成的文字 logo，文字的字体、大小、颜色、形状自定义，修改后的图像文件格式存储为 banner.jpg 格式，保存在 images 文件夹中。（2）将产品 product_4 图片中的产品裁剪出来，图像大小设置为宽度为413 像素， 高度为 204 像素，修改后的图像保存在 images 文件夹中，文件名不变；（3）将公司产品图片 Product_3 和 Product_5 均加上印有图片“shuiyin.png”的水印，将处理后的这些图片按原来格式和文件名存储于站点images 文件夹下；（4）打开主页根据网站项目背景知识给此主页设置网页标题，设置超链接属性均为“始终无下划线”，已访问链接颜色为“#FFFFFF”，为主页添加合适的 Keyword 关键字和 description 标签；（5）在主页中插入相应的图片，图片从素材文件夹 images 中找，其中logo 图片插入上面已经做好的 banner.jpg，并更新图片 Product_3 和Product_5；（6）在页面的右上部显示不出图片的灰色部分插入由图片 Product_1 与product_4 组成的鼠标经过图像；（7）设置主页面的链接：将导航条中的“加盟代理” 链接到“product_6.jpg”，“产品展示”链接到“www.sina.com.cn”,“联系我们”链接到“contact.html”；（8）建立 CSS 外部样式文件,文件名为 mycss.css，文件保存在站点 CSS 子文件夹下。要求设置主页产品介绍文字的样式为：字体设定为黑体，大小设定为 14，颜色代码为“#FDC0E2”。并通过样式为导航条介绍文字所处单元格加上一虚线边框，边框颜色为“#CCCCCC”；（9）滚动文字设计：在主页最下面的文字：“copy right @2011 tianzi.com,All Rights Reserved 版权所有 湖南天资贸易有限公司”设计成滚动文字效果。水平滚动代码：水平滚动字幕内容 评分卡评价内容 配分 评分标准 考核得分职业素养(5 分) 5 分注重工作场所的 6S 管理，遵守操作规程、操作纪律。记 0 分/3 分/5 分Banner 图片处理15 分 图片大小相符合 2 分、格式符合 3 分，banner 上logo 处理效果 10 分产品展示图片处理10 分 裁剪 4 分，图像大小相符合 4 分、 ，图片文件名保存正确 2 分图片水印处理 10 分 图像的水印制作,根据制作图片个数与效果评分，本题 2 个图片需加水印，每个 5 分主页基本属性设置10 分 根据网站项目背景知识设置网页标题 2 分设置页面的超链接属性均为不带下划线标记 3 分添加 Keyword 关键字和 description 标签 5 分插入图片 10 分 在网页中添加图形，与要求相符 5 分，图文排版整齐 5 分； 工作任务(95分)页面动态元素设置10 分 鼠标经过图像的设置有图像显示 3 分，有无动态效果 7 分页面超链接设置10 分 根据链接设置是否正确，是否可以打开评分CSS 样式 15 分 外部样式文件按规定建立 5 分，样式文字设置正确5 分，边框样式设置正确 5 分滚动文字 5 分 文字效果设计成功 5 分，否则 0 分合计 100 分湖南省高等职业院校电子商务专业技能抽考试题考试模块：商务网站内容建设 考核项目：网站（店）页面美化考试时间：45 分钟 试题编号：1-3-5背景资料：商务九州是一家以销售数码、通讯产品为主的电子商务有限公司，产品均来自各大正规厂商，全部为正品、质量可靠有保证。现公司决定建设一个营销型的网站来树立企业形象，加强产品的宣传。请运用相应的工具软件来完成其商务网站建设中相关页面美化处理。测试任务：（1）将素材文件夹 images 下的 logo.gif 图像大小调整为宽 776 像素，高140 像素；添加“因为用心，所以专业”的文字，要求：颜色为“268DF5”，华文新魏，24 号；采用变形文字中的旗帜样式，弯曲 80%，其它选项默认，做出效果见下面图 1 主页效果图，修改后的图像文件格式存储为 banner.jpg 格式，保存在 images 文件夹中；图 1：主页效果图（2）按照文件夹 images 下图片 1.gif 的背景制作出另外一幅图片，即保留背景，只需要将文字“特价商品”更改为“新品推荐”即可，效果见上面的主页效果图，命名为 2.gif,保存在 images 文件夹中，（注意图片 1.jpg 源文件要保留）；（3）打开试题文件夹下 index.html 的主页文件；设置页面属性中设置网页标题为“商务九州”，页面属性外观中背景颜色为“#999999”，设置页面的超链接属性均为“不带下划线标记”，链接颜色为“#FFFF00”；（4）在显示为“所有类别”的列表后的标签内插入一个显示为“搜索”的按钮；（红色小字“按钮”处）；（5）在主页红色字“插入 LOGO”处插入从图片素材文件夹 images 中找出前面处理过的图片“banner.jpg”；红色字“新品推荐”处插入“2.jpg”；（6）从图片素材文件夹 images 中找到“华硕 A6”的图片，将其插入主页文件中“华硕 A6”单元格的左边相应位置，并设置图像的边框为 2；（7）在主页下方“魅族 X2（512M）”单元格左边插入图像对象、鼠标经过图像，原始图像选择文件夹 images 中的“魅族 X2(1)”，鼠标经过图像为“魅族 X2(2)”；（8）建立 CSS 外部样式文件,文件名为 mycss.css，文件保存在站点 CSS 子文件夹下。要求设置主页产品介绍文字的样式为：字体设定为楷体，大小设定为 12，颜色代码为“#FDC0E2”。并通过样式为导航条介绍文字所处单元格加上一实线边框，边框颜色为“#CCCCCC”；（9）浮动广告制作：根据背景和网站风格、特点，设计一则浮动广告，大小要求为 80 X 90 像素。（根据下面代码的提示，修改图片路径和链接）var imagepath=“http://www.cyxxg.com/images-0/qqxy-0003.gif“ var imagewidth=171 //这两行写图片的大小 var imageheight=133 var speed=3; var imageclick=“http://www.cyxxg.com/“ //这里写点击图片连接到的地址 var hideafter=0 var isie=0; if(window.navigator.appName==“Microsoft Internet Explorer“ } 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(x ; 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 管理，遵守操作规程、操作纪律。记 0 分/3 分/5 分Banner 图片处理15 分 图片大小相符合 2 分、文字添加成功 3 分，变形符合 8 分，保存文件成功 2 分产品展示栏图片处理10 分 图像大小相符合 2 分、图像背景一致 3 分、文字处理成功 4 分，图片文件名保存正确 1 分主页基本属性设置10 分 设置网页标题 2 分，背景颜色设置正确 2 分，设置页面的超链接属性均为不带下划线标记 4 分，颜色正确 2 分插入按钮 5 分 插入按钮位置正确 1 分，按钮显示正确 4 分工作任务(95分)插入图片 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背景资料：“风行天科技”是一家专门经营科技产品的公司，现公司决定建设一个营销型的网站来树立企业形象，加强产品的宣传。请运用相应的工具软件来完成其商务网站建设中相关页面美化处理。测试任务：（1）将文件夹 images 下的 logo_1.gif 图像的高度调整为 60 像素，图片的模式调整为 RGB 颜色；将其背景去掉，将公司的名称“fengxingtian”加上“透明彩虹”的渐变。修改后的图像文件格式存储为 shuiyin.jpg 格式，保存在 images 文件夹中；（2）将图片 anniu_1.JPEG 加上内阴影和斜面浮雕效果，参数设置如下图 1和图 2 所示。再根据这种效果的制作两外两个图标（即图像背景、背景形状一致），只需要把“公司公告”这四个字改为“加入收藏夹”和“设置为首页”，图像大小设置为宽度 98 像素，高度 30 像素，字体颜色自选。完成后把图像保存在 images 文件夹中，文件另为 anniu_2.jpg 和 anniu_3.jpg；图 1：内阴影参数图 2：斜面和浮雕参数（3）将公司产品图片 Product_1 加上题（1）中已经做好的图片shuiyin.jpg 上的水印，将处理后的图片按原来格式和文件名存储于站点images 文件夹下；（4）根据网站项目背景知识给此主页设置网页标题为“风行天下”；设置主页页面的超链接属性均为“始终有下划线”，链接颜色为“#0000FF”，链接字体为“黑体”；根据网站项目背景知识为主页添加合适的 Keyword 关键字；（5）在“新闻导航”栏目下，添加图片素材文件夹 images 中的Product_1(注意：是已经加上了水印的图片)，对齐方式：右对齐；（6）在 logo 条右边的红色小字“加入收藏夹”和“设置为首页”处设计表格并插入上面做好的两张按钮图片 anniu_ 2.jpg 和 anniu_3.jpg；（7）设置主页面的链接：将导航条中的“产品介绍”链接到百度首页：http://www.baidu.com；（8）建立 CSS 外部样式文件,文件名为 mycss.css，文件保存在站点 CSS 子文件夹下。要求设置主页产品介绍文字的样式为：字体设定为楷体，大小设定为 12，颜色代码为“#FDC0E2”。并通过样式为导航条介绍文字所处单元格加上一实线边框，边框颜色为“#CCCCCC”；（9）广告图片放大效果的制作：在“最新产品展示”栏目，根据下面代码的提示进行修改，把该栏目下的三幅图片设计成图片的放大效果。评分卡评价内容 配分 评分标准 考核得分职业素养(5 分) 5 分注重工作场所的 6S 管理，遵守操作规程、操作纪律。记 0 分/3 分/5 分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 分给分，文件保存正确 1 分工作任务(95分)广告图片自动轮换15 分 代码插入正确 5 分，修改效果成功 5 分，广告设计效果按 0-1 分，1-3 分，3-5 分给分合计 100 分湖南省高等职业院校电子商务专业技能抽考试题考试模块：商务网站内容建设 考核项目：网站（店）页面美化考试时间：45 分钟 试题编号：1-3-7背景资料：“伟大国际”是一家房地产公司，现公司决定建设一个营销型的网站来树立企业形象，加强产品的宣传。请运用相应的工具软件来完成其商务网站内容建设中相关页面美化处理。测试任务：（1）将文件夹 images 下的 logo.jpg 图片上的“立天世纪”和相应的域名擦除，改成由公司名称“伟大国际”、域名“www.weida.com”合成的文字logo，文字的字体、大小、颜色、形状自定义，修改后的图像文件格式存储为banner.jpg 格式，保存在 images 文件夹中。（2）将 pic_2 图片上加上图片“shuiyin.jpg”的水印，调整水印的大小，图像大小调整为与 pic_1 图片一致，修改后的图像保存在 images 文件夹中，文件名不变；（3）将公司产品图片 Product_3 加上和 Product_1 一样的边框，将处理后的图片按原来格式和文件名存储于站点 images 文件夹下；（4）主页建立与属性设置：主页 index 的网页标题改为“伟大国际”，设置主页页面的背景颜色为“#C0C0C0”，超链接属性均为“始终有下划线”，链接颜色为“#0000CC”， 根据网站项目背景知识为主页添加合适的 Keyword 关键字和 description 标签；（5）利用表格进行网页布局在“成功案例”栏目的下面插入一两行三列的表格进行布局，表格宽度设置为 606 像素，单元格中分别插入对应的图片和文字说明，具体见下图 1，图片在素材里面找。 图 1：栏目的布局效果（6）在网页中添加相应内容：图片从图片素材文件夹 images 中找，插入相应的位置，见主页中的红色字样的提示。（7）对网页内容进行排版处理打开“jzg.html”文件，在第一段的结尾处插入图片“jiuzai1.gif”,进行排版，要求第二段文字在图片的右边排列，具体见下图：图 2：图文排版效果（8）在主页面的左下部显示不出图片的地方（有个红色的小叉），插入由图片 Product_3 与 product_4 组成的鼠标经过图像。（9）设置页面的链接：将左侧导航条中的业务合作进行热点链接到页面jzg.html, 与我联系链接到 http://www.hao123.com.（10）用 CSS 样式美化网页：建立 CSS 外部样式文件,文件名为 mycss.css，文件保存在站点 CSS 子文件夹下要求设置主页“成功案例”中的“作品说明”样式为：字体设定为楷体，大小设定为 12，颜色代码为“#44436B”。通过样式为“成功案例”中的“客户：lv 集团”所在单元格加上一细线边框，边框颜色为“#3300CC”。评分卡评价内容 配分 评分标准 考核得分职业素养(5 分) 5 分注重工作场所的 6S 管理，遵守操作规程、操作纪律。记 0 分/3 分/5 分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 分页面动态元素设置10 分 鼠标经过图像的设置有图像显示 3 分，有无动态效果 7 分页面超链接设置10 分 根据链接设置是否正确，是否可以打开评分，每少设一个链接扣 4 分，扣完本项为止工作任务(95分)用 CSS 样式美化网页15 分 外部样式文件按规定建立 5 分，样式文字设置是否正确 5 分，样式是否应用到对应文字 5 分合计 100 分湖南省高等职业院校电子商务专业技能抽考试题考试模块：商务网站内容建设 考核项目：网站（店）页面美化考试时间：45 分钟 试题编号：1-3-8背景资料：“云之端”是一家专门经营女鞋的公司，现公司决定建设一个营销型的网站来树立企业形象，加强产品的宣传。请运用相应的工具软件来完成其商务网站内容建设中相关页面美化处理。测试任务：（1）将文件夹 images 下的 banner.png 图片上的 logo 擦除，添加由公司名称“云之端”、域名“www.yunzd.com”合成的文字 logo，文字的字体、大小、颜色、形状自定义，修改后的图像文件格式存储为 banner.jpg 格式，保存在 images 文件夹中。（2）将产品“shishangN03.Jpg”图片的鞋子合成到图片 bg1.jpg 上，以云彩为背景，再进行裁剪处理，图片大小与原来的 product_1 一致，修改后的图像保存在 images 文件夹中，文件名不变；（3）将公司产品图片“youyaN01.Jpg”加上印有图片 logo1 的水印，并将水印上的白色背景去掉，与产品图片相融合入，将处理后的这些图片按原来格式和文件名存储于站点 images 文件夹下；（4）主页建立与属性设置：根据网站项目背景知识给此主页更改网页标题，设置主页页面的背景图片为“bg2.jpg”，文字颜色为“#000000”， 设置主页页面的超链接属性均为“始终有下划线”，已访问链接颜色为“#0033FF”；（5）利用表格进行网页布局在“推荐产品”下插入表格，进行下面的布局，效果见下图：图 1： 布局效果图（6）在网页中添加相应内容：插入上图中各对应的图片，从图片素材文件夹 images 中找；例外将主页中的 LOGO 图片换成上面已经制作好的“banner.jpg”；添加文字：“时尚 NO3，分类：时尚系列”等 ，可以自行定义，但是要求有下划线。（7）在页面的中上部 Product_1 图片处插入由图片 Product_1 与product_2 组成的鼠标经过图像；（8）设置主页面的链接：将导航条中的帽子展示链接到页面“http://baike.baidu.com/view/54792.htm”，公司简介链接到图片“girl.jpg”；（9）将已有样式“style1”中添加背景颜色为“#00CC33”：字体大小设定为 12。通过样式为主页产品介绍文字所处单元格加上一细线边框，边框颜色为“#CCCCCC”。（10）将“公司简介”栏目的蓝色文字段落设计成页面中的上下滚动文字形式，可以借用下面的代码插入相应位置，并进行修改.·早晨好啊！·空气好清新啊·今朝食乜好呢？·中央电视台评分卡评价内容 配分 评分标准 考核得分职业素养(5 分) 5 分注重工作场所的 6S 管理，遵守操作规程、操作纪律。记 0 分/3 分/5 分Banner 图片处理10 分 Banner 图片文字擦除 2 分，按要求加上文字 4 分，效果 2 分，文件保存 2 分产品展示图片处理10 分 图像合成 2 分、裁剪 4 分，图片大小 2 分，图片文件名保存正确 2 分图片水印处理 10 分 图像添加水印 2 分，效果处理 8 分工作任务(95分) 页面属性设置 5 分 根据网站项目背景知识设置网页标题 1 分；设置背景图片 颜色 2 分；页面的超链接属性 2 分利用表格进行网页布局10 分 利用表格进行网页布局正确 5 分，布局合理和美观按 5/6-8/8-10 计分； 主页内容元素的添加10 分 在网页中添加相应内容，内容与样文相符合 5 分对网页内容进行排版处理，图文排版整齐 5 分页面动态元素设置10 分 鼠标经过图像的设置有图像显示 3 分，有无动态效果 7 分页面超链接设置5 分 根据链接设置是否正确，是否可以打开评分，每少设一个链接扣 2 分用 CSS 样式美化网页10 分 样式更改，颜色，文字大小设置是否正确 5 分，边框样式设置是否正确 5 分滚动文字特效 15 分 代码插入正确 5 分，修改正确 5 分，完成效果按0-2/2-3/4-5 计分。合计 100 分湖南省高等职业院校电子商务专业技能抽考试题考试模块：商务网站内容建设 考核项目：网站（店）页面美化考试时间：45 分钟 试题编号：1-3-9背景资料：“包你满意”是一家专门经营女性包包的公司，现公司决定建设一个营销型的网站来树立企业形象，加强产品的宣传。请运用相应的工具软件来完成其商务网站内容建设中相关页面美化处理。测试任务：（1）打开文件夹 images 下的 banner.jpg；将 Banner 图片上右边添加由公司名称“包你满意”、域名“www.baonmy.com”合成的文字 logo，将文字“包你满意”的图层样式选择投影和外发光，属性设置见下图 1 和图 2，其它的字体、大小、颜色、形状自定义，而域名则要求变形为水平下弧，弯曲50%，其它自定义。修改后图片大小不变，依然存储为 banner.jpg，保存在images 文件夹中。图 1：投影选项设置 图 2：外发光选项设置（2）将产品 product_1 图片右下角的一小段文字全部删除，加上“包你满意”四个竖排文字，其大小、颜色、形状自定义，修改后的图像保存在 images文件夹中，文件名不变；（3）打开 index.html 文档，设置主页的背景颜色为“#5A5068”;根据网站项目背景知识为主页添加合适的 Keyword 关键字；（4）从图片素材文件夹 images 中找出上面题目中已经修改后的banner.jpg，插入相应位置；（5）在“商品描述”栏目进行文字的编排，中文字素材为考试文件夹下的“文字.txt”，设计此栏目，布局见下图：名称 [CHERLONE]巴黎风尚系列牛皮两用包功能 手提/ 单肩打开方式拉链材料 牛皮颜色 白色、粉红色、驼色、黑色、红色尺寸 包体约为宽：38cm（包身最宽处） ，高：30cm，厚：12cm ，手提带长约：10cm，肩带长约：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，颜色代码为“#CC0000”。评分卡评价内容 配分 评分标准 考核得分职业素养(5 分) 5 分注重工作场所的 6S 管理，遵守操作规程、操作纪律。记 0 分/3 分/5 分Banner 图片处理15 添加文字 3 分、文字属性设置符合要求 10 分，保存成功 2 分产品展示图片处理15 删除文字 8 分、添加竖排文字 5 分，图片文件保存正确 2 分主页基本属性设置10