配合 PhotoImpact 的網頁模板設計網站

 

方法一: 透過 PhotoImpact 以表格配置版面

1. 在 PhotoImpact 的百寶箱中選擇 "範本資料庫/網頁",把網頁 1 的範本拉出來

2. 這是一個網路書店的簡單範本,可以先儲存為 BookStore.ufo

3. 編輯左方導覽按鈕:以滑鼠右鍵點選 編輯 Rollover 物件

依序選取三個影像,設定超連結,目標框架,替代文字與狀態列顯示文字

並且可以選擇按鈕的檔案格式 (jpg, gif 或是 png)

可惜這裡不能夠更改按鈕的文字,如果需要換一個按鈕標題的話,要從元件設計師裡面重新再作一組按鈕了

按確定

3. 選擇 檔案/儲存 Web/存成 HTML

4. 在 Dreamweaver 中打開網頁編輯

5. 接下來應該要設計 Reference, Periodicals, Novels, Fiction, Non-Fiction 這五個按鈕的動作:

有兩種方式可以選擇

a. 在畫面中 Reference 文字的地方以 圖層取代,替每一個 Reference, Periodicals,... 按鍵都增加一個圖層,然後交替顯示

b. 將上面作出來的網頁另外存 4 份,名字都設計成不一樣的,如此有一份文件裡是 Reference, 一份文件裡是 Periodicals, 一份文件裡是 Novels..., 然後將各個按鈕的連結設為對應的文件


範例網頁