2.2.2 Dreamweaver CS6的特點與基本操作

1．Dreamweaver CS6的特點

DreamweaverCS6是世界頂級軟件廠商Adobe推出的一套擁有可視化編輯界面、用于制作并編輯網站和移動應用程序的網頁設計軟件。由于它支持代碼、拆分、設計、實時視圖等多種視圖方式來創作、編寫和修改網頁，并且具有快速定位和高度的智能感知提示功能，還能夠自動生成頁面元素的相應HTML代碼，因而對于網頁設計初級人員來說，可以無須編寫或很少編寫代碼就能快速直觀地創建和編輯Web頁面。

2．Dreamweaver CS6的基本操作

（1）創建一個空白網頁文檔

在圖2-24所示的DreamweaverCS6啟動界面中選擇“新建”欄中的“HTML”，創建一個空白的HTML文檔，如圖2-25所示。

（2）設置首選參數

用戶可以對Dreamweaver的操作環境進行個性化設置，方法是選擇“編輯”菜單→“首選參數”命令，打開圖2-26所示的對話框，按照自己的喜好和操作習慣進行相關設置。

（3）打開現有HTML文檔

在圖2-25所示的操作界面中選擇“文件”菜單→“打開”命令，彈出圖2-27所示“打開”對話框，在該對話框內選中要打開的HTML文檔，單擊“打開”按鈕即可。

（4）Dreamweaver的視圖方式和標簽選擇器

在圖2-25中標示的視圖方式有代碼、拆分、設計和實時視圖4種，分別讓用戶通過不同角度來觀察和編輯網頁文檔。圖中的標簽選擇器讓用戶能快速準確地選擇目標對象及其代碼，是編輯比較復雜的頁面時經常用到的利器。

（5）設置文檔的頁面屬性

新的HTML文檔建好后，要先對文檔的整體屬性進行設置，主要包括頁面的默認字體和字體大小、文字和背景顏色、邊距、鏈接樣式、頁面標題等內容。用以下任何一種方法均能打開圖2-28所示“頁面屬性”對話框。

●選擇“修改”菜單→“頁面屬性”菜單項。

●在文檔設計窗口空白處右鍵單擊，在彈出的快捷菜單中選擇“頁面屬性”菜單項。

●單擊文檔設計窗口空白處，在下面的屬性面板中單擊“頁面屬性”按鈕。

（6）設置文字屬性

選擇Dreamweaver的“窗口”菜單→“屬性”項，在屬性面板中可以對選定文字的格式、字體、字號、顏色以及對齊方式等屬性進行設置，相應的文字屬性面板如圖2-29所示。有關文字樣式在項目3的樣式表中會有詳細介紹。

（7）插入特殊字符

選擇“插入”菜單→“HTML”→“特殊字符”命令，如圖2-30所示，插入所需字符即可。如果要插入不常見的字符，則應該選擇“其他字符”，打開“插入其他字符”對話框，再選擇所需字符插入。如果在對話框中沒有想要的字符，還可以借助輸入法或其他的字處理軟件。

（8）保存和關閉文檔

1）保存文檔。Dreamweaver集編輯與運行網頁于一體，在每次運行頁面時如果頁面編輯過而未保存（文檔名稱后面有個?號），Dreamweaver則會提示是否保存。還可以通過選擇“文件”菜單→“保存”，或使用組合鍵＜Ctrl+S＞保存文檔。

2）另存文檔。如果希望將文檔以另外的名稱保存，或者保存到其他位置，可以選擇“文件”菜單→“另存為”，在對話框中選擇路徑并輸入新文件名，再單擊“保存”按鈕。

3）保存全部文檔。如果同時打開多個HTML及相關聯的文檔，可選擇“文件”菜單→“保存全部”項將所有Dreamweaver窗口中正在編輯的文檔保存。

4）關閉文檔。選擇“文件”菜單→“關閉”或“全部關閉”，即可關閉文檔。如果網頁尚未保存，則會彈出確認是否保存的對話框。