第四类Photoimpact网页设计应用

《第四类Photoimpact网页设计应用》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第四類：Photoimpact網頁設計應用401中華民國電腦技能基金會網頁設計1．請開啟圖片檔401.ufo設計，完成結果儲存401-學號.JPG2．完成之圖檔如下設計項目：1．設定滑鼠游標到移到圖示時，即變成圖示效果。2．以401.txt的「參加…」文字建立HTML文字。文字位置與顏色請參考結果圖。3．由元件設計師中「按鈕列」的「側邊文字_1」設計按鈕列，各按鈕之URL：請參考401.TXT所提供的網址。按鈕列完成圖，如下圖所示4．設定滑鼠移至以下區域可出現的替代文字及超連結：替代文字「中華民國電替代文

2、字「企業人才腦技能基金會」技能認證」超連結：超連結：HTTP://www.csf.org.twhttp://www.tqc.org.tw402世界建築之旅請開啟圖片檔402.ufo設計。完成結果儲存402-學號.jpg。結果如下圖設計項目：1．HTML內容的設計如下：「標題」：世界建築之旅、「作者」：電腦技能基金會、「關鍵字」：世界建築、社教館：本網頁的背景色為白色。2．選取右上的建築物，填入資料為URL：http://www.geocities.com/vienna/choir/1293/bigband

3、.jpg、點選時目標網頁需在新視窗開啟，圖的替代文字為：歡迎參觀倫敦大笨鐘、該網頁狀態列文字為：觀迎參觀倫敦大笨鐘、使用影像地圖工具繪製矩形影像地圖。3．選取右下的建築物，填入資料為URL：http://home.kimo.com.tw/poetics/2-2.htm、點選時目標網頁需在新視窗開啟，圖的替代文字為：觀迎參觀巴黎凱旋門、該網頁狀態列文字為：歡迎參觀巴黎凱旋門、使用影像地圖工具繪製矩形影地圖。4．選取左上的建築物，填入資料為URL：http://home.kimo.com.tw/tourser

4、vices.htm、點選時目標網頁需在新視窗開啟，圖的替代文字為：歡迎參觀雪黎歌劇院、該網頁狀態列文字為：歡迎參觀雪黎歌劇院、使用影像地圖工具繪製矩形影地圖。5．選取左下的建築物，填入資料為URL：http://home.kimo.com.tw/tourservices.htm、點選時目標網頁需在新視窗開啟，圖的替代文字為：歡迎參觀比薩斜塔、該網頁狀態列文字為：歡迎參觀比薩斜塔、使用影像地圖工具繪製矩形影地圖。403208北京奧運開一新檔案，大小為800x600像素，解析度為72像素/英吋，底色為「web

5、背景影像預設材質」中的bg032.jpg、透明度：50。完成後儲存：403-學號.jpg。完成如下圖設計項目：1．利用「網路元件/元件設計師」中「橫幅/側邊文字_1」的製作網站標幟，內容文字與顏色請參考結果圖。2．製作按鈕列：a.貼入403.ufo的「奧運五環」物件，物件數量及大小如附圖。b.依序製作如附圖中所示的四個Rollover按鈕（按鈕為圖中的文字），按鈕預設色彩為R:255G:255B:0c.並繪製底圖。3．製作風景名勝圖示、文字及北京奧運標誌。a.依序貼入403-1.jpg、403-2.j

6、pg、403-3.jpg三張圖片，將各圖「再製」後使用「炭筆」效果。再分別製作成Rollover按鈕，按鈕預設項目為使用效果後的圖片，MouseOver為原圖。替代文字分別為天壇、故宮及長城。b.使用html文字製作簡介，內容請參考403.txt。c.並繪製底框d.貼入403-4.ufo中的「標誌」後，將其製作成3d圖示。404流行時尚開啟圖片404.ufo設計，完成後儲存：404-學號.jpg。完成後如下圖：設計項目：1．開啟圖片404.ufo，將模特兒照片處理成向右漸淡且溶入背景的效果。2．輸入「20

7、05spring&summerfashiononline」文字，大小為26pt、字體ArialBlack、顏色為(R116G67B108)，並設計成上下文字相同，且將字串做成一個圓圈，位置為左=330上=303．開啟圖片檔404-1.ufo，分別將四張款式圖片製作成Roolover，置入404.ufo圖檔中的文字圓圈內，其中MouseOver用的圖片亮度須較暗(值為-45)，並向右下位移1個像素(x=1y=1)，連結依序設為Main1.htm~Main4.htm，替代文字則全設為fashionstyle。

8、4．開啟圖片檔404-2.ufo，將商標圖案置入404.ufo圖檔中，並對製作成橢圓形的影像地圖，連結設為http://www.yichier.com.tw/，替代文字=依琪兒服飾公司。405Tomato廣告設計開啟圖片405.jpg設計，完成後儲存：405-學號.jpg。完成圖如下。設計項目：1．擷取405.jpg中的人物，參考結果圖之效果。2．變更底色為墨綠色(R:160G:204B:57)。3．將擷取完成後的人物圖形進行