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.套用網頁 - 修改 → 樣版 → 將樣版套用到頁面
☆可將網頁直接套用到，以設定名稱的可編輯區域

Photo Impact 10 ( 96/08/21 )

一.元件設計師 - 匯出
1.HTML - 產生一個網頁，圖檔
2.最佳化影像程式 - 產生圖檔 (JPG、GIF、PNG)，分開圖片檔或整個圖片檔
3.PhotoImpact的影像編輯區 :個別物件
4.PhotoImpact的影像編輯區 :元件物件
二.元件設計師 - Rollover 按鈕 ( 滑鼠滑過變換圖形 )
1.先產生一組按鈕，匯出 ( 產生HTML與三張圖檔 )
2.產生需求各組按鈕 ( HTML + 圖檔 )
3.複製所有產生的網頁與圖檔至網站資料夾
4.開啟Macromedia Dreamweaver MX2004
5.開啟按鈕主網頁，打開分割來檢視程式碼
6.打開其他按鈕網頁的程式碼，複製至主按鈕網頁
☆HTML的整體概念
〈HTML〉
〈HEAD〉資訊控制 ( 標題，關鍵字，CSS )
〈/HEAD〉Java Script
〈BODY〉內文
〈/BODY〉
〈/HTML〉
三.Ulead GIF Animattor 製作小動畫
1.先確定圖形尺寸 (寬、高)
2.準備好圖檔
3.進入 GIF Animattor ( 可利用Photo Imapact 右上角【切換】)
4.開新檔案 → 設定圖案大小
5.可以利用下方工具列 → 新增畫格
6.....增加物件......( 編輯圖片-貼圖、文字..等 )
7.連點下方畫格時間 - 設定各畫2格顯示時間
8.播放動畫 → 預覽顯示結果
9.存檔 - UGA ( 定義可修改檔 )、 GIF (圖像檔)
☆常用工具【連續漸變】，【新增橫幅文字】
四.安裝 AppServ 2.5.8 ( 網路伺服器 )
1.下載 AppServ 2.5.8
2.執行壓縮檔
3.設定安裝入徑 - 硬碟:/appserv
4.HTTP資訊 - 設定主機網址：localhost，e-mail信箱：a@a.a.a
5.MySQL密碼 - 設定密碼 1234，在確定一次 1234
6.NEXT.....結束
7.測試連結 - http://localhost/
★目前網路程式語言： ASP、JSP、PHD（動態網頁）
五.撰寫程式練習 - 需先安裝 AppServ
1.建立新檔案 -新檔案文字.TXT
2.變更檔名與負檔名 -1.php
3.使用Macromedia Dreamweaver MX2004 開啟 - 1.php
4.打開程式碼或分割 - 編寫程式碼
5.存檔 - 安裝硬碟:/appserv/www/1.php
6.測試連結 - http://localhost/1.php
☆程式碼 - 練習1
＜？php
echo '現在時間 ' . date("y-m-d", time());
＞？

Photo Impact 10 ( 96/08/20 )

一.網頁圖檔應用
1.UFO - Photo Impact專用
2.JPG - 相片，合成影像
3.PNG - 1 跟 2 的合成
4.GIF - 不規則圖形(透明色)，符號，圖案(256色、調色盤、網頁安全色)，標誌，標題，小動畫
二.按鈕設定師
1.先圈選預作成按鈕的選取區
2.網路 → 按鈕設計師（任意形狀，矩形）
3.設定樣式，方向，寬度，色彩...→ 確定
4.將按鈕物件複製到新影像
5.另存新檔 → GIF（圖形交換格式）→ 選項
6.勾選透明度 → 遮照選項 → 遮照 → 挑選色彩 → 色彩選擇
7.置入網頁內
三.背景設計師
1.網路 → 背景設計師
2.設定類型，顏色，漸層效果
四.元件設計師
1.網路 → 元件設計師
2.選擇套用的圖形 - 橫幅，按鈕，按鈕列....等
3.設定文字、圖形顏色、背景
☆如有超連結，需在此先行詳細設定，例：網址，目標，替代文字....等
4.匯出 -
①HTML
②影像最佳化程式（JPG檔）
③PhotoImpact的影像編輯區 :個別物件、元件物件

Photo Impact 10 ( 96/08/17 )

一.當選取圖案周邊複雜 (去背) - 物件 → 擷取物件
1.繪製邊界 - 選取圖案周邊
2.擷取物件 - 點選圖案周邊外圍 → 點選擷取
3.調整物件 - 擦掉圖案周邊多出來的圖案 → 完成後確定
二.畫面擷取 (視窗畫面)
1.檔案 → 畫面擷取→ 設定 - 擷取設定 (物件、自動捲動)
2.檔案 → 畫面擷取→ 開始 - 啟動擷取功能
3.找欲抓視窗秀出來
4.按下【F11】
5.將滑鼠拖拉到編輯區
6.檔案 → 畫面擷取→ 開始 - 關掉擷取功能
三.修容工具 (仿製圖形)
1.開啟一個圖片檔
2.選取修容工具內的仿製XXX
3.按住 Shift 不放，點選欲仿製的目標圖案
4.放開 Shift ，按住滑鼠左鍵開始塗鴉
☆當圖案未完成時，放開滑鼠，等於塗鴉第二次圖案
☆當為兩張圖片時，兩圖的比例必須相同才能塗鴉
四.常用工具
1.顏色 - 點選工具列【色彩】，選擇個人習慣工具
2.調整 - 擴大底框
3.相片 - 相片邊框
4.3D融合工具 - 選擇物件 → 變更3D物件 → 設定高度
5.文字工具 - 物件 (2D,3D,物件)、選取區、路經 (可改變形狀)
☆文字 → 選取區 → 擴大選取區
6.路徑繪圖工具

Photo Impact 10 ( 96/08/16 )

一.Photo Impact 常用功能
1.工具使用 - 挑選，屬性
2.百寶箱
3選取 (遮罩)，柔邊，取消選取
4.基底影像，物件
5.變形、特效、相片色調、色階
6.路徑，文字
二.平面貼圖的方法
1.在【目標影像】項設定【選取區】
2.選取區 → 匯出選取區（灰階圖檔）
3.到欲選取圖案，匯入選取區
4.移動選取區 - 選擇圈選工具 → 選項 → 只移動圈選框
5.選擇選取區複製 → 到【目標影像】貼上，並移動到選取區
三.遮罩使用
1.開新檔案 - 顏色灰階
2.任意畫圖 - 黑底不要的，白色需求的，灰色半透明的
3.可在其他圖案上匯入選取區
4.可以用繪圖工具改變圖案
四.百寶箱 - 文字資料庫
1.加入文字 - 選擇有兩種以上群組
2.展開『圖層管理員』 - 畫面右方工具列，顯示/隱藏圖層管理員
3.取消群組 - 在圖層管理員中，選擇文字物件，按下滑鼠右鍵
4.針對各個文字物件修改 - 在圖層管理員中，點選眼睛圖案隱藏物件，點選文字物件來修改文字
5.群組 - 修改完成時，點選全部欲群組物件，按下滑鼠右鍵
五.其他小技巧
1.透明度設定 - 圖案可以看到底層圖案
2.柔邊設定 - 圖案最外圍透明化
3.魔術棒工具 - 能直接圈選顏色相近物件
4.文字材質設定 - 模式需要選擇「3D 」
5.文字的水平跟垂直跟所選取的文字類型有關係

Macromedia Dreamweaver MX2004 ( 96/08/15 )

一.頁框的使用
1.腦中已有頁面(頁框)的規劃
2.建立預設的頁框
3.修改頁框的組成
4.設定頁框組的屬性 → 各頁框的寬度，是否捲動，標題
5.設定頁框的屬性 → 原始檔，頁框名稱
6.存檔 - 頁框，頁框組
二.頁框的分割
1.開新檔案時，點選頁框組來選擇樣式
2.版面工具列的頁框 - 選擇切割方式
3.手動分割 - 使用滑鼠來拖拉分割線
三.頁框的小技巧
IE的BUG，瀏覽器下方有捲動軸 - 將程式碼〈head〉前面全刪除
四.PhotoImpact 10操作使用 - 圖層照片工具
1.圖片裁切
①標準選取工具 -一般使用矩形、圓形
②套索工具 - 不規則形狀，逐點選
③魔術棒工具 - 物體與背景顯分離
④貝茲曲線工具 -
2.圖片的存檔
①未來需要變更時，使用UFO副檔名
②給網頁圖片使用JPG副檔名 - 存檔前需要注意壓縮品質

M0-M1的分析 ( 96/07/31)

一.M0-M1的分析
1.PLAN 計畫
A.STEUP 企畫 - 大方向，S.A系統分析師
B.DESION 設計 -細節，S.D.系統設計師
2.M1階段工作
A.外部規格表
B.概念腳本資料庫
C.專案人員組成/總日程表
*標準成本法 (1人月 = 50000 = 25天，1人天 = 2000 = 8小時，1人時 = 250)
二.Excel常用函數
1.文字函數
LEFT（儲存格,顯示多少字元）- 顯示左邊字元
RIGHT（儲存格,顯示多少字元）- 顯示右邊字元
MID（儲存格,開頭字元,結尾字元）- 顯示兩數值中間字元
VALUE（儲存格）- 文字轉成數字
TEXT（儲存格,"多少位數"）- 數字轉成文字
LEN（儲存格）- 計算有多少字元
FIND（"比較目標",儲存格）- 尋找目標在第幾位元
2.統計函數
1.COUNTIF（範圍儲存格,"目標"）- 比較符合目標數目
2.COUNT（範圍儲存格）- 範圍內儲存格總數
3.COUNTBLANK（範圍儲存格）- 範圍內空白儲存格總數