01/27 忠孝- 作品 影像網頁切片連結設計展…精華題

tony0938

設計主題：Photoshop影像版面與Dreamweaver版面整合設計

運用指令：

第1段影像版面設計

1.         首頁主題影像...置入影像

2.         文字主題... 文字工具、文字屬性

3.         背景版面...選取工具、漸層工具、參考線

第2段影像版面在網頁上的應用

先開啟新檔案，在儲存為網頁.html

在頁面屬性插入背景影像應用

拉出參考線

AP dIV圖層佈置

插入文字、影像、導覽列按鈕

連結安排

第3段在影像版面上建立切片連結

切片連結工具

插入導覽列按鈕

切片選項應用

輸入以http://開頭的連結

輸入以web開頭的連結

_blank  在新的瀏覽器中開啟網頁

_self  在此圖片所在的頁框中開啟網頁

_parent  取消上一層頁框中的分割頁框設定，並在其中開啟網頁

_top  取消頁框中所有的分割頁框設定，並在無頁框中瀏覽開啟網頁

必須注意事項在上課中已經有做完整說明，請學員請配合設計完成後繳交喔！

範例檔案：請學員們開檔案練習、影像網頁設計展示範檔  (歡迎下載)

練習題做完的同學請把檔案回傳給我，以方便老師幫你們做檢查喔！

歡迎其他班別學員一起學習喔！

新加入學員可以將已經上線的學習作業檔、線上教育訓練檔、作品呈現檔、原創檔下載下來

若是還有不了解之處學員們可利用回覆視窗與我聯絡喔！

聯成電腦  版主位置：職訓多媒體&網頁設計班  tony黃正升老師

1040127