模塊一項目3 網(wǎng)站(店)頁面美化試題.pdf

《模塊一項目3 網(wǎng)站(店)頁面美化試題.pdf》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、項目3：網(wǎng)站（店）頁面美化試題測試題一背景資料：“佳人苑”是株洲蘆淞服飾城一家專門銷售女式時裝的服裝店，為了拓展客戶市場，“佳人苑”在淘寶開店來進(jìn)行網(wǎng)上銷售。請根據(jù)素材文件夾下提供的素材為其網(wǎng)店進(jìn)行促銷區(qū)域的制作和美化。網(wǎng)店促銷區(qū)域的制作效果如下圖所示:圖1網(wǎng)店促銷區(qū)域的制作效果圖測試任務(wù)：①新建一個大小為785像素×500像素的圖像文件，分辨率為72，名稱為mh1-3-1;②使用素材中的bg．jpg、start．psd元素合成和修飾背景(參照效果圖)；③載入素材bt01．psd左側(cè)人物圖層，復(fù)制粘貼到“cx．psd”中，通過自由變

2、換調(diào)整到合適位置;④添加白色圓角矩形，給圓角矩形添加“投影”圖層樣式;⑤利用單列選框工具、描邊繪制圓角矩形中的豎線，寬度為1像素，顏色為“#d9d6d6”淺灰;⑥添加矩形區(qū)域中的圖文說明，使用素材文件夾下的8．jpg、sub01．psd;⑦促銷區(qū)域的修飾，載入素材main1．psd文件中的“ILOVESHOPPING”調(diào)整該標(biāo)語的顏色，使其和整體效果相符合，載入flower．jpg中的鮮花,放在如效果圖1中的位置;⑧動畫設(shè)計設(shè)計“ILOVESHOPPING”，使其在動畫中通過圖層可見性來顯示標(biāo)語的上下移動；設(shè)計“秒殺”文字動畫，使其

3、在動畫中通過圖層可見性來顯示由小變?yōu)榇?；設(shè)計“SPRING”所對應(yīng)文字圖層，通過調(diào)整透明度來使文字由淡到完全顯示；設(shè)計“新款包郵”文字左右移動，向左移動終點位置為豎線分割線，向右移動終點位置與“新春新款”對齊。⑨設(shè)置動畫的過渡效果;⑩將文件保存為mh1-3-1．psd，并優(yōu)化和導(dǎo)出動畫形成一個mh1-3-1．Gif圖片格式文件。測試題二背景資料：“石頭記”是一家專門經(jīng)營女性飾品的公司，現(xiàn)公司決定建設(shè)一個營銷型的網(wǎng)站來樹立企業(yè)形象，加強產(chǎn)品的宣傳。請運用相應(yīng)的工具軟件來完成其商務(wù)網(wǎng)站內(nèi)容建設(shè)中相關(guān)頁面美化處理。測試任務(wù)：（1）將ima

4、ges文件夾下的banner．bmp圖像大小調(diào)整為寬778像素，高76像素；將Banner圖片上左邊的logo擦除，添加由公司名稱“石頭記”、域名“www．istone．com”合成的文字logo，文字的格式、大小、顏色、形狀自定義，但要求美觀、清晰，修改后的圖像文件格式存儲為banner．jpg格式，保存在images文件夾中;（2）將公司產(chǎn)品圖片Product_1到Product_2均加上印有圖片logo1的水印，將處理后的這些圖片按原來格式和文件名存儲于站點images文件夾下;（3）打開素材文件夾下index．html的主頁

5、文件，設(shè)置頁面屬性中網(wǎng)頁標(biāo)題為“石頭記飾品網(wǎng)站”，超鏈接屬性均為“始終無下劃線”;（4）根據(jù)網(wǎng)站項目背景知識為主頁添加合適的Keyword關(guān)鍵字和description標(biāo)簽;（5）在頁面的中上部插入由圖片Product_1與product_2組成的鼠標(biāo)經(jīng)過圖像;（6）在頁面的中下部添加一個矩形，并在該區(qū)域內(nèi)添加下面產(chǎn)品介紹文字“來自韓國銀色小花設(shè)計，高貴而不張揚，非常適合辦公室MM哦！優(yōu)質(zhì)合金鍍K金，可保長久不退色”;（7）設(shè)置主頁面的鏈接：將導(dǎo)航條中的售后服務(wù)鏈接到售后服務(wù)頁面service．html，關(guān)于我們鏈接到Us．html

6、，聯(lián)系我們鏈接到contact．html;將完成以上所有操作步驟的網(wǎng)頁文件另存為“default．html”，放在考試文件夾下。（8）建立CSS外部樣式文件，文件名為mycss．css，文件保存在素材文件夾下CSS文件夾中、要求設(shè)置主頁產(chǎn)品介紹文字的樣式為：字體設(shè)定為宋體，大小設(shè)定為12，顏色代碼為“#CC0000”。測試題三背景資料：“花之林”是一家專門經(jīng)營鮮花和相關(guān)配套禮品的公司，現(xiàn)公司決定建設(shè)一個營銷型的網(wǎng)站來樹立企業(yè)形象，加強產(chǎn)品的宣傳。請運用相應(yīng)的工具軟件來完成其商務(wù)網(wǎng)站建設(shè)中相關(guān)頁面美化處理。測試任務(wù)：（1）將文件夾im

7、ages下的header．jpg圖像大小調(diào)整為寬790像素，高108像素；將Banner圖片上添加由公司名稱“花之林”、域名“www．huazl．com”合成的文字logo，文字的字體為華文彩云、“花之林”字體大小為60，域名“www．huazl．com”英文字體大小為24,內(nèi)外發(fā)光、描邊填充漸變?yōu)樽暇G橙漸變，修改后的圖像存儲為banner．jpg格式，保存在images文件夾中(具體參見效果圖)。（2）將產(chǎn)品圖片product_1和product_2均加上圖片“shuiyin．jpg”上的水印“花之林”。圖片的圖像大小調(diào)整為寬13

8、0像素，高度130像素，將處理后的這些圖片按原來格式和文件名存儲于站點images文件夾下；（3）將公司產(chǎn)品圖片1．jpg上的小狗摳下來加到圖2．jpg合適的位置上，并加上“買就送”三個字，大小顏色等均自定義，但要求字變形為拱形和加上