網路資料庫流程-Dreamweave ( 96/09/05 )

一.Dreamweave 管理網站 - 進階設定
1.本機資訊設定

2.遠端資訊設定

3.測試伺服器設定

★伺服器模式 - 資料庫使用
A.ASP VBScript - Mircosoft Access
B.ASP.NETVB - CQL
C.JSP - JavaScript
D.PHP MySQL - MySQL

4.網站地圖/版面設定 - 首頁設定

☆當按下確定時，首頁不存在，會問是否建立

二.建立留言版網頁
1.新增檔案 - 建立一個 save.asp 網頁

2.設定表單 - 編輯表單填寫留言版內容
可參考資料
http://lubawolf.blogspot.com/2007/08/macromedia-dreamweaver-mx2004-960830.html
三.插入資料庫
1.開啟資料庫功能 - 視窗 → 資料庫
2.觀看右邊應用程式面版視窗內，功能是否正常工作 ( 前三個是否有打勾 )

3.點選應用程式面版內的【資料庫】→ 按下【+】 → 資料來源名稱 (DNS)

4.設定資料來源名稱(可自取)，連線名稱 → 測試 ( ODBC設定 ) → 確定

★成功後，出現資料夾

5.點選應用程式面版內的【伺服器行為】→ 按下【+】 → 插入記錄

6.設定連線資料庫名稱，值入表格 ( 資料表名稱 )

7.設定表單與資料表的關係

8.點選應用程式面版內的【繫結】→ 按下【+】 → 資料集 (查詢)

9.資料集設定 - 連線資料庫設定，名稱(可自取) → 確定

10.將網頁表單與資料表欄位做連結 → 直接拖拉右方欄位到網頁

11.存檔 - 完成網路資料庫設定

網路資料庫流程-設定 ODBC 資料庫 ( 96/09/05 )

設定 ODBC 資料庫連結
1.打開控制台 - 開始 → 設定 → 控制台 → 資料來源 ( ODBC )捷徑

2.點選【系統資料4來源名稱】→ 新增

3.選擇資料庫驅動程式 - Mircosoft Access Dirver ( ＊.mdb )

4.資料庫設定 - 設定資料庫名稱，資料庫路徑【選取】

5.選擇資料庫位置 - C:\over\over.mdb

6.設定完成後，如下圖 → 確定

7.設定完成後，增加一個【over】資料來源

網路資料庫流程-Mircosoft IIS 內部設定 ( 96/09/05 )

設定 Mircosoft IIS 內部設定
1.打開控制台 - 開始 → 設定 → 控制台 → 系統管理工具

2.點選Internet Information Services捷徑

3.點開本機電腦 → 網站 → 預設的網站 → 按下滑鼠右鍵 → 內容

4.網站設定 - 紀錄本機的IP位址

5.主目錄設定 - 設定本機路徑C:\over，勾選【寫入】

6.文件設定 - 移除不需要的網頁，【新增】網站的首頁 home.htm

★確定後，會問是否覆蓋 - 點選【確定】

7.以上設定完成後，先點選網站名稱，在點選【播放鍵】

8.網站名稱後面沒有〈 已停止 〉，代表設定成功

★若發生如下圖錯誤

★代表TCP連接埠與其他軟體相衝突，選擇關掉佔用80的軟體，還是變更數值

網路資料庫流程-Mircosoft IIS架設 ( 96/09/05 )

架設 Mircosoft IIS
1.打開控制台 - 開始 → 設定 → 控制台 → 新增或移除程式

2.點選新增/移除 Windows元件

3.勾選元件 - Internet Information Services → 按【下一步】開始安裝

★安裝時，需有Windows安裝光碟
★可點選【詳細資料】看內部設定 - STMP(廣告郵件)，FTP(上傳/下傳)

網路資料庫流程-Access資料庫建立 ( 96/09/05 )

一.網站資料庫的架設
1.架設IIS或Apache
2.設定ODBC
3.啟用Dreamweaver
二.Access資料庫建立
1.開啟Access - 開始 → 程式集 → Microsoft Office → Microsoft Access
2.選擇空白資料庫

3.設定資料庫檔案名稱 - over.mdb

4.over資料庫 - 新增 → 設計檢視


5.設定資料表內容與類型

6.存檔 - 設定資料表名稱

7.完成資料庫設計 - 結束程式

照片的構圖 ( 96/09/05 )

一.照片的三大主流 - 跟生活周遭相關
1.人物 - 人物肢體，視線，構圖背景 ( 注意身體的伸展，神態，方向 )
★請參考 - 維多利亞的秘密 http://www.victoriassecret.com/
2.風景 - 碩大便是美
3.動物
二.裁切照片造成不同觀感

原圖 - 為X型構圖法

經裁切後 - 變更後為垂直構圖法
三.網頁設計的黃金比例
1.1024X768 → 960(1000)X700
2.800X680 → 780X560

構圖法介紹 ( 96/09/04 )

一.開闊視野 - 使用者介面
1.美國當代博物館 - http://moma.org/
2.大英博物館 - http://www.thebritishmuseum.ac.uk/
3.中國國家博物館 - http://www.nationalmuseum.cn/default1024.htm
二.八大構圖法介紹
1.水平構圖法 - 以正面對使用者0度接觸
http://www.ubiquitygallery.com/
2.垂直構圖法 - 以強烈的反差來構圖
http://www.jcrew.com/home.jhtml?_requestid=40335
3.對角線構圖法 - 從左上往右下有漸層性
http://www.mirant.com/
4.對角線構圖法 - 從右上往左下有漸層性
http://gd.com/
★一般休閒業常用此類構圖
5.X構圖法 - 圖片有顯形/隱形的延伸點
http://www.ihookstudios.com/ihook2_content.html
★一般建築業常用此類構圖
6.Z構圖法 - 以多層次為特點
http://www.toshiyukikuwabara.com/flash.html
7.▽構圖法 - 上面比重大，下面比重輕
http://www.sdworkz.com/
★此類構圖擁有使人感覺不確定性，吸引人慾望
8.△構圖法 - 下面比重大，上面比重輕
http://barnesandnobleinc.com/
★此類構圖擁有使人感覺穩定性，企業常用
三.開闊視野 - Link介面
1.Web2.0文章 - http://bloguide.ettoday.com/alexandros/textview.php?file=83010
2.Youtube - http://youtube.com/
3.digg - http://www.digg.com/
4.維基百科 - http://zh.wikipedia.org/wiki/首页

Dreamweave 表單設計 ( 96/09/03 )

一.Dreamweave圖層的應用 - 觸碰按鈕顯示選單

1.建立按鈕群 - 插入媒體 → Flash按鈕

2.插入 → 版面物件 → 圖層

2.屬性 - 圖層編號、顯示設定【 hidden隱藏】

3.點選按鈕圖片 → 標籤面版 → 行為 → + → 顯示隱藏圖層

4.設定觸碰按鈕後顯示圖層

5.設定 onMouseover - 滑鼠經過後啟動

二.Project使用成本查詢 - 專案 → 專案資訊 → 統計資料

1.公司分派方式 - 分派不同資源到各個任務

2.個人Soho族分派方式 - 在專案主題上分派一個資源

3.單個資源使用成本 - 專案 → 篩選:使用資源 → 其他篩選器 → 使用資源

三.Project的報表 - 檢視 → 報表

★無法存檔，需利用PrintScreen按鍵複製，在Word上編輯儲存