授課對象：初學者

• 本課程是FrontPage 2003入門，介紹網站架構、網頁圖文編輯、表格製作、超連結、框架分割、動態網頁製作、發佈與管理網站等建置網站技巧，以實例操作為導向，引導逐步熟悉FrontPage 2003軟體的操作與使用。

• 全新設計的 Microsoft Office Online 網站使用說明
• FrontPage 2003 說明及使用方法

1. 網站的概念與規劃流程-建構第一個網站
2. 文字應用
3. 圖片應用與超連結
4. 表格設定與應用
5. 表單應用
6. 圖層的基本概念
7. 建立多媒體網頁
8. 網站管理與上傳

學習目標

說　　　　　　　　　　　　　         　　　　 明

1. 建立網站前置作業
2. 設定網站的語系
3. 認識網頁瀏覽器
4. 認識FrontPage 2003

• 文字應用
• 認識網頁圖片
• 網頁版面配置的應用(表格、圖層、面版、導覽列及頁框)
• 設定網頁背景與音樂(網頁顏色代碼對照表)

• 交換圖片：格式＞表現方式

• 影像地圖：檢視＞工具列＞圖片工具列

• 自動影像目錄標籤：點選圖片＞圖片工具列上自動影像目錄標籤

• 建立網站相簿：
  • 插入＞圖片＞新相片藝廊
  • 插入＞插入 web元件＞新相片藝廊
  • 檔案>開新檔案>工作窗格/新增網頁/其它網頁範本＞一般/相片藝廊

• 加入內部超連結
• 加入書籤(=DreamWeaver之錨點(Anchor) )
• 加入外部超連結
• 讓連結網頁開啟在新視窗(目標_blank)
• 加入E-Mail 連結
• 讓瀏覽者下載檔案
• 變換超連結文字狀態

• 加入共用邊框：格式＞共用邊框
• 加入網頁橫幅：插入＞
• 加入連結列：插入＞導覽或插入 web元件＞連結列
  修改與編輯連結列

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

三種設定方式

• 使用外部連結樣式

• 在單一網頁中內嵌樣式

• 隨著 HTML 標籤定義樣式

• 插入 web元件
  • 加入互動式按鈕
  • 加入跑碼燈
  • 加入目錄：網站導覽功能
  • 加入網頁共用內容：共用內容(如作者、修改者、網頁連結、網頁說明、共用的網頁)

• 插入影片及聲音檔：進階控制項＞外掛程式
• 插入Flash影片格式：插入＞圖片
• 網頁切換：格式＞網頁切換
• 表現方式應用(vs DreamWeaver之行為面版應用)

• 認識表單
• 插入功能表＞表單
• 由E-mail 傳送表單

網站管理與上傳

• 建立網站地圖：插入 web元件＞目錄
• 網站上傳
• 台大計中網頁申請 (PPT)

1. 出席率30%(至少要超過上課1/2)
2. 作業70% (繳交作業或考試)

• 結業證書的發放請自行上網查詢
• http://mis.cc.ntu.edu.tw/register/register.asp
• 點選『所有課程結業合格名單』
• 詳細製作證書之流程如下（計中不會另外通知）
• http://teach.cc.ntu.edu.tw/training/important/cert.htm

• 課本光碟範例下載
• 網頁元件下載

• 台大教學資源網站　　　　　
• dreamweaver網站
• DOB網站建置百寶箱
• 網頁設計聯合國

• 史萊姆免費資源
• 免費網頁空間
• CSS TUTORIAL
• 網頁優化技術