第2章DreamweaverCS3的基本操作

DreamweaverCS3是一款專業的網頁制作軟件，可以制作單獨的網頁文件，但制作網頁的根本目的是為了構建一個完成的網站。Dreamweaver既是一個網頁的創建和編輯工具，又是一個站點創建和管理的工具。因此，在創建網頁之前必須規劃和設計好網站。本章主要講述了DreamweaverCS3的一些基本操作，包括規劃和創建站點以及網頁文件的基本操作。教學重點與難點命令的使用

規劃和創建站點創建本地站點管理站點

DreamweaverCS3網頁文件的基本操作使用可視化向導設置頁面頭部信息2.1規劃和創建站點規劃站點的目的在于明確創建站點的方向并采用的方法，同時也是確定本地站點所要實現的功能。規劃時要明確網站的主題，搜集需要的信息等。規劃站點主要是規劃站點的結構。創建站點既可以創建一個網站，又可以創建一個本地網頁文件的存儲地址，規劃好站點后即可開始創建站點。站點的概念

規劃站點2.1.1站點的概念

網站建立在互聯網基礎之上，以計算機、網絡和通信技術為依托，通過一臺或多臺安裝了系統程序、服務程序及相關應用程序的計算機，向訪問者提供相應的服務。網站中的服務具體通過網頁來實現，根據網站提供服務的不同，網站可分為政府網站、新聞網站、搜索網站、電子商務網站等。2.1.2規劃站點

創建Web站點的第一步是規劃。為了使網站在完成后能夠達到最佳效果，在利用DreamweaverCS3建立任何Web站點之前，應根據需求對站點的結構進行設計與規劃。2.2創建本地站點在創建站點之前，一般在本地將整個網絡完成，然后再將站點上傳到Web服務器上。因此，在開始創建網頁之前，最好的選擇是用Dreamweaver建立一個本地站點。。創建本地站點

創建遠程站點

管理站點2.2.1創建本地站點

創建本地站點，可以更好地利用站點對文件進行管理，盡可能地減少錯誤，例如鏈接和路徑出錯等。創建本地站點，可以使用站點定義向導快速創建。2.2.2創建遠程站點

設置站點遠程信息的目的是使DreamweaverCS3能夠向遠程文件夾所在的網站服務器(遠程站點)上傳或下載文件。在完成Dreamweaver站點的本地信息設置以后，就可以開始設置站點的遠程文件夾(根據開發環境的不同，遠程文件夾是存儲用于進行測試、協作、生產、部署等文件的位置)。2.2.3管理站點

創建好站點后，根據需要創建各頻道、欄目文件夾等，對于創建好的站點，也可以進行再次編輯，或刪除和復制這些站點。2.3網頁文檔的基本操作

創建了本地站點后，就可以創建文檔并將保存在站點文件夾中。在創建和編輯文檔時，DreamweaverCS3會自動生成文檔的HTML代碼和JavaScript代碼，使用Dreamweaver代碼編輯器可以測試和編輯這些代碼。DreamweaverCS3提供了多種創建文檔的方法，可以創建一個新的空白HTML文檔，或使用模板創建新文檔。同時，還提供了功能強大的“新建文檔”對話框來滿足用戶創建不同類型的文檔的需求。創建網頁文檔打開和保存網頁文檔2.3.1創建網頁文檔

在DreamweaverCS3中創建網頁文檔，選擇“文件”｜“新建”命令，或按下Ctrl+N鍵，打開“新建文檔”對話框，如圖所示。選擇“空白頁”選項卡，在“頁面類型”列表框中選擇HTML選項，在“布局”列表框中選擇“無”選項，單擊“創建”按鈕，即可創建一個空白網頁文檔，如圖所示。

2.3.2打開和保存網頁文檔

在使用DreamweaverCS3制作網頁時，打開和保存文檔是最常用的命令?！按蜷_”對話框“另存為”對話框2.4使用可視化向導

DreamweaverCS3提供了“標尺”、“網格”和“跟蹤圖像”3種可視化向導，用于輔助設計和估計網頁在瀏覽器中的外觀。使用“標尺”和“網格”

使用“跟蹤圖像”

設置文檔頭部信息2.4.1使用“標尺”和“網格”

在設計頁面時需要設置頁面元素的位置或對齊頁面元素，DreamweaverCS3提供了“標尺”和“網格”功能。選擇“查看”|“標尺”|“顯示”命令，可以在文檔中顯示“標尺”，選擇“查看”|“網格”|“顯示網格”命令，可以在網頁文檔中顯示網格，如圖所示。重復操作，可以隱藏顯示標尺和網格。2.4.2使用“跟蹤圖像”

在DreamweaverCS3中，使用跟蹤圖像功能可以載入某個網頁的布局(或圖片)，然后借助該網頁的布局來安排正在制作的網頁布局。選擇“查看”|“跟蹤圖像”|“載入”命令，打開“選擇圖像源文件”對話框，如圖2-33所示。

2.4.3設置文檔頭部信息

每一個網頁都是由H