网站店正文页面美化试题试题题库文档格式.docx
- 文档编号:22400391
- 上传时间:2023-02-03
- 格式:DOCX
- 页数:66
- 大小:1.78MB
网站店正文页面美化试题试题题库文档格式.docx
《网站店正文页面美化试题试题题库文档格式.docx》由会员分享,可在线阅读,更多相关《网站店正文页面美化试题试题题库文档格式.docx(66页珍藏版)》请在冰豆网上搜索。
评价内容
配分
评分标准
考核得分
职业素养
(5分)
5分
注重工作场所的6S管理,遵守操作规程、操作纪律。
记0分/3分/5分
工作任务(95分)
图像文件长与宽尺寸
按0分/5分评分
图像背景合成
根据效果按0分/2分/4分/5分评分
人物素材的载入
根据效果按0分/3分/5分评分
圆角矩形
8分
圆角矩形按0分/3分/5分评分、
“投影”图层样式设置按0分/3分
圆角矩形图文说明的添加
矩形区域左边人物,按0分/3分/5分评分
3分
“秒杀”文字,按0分/3分评分
2分
99元,按0分/1分/2分评分
矩形区域中的竖线,按0分/3分/5分评分
“SPRING”按0分/3分/5分评分
“新春新款、新款包邮”,按0分/3分/5分评分
12分
矩形区域右边3个模特,每个按0分/2分/4分评分
促销区域的修饰
“ILOVESHOPPING”根据效果按0分/3分/5分评分
鲜花,根据效果按0分/3分/5分评分
元素的动画设计
秒杀”文字由小变为大,根据效果按0分/3分/5分评分
“SPRING”文字由淡到完全显示,根据效果按0分/3分/5分评分
“新款包邮”文字左右移动,根据效果按0分/3分/5分评分
动画过渡效果设计
图像文件名称
和格式
合计
100分
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”。
Banner图片处理
15分
图片大小相符合2分、格式符合2分,文字擦除效果5分,banner上logo效果4分,整体效果2分
图片水印处理
10分
图像的水印制作,根据制作图片个数与效果评分,本题2个图片需加水印,每个5分
主页基本属性设置
设置网页标题设置正确5分,设置页面的超链接属性均为不带下划线标记5分
关键字设置
添加合适的Keyword关键字,添加位置正确2分、关键字内容合理性3分,description标签添加位置正确2、内容的合理性3分
Banner图片插入
图像插入位置正确,能正常显示
页面动态元素设置
鼠标经过图像的设置有图像显示3分,有无动态效果7分
主页内容元素的添加
文字内容正确5分,排版美观5分
页面超链接设置
根据链接设置是否正确,是否可以打开评分,每少设一个链接扣4分,扣完本项为止
用CSS样式美化网页
外部样式文件按规定建立5分,样式文字设置是否正确5分,样式是否应用到对应文字5分
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组成的鼠标经过图像;
将导航条中的“联系我们”链接到页面contact.html,热门商品栏目中“心心相印”文字链接到“”
(8)图片放大特效的制作:
将主页下面栏目“热门商品”里的“心心相印”的玫瑰花图片进行放大特效处理。
(将下面的代码插入适当的位置并进行相应的修改)
<
tablewidth="
120"
border="
0"
align="
center"
cellpadding="
cellspacing="
>
tr>
tdalign="
left"
ahref="
"
target="
_blank"
imgsrc="
onmouseover="
this.width='
190'
;
this.height=230"
onmouseout="
95'
this.height=115"
/>
/a>
/td>
/tr>
/table>
图片大小相符合2分,文字添加正确3分,处理效果10分,其中文字的字体2分、大小正确2分、内外发光效果正确3分、描边,填充渐变正确3分
图像的水印制作,根据制作图片个数与效果评分,每个5分,调整大小正确5分
产品展示图片处理
图片合成正确给3分,添加文字符合要求10分,其中文字,大小颜色各给2分,变形正确3分,加上投影正确3分,合并成一幅图片图片大小,文件名保存正确2分
设置网页标题2分,文字设置正确3分,设置页面的超链接属性5分
插入图片
在网页中添加图形,与要求相符3分,图文排版整齐按照效果按照0-2分/3-5分/5-7分打分
鼠标经过图像的设置有图像显示3分,有无动态效果按照0-2分/3-5分/5-7分打分
图片放大特效处理
代码插入正确2分,修改代码正确3分,完成结果根据效果按0-2分/3-4分/5分打分
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组成的鼠标经过图像;
将导航条中的“加盟代理”链接到“product_6.jpg”,“产品展示”链接到“”,“联系我们”链接到“contact.html”;
(8)建立CSS外部样式文件,文件名为mycss.css,文件保存在站点CSS子文件夹下。
要求设置主页产品介绍文字的样式为:
字体设定为黑体,大小设定为14,颜色代码为“#FDC0E2”。
并通过样式为导航条介绍文字所处单元格加上一虚线边框,边框颜色为“#CCCCCC”;
(9)滚动文字设计:
在主页最下面的文字:
“copyright@2011,AllRightsReserved版权所有湖南天资贸易有限公司”设计成滚动文字效果。
水平滚动代码:
marqueedirection="
bottom"
height="
25"
width="
100%"
this.start()"
this.stop()"
scrollamount="
2"
scrolldelay="
1"
水平滚动字幕内容<
/marquee>
图片大小相符合2分、格式符合3分,banner上logo处理效果10分
裁剪4分,图像大小相符合4分、,图片文件名保存正确2分
根据网站项目背景知识设置网页标题2分
设置页面的超链接属性均为不带下划线标记3分
添加Keyword关键字和description标签5分
在网页中添加图形,与要求相符5分,图文排版整齐5分;
根据链接设置是否正确,是否可以打开评分
CSS样式
外部样式文件按规定建立5分,样式文字设置正确5分,边框样式设置正确5分
滚动文字
文字效果设计成功5分,否则0分
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)”;
字体设定为楷体,大小设定为12,颜色代码为“#FDC0E2”。
并通过样式为导航条介绍文字所处单元格加上一实线边框,边框颜色为“#CCCCCC”;
(9)浮动广告制作:
根据背景和网站风格、特点,设计一则浮动广告,大小要求为80X90像素。
(根据下面代码的提示,修改图片路径和链接)
SCRIPT>
varimagepath="
varimagewidth=171//这两行写图片的大小
varimageheight=133
varspeed=3;
varimageclick="
//这里写点击图片连接到的地址
varhideafter=0
varisie=0;
if(window.navigator.appName=="
MicrosoftInternetExplorer"
&
window.navigator.appVersion.substring(window.navigator.appVersion.indexOf("
MSIE"
)+5,window.navigator.appVersion.indexOf("
)+8)>
=5.5){
isie=1;
}
else{
isie=0;
if(isie){
varpreloadit=newImage()
preloadit.src=imagepath
functionpop(){
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);
functiondismisspopup(){
clearTimeout(startani)
oPopup.hide()
functiondowhat(){
if(imageclick=="
dismiss"
)
dismisspopup()
else
window.open(imageclick);
varx=0,y=0,dx=speed,dy=speed;
varoPopup=window.createPopup();
varoPopupBody=oPopup.document.body;
oPopupBody.style.cursor="
hand"
oPopupBody.innerHTML='
IMGSRC="
'
+preloadit.src+'
oPopup.document.body.onmouseover=newFunction("
clearTimeout(startani)"
oPopup.document.body.onmouseout=pop
oPopup.document.body.onclick=dowhat
if(hideafter>
0)
setTimeout("
dismisspopup()"
hideafter*1000)
/SCRIPT>
图片大小相符合2分、文字添加成功3分,变形符合8分,保存文件成功2分
产品展示栏图片处理
图像大小相符合2分、图像背景一致3分、文字处理成功4分,图片文件名保存正确1分
设置网页标题2分,背景颜色设置正确2分,设置页面的超链接属性均为不带下划线标记4分,颜色正确2分
插入按钮
插入按钮位置正确1分,按钮显示正确4分
在网页中添加图形,与要求相符,图文排版整齐5分;
插入图片2分,边框设置正确8分
每个样式按0-3分给分,文件保存正确1分
浮动广告设计
广告主题与背景相符5分,浮动效果成功5分,
广告设计效果按0-1分,1-3分,3-5分给分
1-3-6
“风行天科技”是一家专门经营科技
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网站 正文 页面 美化 试题 题库