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

《模块一项目3 网站(店)页面美化试题.pdf》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、项目3：网站（店）页面美化试题测试题一背景资料：“佳人苑”是株洲芦淞服饰城一家专门销售女式时装的服装店，为了拓展客户市场，“佳人苑”在淘宝开店来进行网上销售。请根据素材文件夹下提供的素材为其网店进行促销区域的制作和美化。网店促销区域的制作效果如下图所示:图1网店促销区域的制作效果图测试任务：①新建一个大小为785像素×500像素的图像文件，分辨率为72，名称为mh1-3-1;②使用素材中的bg．jpg、start．psd元素合成和修饰背景(参照效果图)；③载入素材bt01．psd左侧人物图层，复制粘贴到“cx．psd”中，通过自由变

2、换调整到合适位置;④添加白色圆角矩形，给圆角矩形添加“投影”图层样式;⑤利用单列选框工具、描边绘制圆角矩形中的竖线，宽度为1像素，颜色为“#d9d6d6”浅灰;⑥添加矩形区域中的图文说明，使用素材文件夹下的8．jpg、sub01．psd;⑦促销区域的修饰，载入素材main1．psd文件中的“ILOVESHOPPING”调整该标语的颜色，使其和整体效果相符合，载入flower．jpg中的鲜花,放在如效果图1中的位置;⑧动画设计设计“ILOVESHOPPING”，使其在动画中通过图层可见性来显示标语的上下移动；设计“秒杀”文字动画，使其

3、在动画中通过图层可见性来显示由小变为大；设计“SPRING”所对应文字图层，通过调整透明度来使文字由淡到完全显示；设计“新款包邮”文字左右移动，向左移动终点位置为竖线分割线，向右移动终点位置与“新春新款”对齐。⑨设置动画的过渡效果;⑩将文件保存为mh1-3-1．psd，并优化和导出动画形成一个mh1-3-1．Gif图片格式文件。测试题二背景资料：“石头记”是一家专门经营女性饰品的公司，现公司决定建设一个营销型的网站来树立企业形象，加强产品的宣传。请运用相应的工具软件来完成其商务网站内容建设中相关页面美化处理。测试任务：（1）将ima

4、ges文件夹下的banner．bmp图像大小调整为宽778像素，高76像素；将Banner图片上左边的logo擦除，添加由公司名称“石头记”、域名“www．istone．com”合成的文字logo，文字的格式、大小、颜色、形状自定义，但要求美观、清晰，修改后的图像文件格式存储为banner．jpg格式，保存在images文件夹中;（2）将公司产品图片Product_1到Product_2均加上印有图片logo1的水印，将处理后的这些图片按原来格式和文件名存储于站点images文件夹下;（3）打开素材文件夹下index．html的主页

5、文件，设置页面属性中网页标题为“石头记饰品网站”，超链接属性均为“始终无下划线”;（4）根据网站项目背景知识为主页添加合适的Keyword关键字和description标签;（5）在页面的中上部插入由图片Product_1与product_2组成的鼠标经过图像;（6）在页面的中下部添加一个矩形，并在该区域内添加下面产品介绍文字“来自韩国银色小花设计，高贵而不张扬，非常适合办公室MM哦！优质合金镀K金，可保长久不退色”;（7）设置主页面的链接：将导航条中的售后服务链接到售后服务页面service．html，关于我们链接到Us．html

6、，联系我们链接到contact．html;将完成以上所有操作步骤的网页文件另存为“default．html”，放在考试文件夹下。（8）建立CSS外部样式文件，文件名为mycss．css，文件保存在素材文件夹下CSS文件夹中、要求设置主页产品介绍文字的样式为：字体设定为宋体，大小设定为12，颜色代码为“#CC0000”。测试题三背景资料：“花之林”是一家专门经营鲜花和相关配套礼品的公司，现公司决定建设一个营销型的网站来树立企业形象，加强产品的宣传。请运用相应的工具软件来完成其商务网站建设中相关页面美化处理。测试任务：（1）将文件夹im

7、ages下的header．jpg图像大小调整为宽790像素，高108像素；将Banner图片上添加由公司名称“花之林”、域名“www．huazl．com”合成的文字logo，文字的字体为华文彩云、“花之林”字体大小为60，域名“www．huazl．com”英文字体大小为24,内外发光、描边填充渐变为紫绿橙渐变，修改后的图像存储为banner．jpg格式，保存在images文件夹中(具体参见效果图)。（2）将产品图片product_1和product_2均加上图片“shuiyin．jpg”上的水印“花之林”。图片的图像大小调整为宽13

8、0像素，高度130像素，将处理后的这些图片按原来格式和文件名存储于站点images文件夹下；（3）将公司产品图片1．jpg上的小狗抠下来加到图2．jpg合适的位置上，并加上“买就送”三个字，大小颜色等均自定义，但要求字变形为拱形和加上