對象：對網頁製作有基本概念，最好曾使用過frontpage之類的軟體.doc

一、 Dreamweaver簡介1. 網頁編輯軟體，所見即所得2. Layer (圖層)、Behaviors(行為)、Timelines(時間軸)，三合一威力無窮3. Flash(動畫製作)、Fireworks(網頁圖片製作)，同門師兄弟功力深厚4. 功能強大，容易操作的網站管理功能5. 輕鬆建立資料庫網站二、 Dreamweaver工作環境1. 畫面介紹2. 面板的操作Dreamweaver操作環境的特色就是面板很多，如果能靈活運用，可以使編輯變得更得心應手。三、 靜態網頁編輯1. 建立網站建立網站資料夾新增網站設定網站資料夾及伺服器資料。剛開始先設定為最基本的本機編輯及檢視模式，往後需要修改時，可以利用編輯網站的功能，再作修改。2. 網站架構擬定網站架構一次建立所需網頁(命名時勿用全形、中文，不可留空格)3. 偏好設定預設瀏覽器設定字型設定狀態列顯示格式面板顯示設定新文件預設值元素圖示顯示/隱藏設定4. 常用快速鍵F4隱藏/恢復面板F12網頁預覽5. 輸入文字設定文字格式加入新字型6. 網頁屬性設定標題背景連結顏色邊界語系網頁藍圖網頁色彩樣式7. 超連結種類：內部超連結、錨點外部超連結、信件、檔案下載連結開啟的方式：預設target自訂target，在同一個新視窗開啟利用CSS變換超連結文字狀態8. 加入圖片相對路徑與絕對路徑修改圖片屬性圖文位置關係影像保留區9. Layer圖層插入圖片Timeline動畫10. 加入按鈕、多媒體檔案內建Flash按鈕Flash背景透明設定wmode = transparent背景音樂四、 網站管理1. 免費空間或學校空間2. 上傳設定3. 網頁的改名、搬移、刪除等4. 同步5. 超連結的維護6. 相容性測試7. 網頁語法除錯五、 版面設計1. 表格2. Layout版面設計3. 樣板網站整體性維護修改容易4. 頁框頁框名稱影響超連結的目的地六、 動態網頁製作1. 跳出訊息視窗歡迎視窗、設定告示、最新消息2. 自動換頁跳下一頁頁面重新整理3. 狀態列顯示文字固定顯示文字滑鼠rollover顯示文字4. 製作Rollover圖片置換一張圖片置換兩張以上圖片5. 彈出式選單(視時間)6. 拼圖遊戲(視時間)七、 互動式表單1. 表單種類文字欄位核取方塊選項按鈕及單選群組清單/選單表單按鈕2. E-mail傳送資料製作報名表，將表單所填寫的資料交由E-mail傳送3. 跳頁選單八、 資料庫網站1. 資料庫資料庫是一群有相同屬性資料的集合，可以利用資料庫管理系統對資料作新增、修改、刪除等資料處理的動作。2. 資料庫、資料表、紀錄、欄位3. connect & binding使網頁跟資料庫產生關係有三種常用的介面可以讓網頁應用程式與資料庫產生通訊，ODBC、 OLE DB、JDBC，這些介面扮演的角色就像翻譯人員一樣，因應不同的網頁程式語言，需要派出不同的翻譯介面。網路應用程式 資料庫介面 常用的驅動程式 ColdFusion MX JSP JDBC Sun JDBC-ODBC 驅動程式 Oracle Thin JDBC 驅動程式 ColdFusion 4 或 5 ODBC 或 OLE DB ColdFusion 原生驅動程式 Microsoft Access 驅動程式 Microsoft SQL Server 驅動程式 ASP ODBC 或 OLE DB Microsoft Access 驅動程式 Microsoft SQL Server 驅動程式 Microsoft SQL Server 提供者 Microsoft ODBC for Oracle ASP.NET OLE DB Microsoft Jet 提供者 Microsoft SQL Server 提供者 Microsoft Oracle 提供者 PHP MySQL 專用 MySQL 驅動程式 4. 實例操作1：學生資料檢視(公用資料庫，以ASP搭配Access資料庫為例)step1設定資料庫來源(使用自訂連線字串) step2網頁與資料庫連線“Driver=Microsoft Access Driver (*.mdb);DBQ=” & Server.MapPath(“/AccessDB/student.mdb”)step3建立資料集(從連線的資料庫中選取需要的資料欄位或特定的紀錄)step4將資料插入網頁(student.asp)step5顯示多筆資料重複區域step6多頁面的資料顯示資料及導覽狀態資料及導覽列step7頁面超連結(傳遞參數)前往細節頁面step8製作分頁內容(student_detail.asp接收參數，篩選資料)step9製作搜尋功能(student_search.asp，認識簡單SQL語法)SELECT 指定欄位(*表全部欄位)FROM 指定資料表WHERE 判斷條件(搜尋用LIKE %指定的變數%)ORDER BY 指定欄位排序方式(ASC遞增、DESC遞減)例：SELECT * FROM student WHERE 班級 = 301 ORDER BY 座號 ASC語譯：從student這個資料表中，取出所有欄位的資料，篩選的條件是 班級 = 301，取得資料後，依該資料的座號遞增排序。step10搜尋不到符合資料內容時的顯示畫面。動態標題5. 實例操作2：留言版製作6. 實例操作3：會員登入製作九、 Dreamweaver Extension