PhotoImpact & Dreamweaver ( 96/08/24 )

一.PhotoImpact - 切割工具 ( 用於版面設置 )

1.開啟PhotoImpact 10軟體
2.選取一個網頁樣版檔案 → 拖拉到PhotoImpact編輯區
3.點選左方工作列 → 切割工具
4.上方工具列會變更 → 選擇自動切割
5.電腦切割完成後，若是不滿意，能自行修改 → 切割
☆切割的方式 - 矩行、水平線、垂直線
☆切割時，可以變更右上角【顯示比例】來放大或縮小版面
☆切割失敗時，可點選【刪除橡皮擦】來取消
6.存檔時，需儲存下列兩檔
A.檔案 → 儲存 Web → 存成 HTML ( 出現一個網頁與其所有區塊 )
B.檔案 → 另存新檔 ( 儲存一個UFO檔 )
二.單頁式網頁製作要點
1.以美工設計版面為主，能然要考慮文字編輯的方便
2.設計版面圖檔 - 基本位置配置，大色塊，單色圖，區分各區塊 ( 標題、功能表、本文 )
3.適當工具 -
①PhotoImpact設計頁面
②切割工具，存成網頁
③Dreamweaver樣版處理多個頁面
三.操作實例
1.製作設計 - ①圖稿 ②切割 ③另存HTML
2.網頁設計
①開啟版面HTML
②指定樣版範本 - 插入 → 樣版物件 → 製作樣版
③指定樣版可編輯區域 - 插入 → 樣版物件 → 可編輯區域
④開新檔案 ( 範本 ) - 檔案 → 開新檔案 → 樣版 → 網站名稱
四.在Dreamweaver使用樣版設計

1.開啟製作好的網頁 - 保留可編輯 ( 文字、圖片 ) 的位置
2.插入 → 樣版物件 → 製作樣版
①產生Templates資料夾 - 裡面為所有版面區塊圖
②儲存一個樣版檔 ( .dwt )
3.選取區域 - 插入 → 樣版物件 → 可編輯區域
☆當可編輯區刪除，可將原區域背景設定為附近相同顏色
4.套用網頁 - 修改 → 樣版 → 將樣版套用到頁面
☆可將網頁直接套用到，以設定名稱的可編輯區域