网站店正文页面美化试题题库试题.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分

工作任务(95分)
图像文件长与宽尺寸
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分评分

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擦除，添加由公司名称“石头记”、域名“”合成的文字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分

工作任务(95分)
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分，扣完本项为止

用CSS样式美化网页
15分
外部样式文件按规定建立5分，样式文字设置是否正确5分，样式是否应用到对应文字5分

合计
100分

湖南省高等职业院校电子商务专业技能抽考试题
考试模块：商务网站内容建设 考核项目：网站（店）页面美化
考试时间：45分钟 试题编号：1-3-3
背景资料：
“花之林”是一家专门经营鲜花和相关配套礼品的公司，现公司决定建设一个营销型的网站来树立企业形象，加强产品的宣传。请运用相应的工具软件来完成其商务网站建设中相关页面美化处理。
测试任务：
（1）将文件夹images下的header.jpg图像大小调整为宽790像素，高108像素；将Banner图片上添加由公司名称“花之林”、域名“”合成的文字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,热门商品栏目中 “心心相印” 文字链接到“”
（8）图片放大特效的制作：将主页下面栏目“热门商品”里的“心心相印”的玫瑰花图片进行放大特效处理。（将下面的代码插入适当的位置并进行相应的修改）
<table width="120" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left"><a href="" target="_blank"><img src=" onmouseover="this.width='190';this.height=230" onmouseout="this.width='95';this.height=115" border="0" /></a></td></tr><tr>
</table>

评分卡
评价内容
配分
评分标准
考核得分
职业素养
(5分)
5分
注重工作场所的6S管理，遵守操作规程、操作纪律。记0分/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-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
背景资料：
“天资护肤”是一家专门经营女性护肤产品的公司，现公司决定建设一个营销型的网站来树立企业形象，加强产品的宣传。请运用相应的工具软件来完成其商务网站建设中相关页面美化处理。
测试任务：
（1）将文件夹images下的logo.jpg图片上中间的文字擦除（即“珊珊花店”等文字），添加由公司名称“天资护肤”、“设为首页”，“加入收藏”,域名“”,合成的文字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”，“产品展示”链接到“”,“联系我们”链接到“contact.html”；
（8）建立CSS外部样式文件,文件名为mycss.css，文件保存在站点CSS子文件夹下。要求设置主页产品介绍文字的样式为：字体设定为黑体，大小设定为14，颜色代码为“#FDC0E2”。并通过样式为导航条介绍文字所处单元格加上一虚线边框，边框颜色为“#CCCCCC”；
（9）滚动文字设计：在主页最下面的文字：“copy right @2011 ,All Rights Reserved 版权所有 湖南天资贸易有限公司”设计成滚动文字效果。
水平滚动代码：
<marquee direction="left" align="bottom" height="25" width="100%" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" scrolldelay="1">水平滚动字幕内容</marquee>

评分卡
评价内容
配分
评分标准
考核得分
职业素养
(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分；

页面动态元素设置
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 像素。（根据下面代码的提示，修改图片路径和链接）
<SCRIPT>
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.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+5>screen.width) dx=-dx;
if(y+imageheight+5>screen.height) dy=-dy;
if(x<0) dx=-dx;
if(y<0) 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.document.body;
oPopupBody.style.cursor="hand"
oPopupBody.innerHTML = '<IMG SRC="'+preloadit.src+'">';
oPopup.document.body.onmouseover=new Function("clearTimeout(startani)")
oPopup.document.body.onmouseout=pop
oPopup.document.body.onclick=dowhat
pop();
if (hideafter>0)
setTimeout("dismisspopup()",hideafter*1000)
}
</SCRIPT>
评分卡
评价内容
配分
评分标准
考核得分
职业素养
(5分)
5分
注重工作场所的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
背景资料：
“风行天科技”是一家专门经营科技产品的公司，现公司决定建设一个营销型的网站来树立企业形象，加强产品的宣传。请运用相应的工具软件来完成其商务网站建设中相关页面美化处理。
测试任务：
（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）设置主页面的链接：将导航条中的“产品介绍”链接到百度首页：；
（8）建立CSS外部样式文件,文件名为mycss.css，文件保存在站点CSS子文件夹下。要求设置主页产品介绍文字的样式为：字体设定为楷体，大小设定为12，颜色代码为“#FDC0E2”。并通过样式为导航条介绍文字所处单元格加上一实线边框，边框颜色为“#CCCCCC”；
（9）广告图片放大效果的制作：在“最新产品展示”栏目，根据下面代码的提示进行修改，把该栏目下的三幅图片设计成图片的放大效果。
<table width="120" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>

<td align="left"><a href="" target="_blank"><img src=" onmouseover="this.width='190';this.height=230" onmouseout="this.width='95';this.height=115" border="0" /></a></td></tr><tr>
</table>

评分卡
评价内容
配分
评分标准
考核得分
职业素养
(5分)
5分
注重工作场所的6S管理，遵守操作规程、操作纪律。记0分/3分/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分给分，文件保存正确1分

广告图片自动轮换
15分
代码插入正确5分，修改效果成功5分，
广告设计效果按0-1分，1-3分，3-5分给分

合计
100分

湖南省高等职业院校电子商务专业技能抽考试题
考试模块：商务网站内容建设 考核项目：网站（店）页面美化
考试时间：45分钟 试题编号：1-3-7
背景资料：
“伟大国际”是一家房地产公司，现公司决定建设一个营销型的网站来树立企业形象，加强产品的宣传。请运用相应的工具软件来完成其商务网站内容建设中相关页面美化处理。
测试任务：
（1）将文件夹images下的logo.jpg图片上的“立天世纪”和相应的域名擦除，改成由公司名称“伟大国际”、域名“”合成的文字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, 与我联系链接到.
（10）用CSS样式美化网页：
建立CSS外部样式文件,文件名为mycss.css，文件保存在站点CSS子文件夹下
要求设置主页“成功案例”中的“作品说明”样式为：字体设定为楷体，大小设定为12，颜色代码为“#44436B”。
通过样式为“成功案例”中的“客户：lv集团”所在单元格加上一细线边框，边框颜色为“#3300CC”。
评分卡
评价内容
配分
评分标准
考核得分
职业素养
(5分)
5分
注重工作场所的6S管理，遵守操作规程、操作纪律。记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分

页面动态元素设置
10分
鼠标经过图像的设置有图像显示3分，有无动态效果7分

页面超链接设置
10分
根据链接设置是否正确，是否可以打开评分，每少设一个链接扣4分，扣完本项为止

用CSS样式美化网页
15分
外部样式文件按规定建立5分，样式文字设置是否正确5分，样式是否应用到对应文字5分

合计
100分

湖南省高等职业院校电子商务专业技能抽考试题
考试模块：商务网站内容建设 考核项目：网站（店）页面美化
考试时间：45分钟 试题编号：1-3-8
背景资料：
“云之端”是一家专门经营女鞋的公司，现公司决定建设一个营销型的网站来树立企业形象，加强产品的宣传。请运用相应的工具软件来完成其商务网站内容建设中相关页面美化处理。
测试任务：
（1）将文件夹images下的banner.png图片上的logo擦除，添加由公司名称“云之端”、域名“”合成的文字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）设置主页面的链接：将导航条中的帽子展示链接到页面“
（9）将已有样式“style1”中添加背景颜色为“#00CC33”：字体大小设定为12。通过样式为主页产品介绍文字所处单元格加上一细线边框，边框颜色为“#CCCCCC”。
（10）将“公司简介”栏目的蓝色文字段落设计成页面中的上下滚动文字形式，可以借用下面的代码插入相应位置，并进行修改.
<marquee scrollAmount=2 width=300 height=160 direction=up>·早晨好啊！<br>·空气好清新啊<br>·今朝食乜好呢？<p>·<a href=>中央电视台</a></mar