1.6　站點的創建與管理

在使用Dreamweaver CS6制作網頁時，首先可以利用其站點管理功能創建和管理站點，并且可以直接對站點中的文件進行管理等操作，省去了從文件夾中進行文件管理的麻煩。

由于很多Web服務器使用的是英文操作系統或UNIX操作系統，而且在UNIX操作系統中是要區分大小寫的，如photo.html和photo.HTML會被服務器視為不同的兩個文件，因此，在對文件或文件夾命名時最好全部用小寫字母。

1.6.1　創建本地站點

（1）啟動Dreamweaver CS6，選擇“窗口”/“文件”命令，打開“文件”面板，在“桌面”下拉列表框中選擇“管理站點”選項，如圖1-34所示。

（2）打開“管理站點”對話框，單擊下方的按鈕，如圖1-35所示。

（3）打開“站點設置對象”對話框，在“站點名稱”文本框中輸入站點的名稱，并在“本地站點文件夾”文本框中設置站點文件夾的路徑，單擊按鈕保存站點，如圖1-36所示。

（4）創建站點后將返回“管理站點”對話框，其列表框中將顯示新建的站點，單擊按鈕完成站點的創建。

1.6.2　新建網頁文件與文件夾

文件面板是管理整個網站的重要工具，它可以讓人們馬上看到整個網站的結構，也可以看到整個網站的文件內容，快速地管理網站。在文件面板新建網頁和文件夾比較方便、簡單。

（1）移動鼠標在文件面板中選擇站點根文件夾后，單擊鼠標右鍵，再從彈出的快捷菜單中選擇“新建文件”或“新建文件夾”命令。

（2）出現新建的網頁文件或文件夾后，輸入文件名或文件夾名稱并按下回車鍵。

1.6.3　打開網頁文件

方法1：啟動Dreamweaver后，移動鼠標在“打開最近項目”的文件列表中選擇“打開”選項。

方法2：移動鼠標到菜單欄選擇“文件”，彈出菜單后，從菜單中選擇“打開”命令。

方法3：打開文件面板后，移動鼠標選擇要打開的文件，雙擊即可打開所選擇的文件。

還有一種打開文件編輯的方法，是在文件夾窗口（我的電腦）中的網頁文件上單擊鼠標右鍵，再從彈出的快捷菜單中選擇“使用Dreamweaver CS6編輯”命令，也可以打開網頁編輯。

1.6.4　保存網頁文件

網頁不是一下子就可以做好的，做到一半時，可以先將文件保存起來，以后再隨時加載修改。

具體保存方法如下。

（1）在菜單欄中選擇“文件”→“保存”命令。

（2）出現“另存為”對話框后，從“保存在”下拉列表框中，選擇磁盤驅動器編號與文件夾名稱，接著在文件名欄中輸入文件名稱，然后單擊“確定”按鈕。

1.6.5　網頁版面布局

在制作網頁的過程中，若是遇到較復雜的畫面，可以使用編輯輔助工具， 如標尺（Rulers）、網格線（Grid）等，以提高制作網頁的效率。

1．標尺

執行“查看”菜單→“標尺”→“顯示”命令。

在編輯區上出現的刻度就是標尺（如圖1-37所示），它可以作為擺放對象位置的依據。

上方的刻度稱為水平標尺（X軸），左邊的刻度稱為垂直標尺（Y軸），而原點(0,0)則是在網頁的左上角，X軸若向左移動為負數，Y軸則是向上移動為負數。

2．網格線

網絡線主要的作用是能夠更方便地排列圖形位置，有了網格線就可以很快地看到對象與對象之間的間距，而這些網格線在實際瀏覽時是看不到的。

執行“查看”菜單→“網格設置”→“顯示網格命令”，選擇顯示網格線功能后，編輯區就會出現淡綠色的網格線。若是在“網格設置”子菜單中選擇“靠齊到網格”命令，則在拖動對象時，對象就會自動吸附并對齊在網格線上。

提示

想要改動網格設置，只要移動鼠標到菜單欄依次選擇“查看”→“網格設置”就可以修改成想要的樣式了。