2.2　Dreamweaver CS6站點建設與管理

每一個網站實際上都是由眾多的網頁構成的，網頁和網頁之間通過超鏈接的方式關聯起來。這些網頁可能是用來描述相同的主題，或者是為了實現相同的目的。用瀏覽器瀏覽網站時可以通過超鏈接從一個網頁跳轉到另一個網頁。

網站里內容的結構類似于磁盤文件的組織結構，也是由文檔和文檔所在的文件夾構成。Dreamweaver通過站點的方式來對網站進行管理。制作網站需要先在本地磁盤上建立一個站點文件夾，將所有和網站相關的文件和文件夾都放到站點文件夾中。Dreamweaver CS6提供了本地站點和遠程站點兩種管理方式。存放在本地磁盤里的站點稱為本地站點。存儲在互聯網服務器上的站點以及相關文檔稱為遠端站點。由于網絡的不穩定性，通過網絡對服務器上的站點進行編輯和管理非常不方便，所以通常在本地計算機中完成對站點的設計，站點設計完成后再利用工具將整個網站上傳到互聯網服務器上，形成遠端站點。

本節將通過對案例“嘉州文化長廊網站”的建立和管理，來介紹怎樣規劃一個站點，怎樣創建和管理站點及站點文件。

2.2.1　案例分析：嘉州文化長廊網站

“嘉州文化長廊網站”是一個介紹四川樂山文化的網站。樂山，古稱嘉州，風光秀麗、物產豐富、歷史悠久，是國家歷史文化名城。樂山是中國唯一一個擁有三處世界遺產的城市（樂山大佛景區、峨眉山景區、東風堰），是世界著名的生態和文化旅游勝地。

嘉州文化長廊網站的主題是樂山的各類文化，包括人文藝術，如樂山的畫派、各種民間藝術、樂山的烏木文化、佛教文化等。除了人文藝術，作為一個旅游勝地，樂山的旅游文化、飲食文化也是值得大書特書的。

網站圍繞文化這個主題對樂山進行全方位的宣傳。網站功能主要是展示信息，網站中的網頁主要采用靜態網頁的形式來制作。

2.2.2　網站站點規劃與創建

1．網站站點的規劃

通過對“嘉州文化長廊網站”主題的分析可以得知，本網站是一個面向大眾，用于展示信息的中小規模靜態網站。

網站主要包括文化動態、嘉州畫派、民間藝術、烏木文化、佛教文化、旅游文化、飲食文化幾個模塊。每一個網站都是由多個網頁組成，打開網站時看到的第一個網頁就是網站的首頁，因此網站包含一個首頁和多個子網頁，首頁內包含能跳轉到其他子網頁的鏈接。根據網站的特點，設置網站的結構如圖2-9所示。

網站結構設計好后，為了讓網站管理方便，還需要規劃網站的目錄結構。網站的目錄是指用于存放網站相關文件的文件夾。在設計網站時首先要考慮的是網站大概有多少頁面，頁面內容的分類，各頁面之間如何關聯，再通過這些分析，將網站文件分門別類地存放到各自的文件夾中以便管理和查找。

在管理網站時，網站需要一個存放網站所有相關的文件的目錄，這個目錄叫站點根目錄。在根目錄中可建立用于放置各類文件的子目錄。根目錄和各子目錄及文件的關系就是網站的目錄結構。為了方便網站建立后對網站本身的維護管理，網站內容的擴充和移植，結合網站結構規劃，設計者將“嘉州文化長廊網站”的站點目錄結構規劃為如圖2-10所示。

在建立目錄結構時，需遵守以下原則。

（1）不要將所有文件都存放在根目錄下。全部存放根目錄會導致文件管理混亂，上傳速度慢。

（2）按欄目內容建立子目錄。當網站內容非常多時，按照網站的欄目分別建立子目錄，和該欄目相關的所有文件均存放在該子目錄中以便管理。

（3）不要使用中文目錄。使用中文目錄可能對網址的正確顯示造成困難，也可能會導致網頁背景圖片不能正常顯示。不要使用過長的目錄。

（4）盡量使用意義明確的目錄，如Flash表示存放動畫文件的目錄，這樣方便記憶和管理。

根據以上原則，在“嘉州文化長廊網站”的站點目錄結構中，建立“flash”文件夾用于存放動畫相關文件，“images”文件夾用于存放網頁中所用到的圖片。這兩個文件夾都位于站點根目錄中。網站的首頁必須放在站點根目錄里，其他子網頁可根據網站內容多少來決定存放在何處。

2．本地站點的創建

網站目錄結構規劃好后，就可以開始創建站點了。為了方便管理和編輯，設計者可以先在本地計算機創建網站的本地站點。站點的建立可以通過Dreamweaver軟件來完成。創建站點的第一步需要指定一個文件夾作為站點根文件夾，操作步驟如下。

（1）在本地磁盤E盤中新建文件夾lsculture。

（2）打開Dreamweaver軟件后，選擇菜單【站點】|【新建站點】命令，或者在Dreamweaver窗口右下角的【文件】面板（如圖2-11所示）中單擊【管理站點】按鈕，將會彈出【管理站點】對話框，如圖2-12所示。單擊【新建站點】按鈕。

（3）選擇新建站點后會彈出【站點設置對象】對話框，選擇【站點】選項，在右側窗口提示輸入【站點名稱】和【本地站點文件夾】，站點名稱為“嘉州文化長廊”，本地站點文件夾選擇E盤中已經建好的文件夾lsculture，如圖2-13所示。單擊【保存】按鈕后，本地站點創建完成。

3．創建站點目錄結構

站點是文件與文件夾的集合，定義好的站點是空站點，需要在其中添加文件和文件夾，也就是建立站點的目錄結構。

基于前面規劃好的站點目錄結構，完成站點目錄的建立。創建目錄可以在【文件】面板的站點窗口中進行，方法如下。

（1）在【文件】面板中右擊站點根目錄，在彈出的快捷菜單中選擇【新建文件】或【新建文件夾】選項，如圖2-14所示，在根目錄中建立文件index.html（首頁文件）和文件夾images（存放圖片文件）、flash（存放動畫文件）等。

（2）建好一級目錄后還可以在各一級目錄中建立二級目錄或文件，建立方式同上。

為了避免在瀏覽網頁時出現網頁顯示不正常的問題，在創建目錄時文件和文件夾命名需要遵守以下命名規則。

①最好用英文或者漢語拼音縮寫命名，文件多的時候可以與數字、符號組合使用，不能使用中文命名。

②最好使用小寫字母，因為有些操作系統（如UNIX）對大小寫敏感。

③文件和文件夾的名稱可以使用下畫線“_”，但是不能使用空格、特殊符號以及“~”“!”“@”“＃”“＄”“%”“∧”“&”“?”等符號，名字不要過長。

建好后的目錄結構如圖2-15所示。

2.2.3　站點管理

Dreamweaver CS6允許設計者建立多個站點，并可對站點進行編輯、復制、刪除、導入、導出等操作。所有這些操作都可通過【管理站點】對話框來完成，如圖2-16所示。

1．刪除站點

如果某個本地站點已經沒有使用了，可將該站點刪除。操作方式為：在【管理站點】對話框中選擇要刪除的站點，然后單擊（刪除站點）按鈕。在【管理站點】對話框中刪除站點只是刪除了Dreamweaver CS6中該站點的信息，也就是該站點和Dreamweaver沒有關聯了。保存在磁盤中的文件夾和文件仍然存在，不受任何影響。

2．編輯站點

編輯站點即修改已建好站點的屬性和參數。在【管理站點】對話框中單擊（編輯站點）按鈕，彈出的對話框就是新建站點時的對話框。

3．復制站點

如果需要建立多個站點，新建站點和已經建立的站點有很多參數設置相同，可以通過復制站點的方法來建立新站點。在【管理站點】對話框中選擇要復制的源站點，再單擊（復制站點）按鈕，即可生成一個和源站點相同的新站點。復制完后就可對新站點進行修改，如站點存放目錄等。

4．導入和導出站點

為了防止Dreamweaver中的站點信息丟失，或者想要在各計算機和產品版本之間移動站點，與其他用戶共享這些設置，可以將站點導出為包含站點設置的XML文件，并在以后將該站點導入Dreamweaver。

（1）導出站點：若要導出站點，可在【管理站點】對話框中選擇要導出的一個或多個站點，然后單擊（導出站點）按鈕。在彈出的【導出站點】對話框中設置好各站點文件的路徑和文件名，然后單擊【保存】按鈕。導出的站點文件為帶.ste擴展名的XML文件。

（2）導入站點：若要導入站點，在【管理站點】對話框中單擊【導入站點】按鈕，彈出【導入站點】對話框，找到要導入的站點文件并單擊【打開】按鈕。

5．文件與文件夾的管理

對建立好的文件和文件夾，可以進行移動、復制、重命名和刪除等基本的管理操作。在【文件】面板中右擊需要操作的文件或文件夾，從彈出的快捷菜單中選擇【編輯】選項，即可進行相關操作。