1. 網站的概念與規劃流程
2. Dreamweaver 工作環境及面板操作介紹
3. 網站建立
4. 文字應用
5. 圖片應用與超連結網頁超連結
6. 網頁排版-表格、頁框、AP應用
7. CSS樣式應用
8. 動態網頁製作（flash影像檢視器、網頁相簿、行為面版應用、多層次選單設計）
9. 網站的發佈與管理

• 網頁設計(概要)

1. 建立網站前置作業
2. 建立網站：網站功能表>新增網站
3. 認識網頁瀏覽器
4. 認識Dreamweaver：說明功能表＞說明

• 文字應用(字級調整)
• 表格應用(匯入外部表格-範例)
• 「表格」、「版面模式」與「AP」的差別與應用時機
• 網頁排版（頁框、div、表格及ap)

• 設定網頁背景圖片
• 插入圖片
• 修改圖片屬性
• 交換圖片(rollover)
• 加入導覽列(一個網頁只能有一條導覽列)
• 影像地圖
• 網頁顏色代碼對照表(顏色對照表-常用的 RGB 顏色對照表)
• 網頁安全顏色 (網頁顏色配置範例)

• 加入內部超連結
• 加入錨點(Anchor)
• 加入外部超連結
• 讓連結網頁開啟在新視窗(目標_blank)
• 讓不同連結網頁開啟在同一個新視窗(目標_dynamic)
• 加入E-Mail 連結
• 讓瀏覽者下載檔案
• 變換超連結文字狀態(頁面屬性/連結)
• 超連結+CSS

• 三種設定方式(講義)　(範例1-ntu　範例2-layout1　範例3-layout2)
• div排版(float)設定範例

• 頁框面版
• 頁框的應用
• 頁框與頁框組
• 分割頁框
• 指定頁框的網頁來源
• 設定頁框的屬

• 加入AP
  ●插入>面版物件>AP
  ●插入列>面版>AP
• 設定AP的屬性
• 屬性面版
• AP與表格互相轉換
  ●修改>轉換>AP轉換為表格
• AP 區塊的顯示與隱藏技巧 (範例)
• AP的定位(範例)

建立多媒體網頁
Demo site

• Flash應用
  Flash檔案類型
  加入Flash按鈕、文字、視訊（*.flv)及屬性設定
• 外掛程式：
  插入背景音樂 (音效檔案格式)
  插入影片及聲音檔(Demo site)
• 製作電子相簿 (照片下載)
  1. 建立網站相簿：命令功能表＞
  2. Flash影像檢視器：建立電子相簿
     
  3. 時間軸面版：製作影像變換動畫
• 影音檔案格式大全

• 多層次選單設計
• 表單面版：跳頁式下拉選單

• 行為面版應用
  ●彈出訊息視窗
  ●狀態列設定文字
  ●開啟瀏覽器視窗
  ●調換影像 (example)
• 自動切換到指定網頁
  ●html面板＞檔頭標籤＞重新整理
  ●行為面版＞前往URL
  
• 瀏覽器加logo及share按鈕
• 製作 Facebook、Plurk、Twitter 推文按鈕 (example)

• 上傳檔案到web伺服器
• 網站更新與管理
• 台大計中網頁申請 (個人網頁上傳教學 (Filezilla) ) (PPT)
• 史萊姆免費網頁空間資源

• 由E-mail 傳送表單

• 日本旅遊網站範例
• 作業練習檔說明下載
• 網頁元件下載