1、1第 3章 網站的建立與基本操作 認識 Dream weaver 設定預覽畫面的瀏覽器 Dreamweaver的面板操作 步驟記錄面板以 Dreamweaver建立網站 相對路徑與絶對路徑Dreamweaver的基本操作善用 Dreamweaver的輔助資源建立網站架構圖 2啟動 Dreamweaver 由開始功能表 執行所有程式指令，並由軟體選單中點選 Adobe Dreamweaver CS3項目，開啟 Dreamweaver。 3-1 認識 Dreamweaver 33-1 認識 Dreamweaver 這裡可選擇要建立的新檔案格式。按下 HTML項目，接下來的教學會先以它來作為範例。
2、點選開啟鈕，可開啟舊檔案。若最近有使用過的檔案，也會詳列於此。 勾選此項目，以後將不會顯示此歡迎畫面。 此區可選擇現成的範本來編輯網頁。 4認識 Dreamweaver視窗環境 (1)3-1 認識 Dreamweaver 功能表 插入列 文件檔案名稱文件列文件視窗屬性面板 其他工作面板 5認識 Dreamweaver視窗環境 (2) 功能表 放置 Dreamweaver中各項編輯指令的區域，不過許多功能指令你也可以透過滑鼠右鍵所顯示的彈出式選單來執行。 插入列 插入列上的每一個圖示都代表著網頁畫面的組成元素，只要點選插入列中的功能圖示就可以將相關效果放置到頁面上。 文件視窗 屬於頁面內容的編輯
3、區域，這裡就是主要的工作區域，設計出的網頁畫面也會與實際上線時的呈現效果幾乎一模一樣。3-1 認識 Dreamweaver 6認識 Dreamweaver視窗環境 (3) 文件列 提供使用者切換到不同模式的編輯環境，以及一些網頁的管理與檢查功能，可以執行功能表中的檢視 /工具列 /文件來將其關閉或開啟。 屬性面板 對頁面中的各種組成元素進行調整及編輯。當你在頁面上點選不同的組成元素時，屬性面板的畫面內容也會對應顯示。 其他工作面板 是安排各種輔助編輯的工作面板，畫面上所看到 CSS、應用程式、標籤檢視窗及檔案是在 Dreamweaver預設啟動的工作面板。3-1 認識 Dreamweaver 73-1 認識 Dreamweaver 執行檢視 /工具列 /標準 加入顯示的標準工具列 8面板的啟動與類型 Dreamweaver中所有面板都可以經由視窗功能表來啟動。 當點選功能表後，就可繼續在下方的面板清單中選取所要啟動的面板名稱。 目前在視窗上所看到的面板陳列，則是Dreamweaver預設啟動的面板功能。 3-2 Dreamweaver的面板操作 93-2 Dreamweaver的面板操作 面板標籤面板群組名稱點選不同面板標籤可切換面板103-2 Dreamweaver的面板操作
