了解网站开发流程规划`制作`上传与维护.ppt

展開與收合面板 * 展開與收合面板 * 展開與收合面板 * 調整面板的高度與寬度 * 調整面板的高度與寬度 * 開啟與關閉面板 * 重點整理 1. 製作網站通常有一定的流程與順序, 幫助你有效率地開發網站。以下提供一份網站開發流程表供你參考： * 重點整理 * 重點整理 2. Dreamweaver 提供 2 種檢視模式, 分別為設計檢視模式及程式碼檢視模式, 可從文件工具列的  鈕做切換。若按下分割鈕, 可在編輯區中同時使用這 2 種模式。 3. 當編輯中的網頁有連結到其他程式檔案, 例如：CSS、JavaScript、動態資料庫連結用的檔案、…等, Dreamweaver 會一併開啟它們, 並在檔案標籤下方出現關聯檔案列來陳列檔案連結, 只要按下即可切換至該檔案進行編輯。 * 重點整理 4. 在分割檢視網頁時, 按下功能表上的版面鈕 取消『垂直分割』項目, 可變成上、下分割的狀態；勾選『設計檢視在左方』項目(或『設計檢視在上方』項目), 則可對調編輯區中程式碼與設計檢視畫面的位置。 * * 本堂課學習提要 了解網站開發流程：規劃、製作、上傳與維護 網站與網頁的基本概念 認識 Dreamweaver 的工作環境 學習 Dreamweaver 面板的操作技巧 1-1 網站與網頁的基本概念 網頁與首頁 (Home Page) 網站就是網頁的集合 * 網頁與首頁 (Home Page) * 網站就是網頁的集合 * 網站就是網頁的集合 * 1-2 網站的開發流程 * 一、規劃階段 1. 擬定網站內容與目的 2. 資料收集與整理 3. 規劃網站架構圖 4. 繪製網頁版面草稿 * 1. 擬定網站內容與目的 * 2. 資料收集與整理 * 3. 規劃網站架構圖 4. 繪製網頁版面草稿 * 二、製作階段 1. 網頁版面設計製作 2. 製作與歸納網頁所需的檔案 3. 使用 Dreamweaver 製作網頁 * 1. 網頁版面設計製作 * 2. 製作與歸納網頁所需的檔案 * 製作與歸納網頁所需的檔案 * 三、上傳與維護 1. 網站上傳 2. 資料更新 * 1-3 Dreamweaver 環境介紹與入門操作 啟動 Dreamweaver 認識 Dreamweaver 的工作區 功能表 文件視窗 * 啟動 Dreamweaver * 認識 Dreamweaver 的工作區 * 功能表 * 文件視窗 * 文件視窗 a 檔案標籤與關聯檔案列 b 文件工具列 c 編輯區 d 狀態列 * 檔案標籤與關聯檔案列 * 檔案標籤與關聯檔案列 * 文件工具列 * 編輯區 * 狀態列 * 屬性面板 * 各種操作面板 * 各種操作面板 * 調整 Dreamweaver 的面板配置 展開與收合面板 調整面板的高度與寬度 開啟與關閉面板 * 展開與收合面板 *