1.5　認識Dreamweaver CS6

1.5.1　Dreamweaver CS6簡介

Dreamweaver CS6是Adobe公司推出的一套擁有可視化編輯界面，用于制作并編輯網站和移動應用程序的網頁設計軟件。它支持代碼、拆分、設計、實時視圖等多種方式來制作、編寫和修改網頁。CS6版本使用了自適應網格版面創建頁面，在發布前使用多屏幕預覽審閱設計，大大提高了工作效率，同時也增加了很多新功能。

1.5.2　啟動和退出Dreamweaver CS6

Dreamweaver CS6的啟動和退出，同其他程序沒什么大的區別。安裝Dreamweaver CS6后，會在“開始”菜單的“所有程序”列表中添加啟動程序菜單，只需選擇“開始”/“所有程序”/“Adobe Dreamweaver CS6”命令即可啟動該軟件，用戶也可自己添加桌面快捷方式來啟動Dreamweaver CS6。退出Dreamweaver CS6的方法有如下幾種：

① 單擊主界面右上方的按鈕退出；

② 選擇“文件”/“退出”命令退出；

③ 單擊主界面左上方的圖標，在彈出的快捷菜單中選擇“關閉”命令退出；

④ 直接按“Alt+F4”快捷鍵退出。

1.5.3　認識Dreamweaver CS6的工作界面

　啟動Dreamweaver CS6后，可進入其設計主界面，該界面主要由菜單欄、文檔工具欄、文檔窗口、狀態欄、屬性面板和面板組等組成，如圖1-33所示。

圖　1-33

1．菜單欄

菜單欄中主要包括“文件”“編輯”“查看”“插入”“修改”“格式”“命令”“站點”“窗口”和“幫助”10個菜單。單擊任意一個菜單，都會彈出下拉菜單，使用下拉菜單中的命令基本能夠實現Dreamweaver CS6中的所有功能。菜單欄中還包括一個工作界面切換器和一些控制按鈕。

2．文檔工具欄

使用文檔工具欄可以在文檔的不同視圖之間進行切換，如“代碼”視圖和“設計”視圖等，在工具欄中還包含各種查看選項和一些常用的操作。

①“代碼”按鈕：單擊該按鈕，僅在文檔窗口中顯示和修改HTML源代碼。

②“拆分”按鈕：單擊該按鈕，可在文檔窗口中同時顯示HTML源代碼和頁面的設計效果。

③“設計”按鈕：單擊該按鈕，僅在文檔窗口中顯示網頁的設計效果。

④“在瀏覽器中預覽/調試”按鈕：單擊該按鈕，在彈出的下拉菜單中選擇一種瀏覽器，用于預覽和調試網頁。

3．文檔窗口

文檔窗口用于顯示當前創建和編輯的文檔。在該窗口中，可以輸入文字、插入圖片和表格等，也可以對整個頁面進行設置，通過單擊文檔工具欄中的“代碼”按鈕、“拆分”按鈕、“設計”按鈕或“實時視圖”等按鈕，可以分別在窗口中查看代碼視圖、拆分視圖、設計視圖或實時顯示視圖。

4．狀態欄

狀態欄位于文檔窗口的底部，提供與用戶正在創建的文檔有關的其他信息。狀態欄中包括標簽選擇器、窗口大小彈出菜單和下載指示器等。

5．屬性面板

屬性面板是網頁中非常重要的面板，用于顯示文檔窗口中所選元素的屬性，并且可以對選擇的元素的屬性進行修改。該面板中的內容因選定的元素不同會有所不同。

6．面板組

面板組位于工作界面的右側，用于幫助用戶監控和修改工作，其中包括“插入”面板、“CSS樣式”面板和“組件”面板等。

① 打開面板：如果需要使用的面板沒有在面板組中顯示出來，則可以使用“窗口中”菜單將其打開。

② 關閉與打開全部面板：按F4鍵，即可關閉工作界面中所有的面板，再次按F4鍵，關閉的面板又會顯示在原來的位置上。