第二十二次上課(網頁元件製作)


1.開啟Dw2004

2.管理網路/匯入/92xxxxx.ste/完成

3.一般製作網路元件(如按鈕.標題.背景...)可用影像處理軟體Photoimpactflash按鈕flash文字等.安裝英文字型,將老師分享的字型複製到C:/WINNT/FONTS內

4.在此以Trellian Button Factory(按鈕工廠)這套軟體來建立網頁的按鈕及標題(不一定要用)

(1)下載並安裝Trellian Button Factory

(2)開啟Trellian Button Factory.並且註冊(才能無限制使用)-方法:說明/註冊,填入註冊名稱及序號,按確定.按我接受合約及確定就OK了

5.Trellian Button Factory軟體使用方法

(1)開啟新專案(點選工具列的新專案工具).按YES並且變更背景顏色為黑色(可選自己喜歡的顏色)

(2)選擇自己要的按鈕或標題的形式,最好不要選太複雜的樣式(以免無法透空),並拖曳至新專案的版面中

(3)選取按鈕,快點兩下修改文字的內容為About me,字型(英文字請用英文字型)大小.顏色

(4)若覺得不滿意則可以選擇按鈕,按右鍵/內容,則可修改樣式,若按鈕大小與文字不合則可以直接調整大小

(5)選取按鈕,檔案/導出影像,格式類型選png(方能去背),路徑存在網芳自己的web/images內,檔名為but01.png

6.滑鼠移至left.htm的第一個選單,並刪除文字點選常用工具列的影像,將圖插入,屬性面版連結部分設定為:m1.htm,目標視窗:mainFrame

7.若覺得滿意,再進入Trellian Button Factory軟體陸續複製其他按鈕,方法:點選第一個按鈕,按右鍵/重複,再快點兩下修改文字即可再分別導出影像,存檔為but02.png,but03.png.....

8.滑鼠移至left.htm的第二.三.......個選單,將按鈕圖放好,並將網頁連結設定好

9.存檔+F12

10.此時要注意圖形是否有去背(透空)乾淨,若沒有的話必須更改背景圖(改為淺色系)