收藏 分销(赏)

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

上传人:精*** 文档编号:2655064 上传时间:2024-06-03 格式:DOC 页数:45 大小:3.65MB
下载 相关 举报
网站店正文页面美化试题题库试题.doc_第1页
第1页 / 共45页
网站店正文页面美化试题题库试题.doc_第2页
第2页 / 共45页
网站店正文页面美化试题题库试题.doc_第3页
第3页 / 共45页
网站店正文页面美化试题题库试题.doc_第4页
第4页 / 共45页
网站店正文页面美化试题题库试题.doc_第5页
第5页 / 共45页
点击查看更多>>
资源描述

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管理,遵守操作规程、操作纪律

32、。记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分每个样式

33、按0-3分给分,文件保存正确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分,排

38、版美观5分页面动态元素设置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,分类:时尚系列”等 ,可以自行定义,但是要求有下划线。(7)在页面的中上部Product_1图片处插入由图片Product_1与product_2组成的鼠标经过图像;(8)设置主页面的链接:将导航条中的帽子展示链接到页面“(9)将已有样式“style1”中添加背景颜色为“#00CC33”:字体大小设定为12。通过样式为主页产品介绍文字所处单元格加上一细线边框,边框颜色为“#CCCCCC”。(10)将“公司简介”栏目的蓝色文字段落设计成页面中的上下滚动文字形式,可以借用下面的代码插入相应位置,并进行修改.早晨好啊!空气好清新啊今朝食乜好呢?中央电视台/mar

展开阅读全文
相似文档                                   自信AI助手自信AI助手
猜你喜欢                                   自信AI导航自信AI导航
搜索标签

当前位置:首页 > 教育专区 > 其他

移动网页_全站_页脚广告1

关于我们      便捷服务       自信AI       AI导航        获赠5币

©2010-2024 宁波自信网络信息技术有限公司  版权所有

客服电话:4008-655-100  投诉/维权电话:4009-655-100

gongan.png浙公网安备33021202000488号   

icp.png浙ICP备2021020529号-1  |  浙B2-20240490  

关注我们 :gzh.png    weibo.png    LOFTER.png 

客服