商务网站设计与制作2017级 商务网站设计与制作2017级 技能测试题10.docVIP

《商务网页设计与制作》技能测试题10 考试时间：45 分钟 背景资料： “居然之家”是一家从事家装、建材、家具和家私的公司，现公司决定建设 一个营销型的网站来树立企业形象，加强产品的宣传。请运用相应的工具软件来 完成其商务网站内容建设中相关页面美化处理。 测试任务： （1）将文件夹images下的logo.jpg的白色背景去掉，以图bg.jpg 作为背景重新组合出一幅新的图片， 修改后的图像文件格式存储为banner.jpg格式，保存在images文件夹中； （2）将产品product_3图片的上的水印去掉，加上“居然之家”，大小，颜色等自定义；图像大小调整为与product_1 图片一致，将修改后的图片保存在 images文件夹中，文件名不变； （3）将公司产品图片Product_4加上直排文字“居然之家”，变形为垂直凸起50%弯曲的变形文字，颜色自定义，再加上投影和斜面浮雕效果。将处理后的这些图片按原来格式和文件名存储于站点images文件夹下，大小变成与product_1图片一致； （4）设置页面属性：设置主页页面的超链接属性均为“变换图像时隐藏下划线”，已访问链接颜色为“#000099”； 背景图片改为“bg2.jpg”,改成“横向重复”；根据网站项目背景知识为主页添加合适的Keyword关键字； （5）利用表格进行网页布局在“促销活动”栏目下使用四行一列的表格进行布局，表格宽度设置为600像素，表格内的文字见下：“官方授权 晚安床上用品系列 满299立减100；家具满1000送150；9月10日大型展示会；签到送百元家具抵用券，食用油，冰激凌”，文字自定义，排版美观； （6）网页中添加相应内容灰色部分分别为banner.jpg 图，产品展示图片“Product_3” （7）按照样文对网页内容进行排版处理：参照上图，对左侧的两个栏目“招商信息”和“拼购”进行排版和内容的添加。 （8）在页面的中下部“九龙餐桌”插入由图片Product_4与product_6组成的鼠标经过图像； （9）页面超链接设置：设置主页面的链接：将导航条中的产品展示链接到页面 “”，促销活动链接到,联系我们链接到图片“联系.jpg”； （10）用CSS样式美化网页：更改样式“style1”,要求设置文字的样式为：大小设定为12，颜色代码为“#003399”。通过样式为主页中间最大的图片“top-adv.gif”加上一点划线边框，边框颜色为“# （11）浮动广告设计与制作：根据背景自选材料，可以利用下面的浮动广告代码完成相关广告的制作： SCRIPT var imagepath=/images-0/qqxy-0003.gif var imagewidth=171 //这两行写图片的大小 var imageheight=133 var speed=3; var imageclick=/ //这里写点击图片连接到的地址 var hideafter=0 var isie=0; if(window.navigator.appName==Microsoft Internet Explorerwindow.navigator.appVersion.substring(window.navigator.appVer sion.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+imageheight+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