天天看點

《網站建設與網頁設計從入門到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript》——3.2 建立站點

本節書摘來自異步社群《網站建設與網頁設計從入門到精通dreamweaver+flash+photoshop+html+css+javascript》一書中的第3章,第3.2節,作者:何新起 更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。

在使用dreamweaver制作網頁前,最好先定義一個站點,這是為了更好地利用站點對檔案進行管理,盡可能減少錯誤,如路徑出錯、連結出錯等。

3.2.1 使用向導建立站點

dreamweaver是最佳的站點建立和管理工具,使用它可以建立完整的站點。建立本地站點的具體操作步驟如下。

1 選擇菜單中【站點】|【管理站點】指令,彈出【管理站點】對話框,在對話框中單擊【建立站點】按鈕,如圖3.7所示。

2 彈出【站點設定對象】對話框,在對話框中選擇【站點】頁籤,在【站點名稱】文本框中輸入名稱,可以根據網站的需要任意起一個名字,如圖3.8所示。

《網站建設與網頁設計從入門到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript》——3.2 建立站點
《網站建設與網頁設計從入門到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript》——3.2 建立站點

3 單擊【本地站點檔案夾】文本框右邊的浏覽檔案夾按鈕,彈出【選擇根檔案夾】對話框,選擇站點檔案存放的根檔案夾位置,如圖3.9所示。

4 單擊【選擇】按鈕,選擇站點檔案位置,如圖3.10所示。

《網站建設與網頁設計從入門到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript》——3.2 建立站點
《網站建設與網頁設計從入門到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript》——3.2 建立站點

5 單擊【儲存】按鈕,更新站點緩存,回到【管理站點】對話框,站點清單框中顯示了建立的站點,如圖3.11所示。

6 單擊【完成】按鈕,此時在【檔案】面闆中可以看到建立的站點檔案,如圖3.12所示。

《網站建設與網頁設計從入門到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript》——3.2 建立站點
《網站建設與網頁設計從入門到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript》——3.2 建立站點

3.2.2 使用進階設定建立站點

利用節中的方法建立的站點隻是站點雛形,還可以在【站點設定對象】對話框中選擇【進階設定】頁籤,通過直接設定【本地資訊】、【遮蓋】、【設計備注】、【檔案視圖列】、【contribute】、【模闆】、【spry】和【web字型】中的參數來快速建立更細緻的本地站點。

選擇菜單中【站點】|【管理站點】指令,彈出【管理站點】對話框,在對話框中選擇站點。彈出【站點設定對象 效果】視窗,在視窗的【進階設定】中選擇【本地資訊】,如圖3.13所示。

《網站建設與網頁設計從入門到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript》——3.2 建立站點

在【本地資訊】選項中可以設定以下參數。

在【預設圖像檔案夾】文本框中,輸入此站點的預設圖像檔案夾的路徑,或者單擊浏覽檔案夾按鈕浏覽到該檔案夾。此檔案夾是dreamweaver上傳到站點上的圖像的位置。

【站點範圍媒體查詢檔案】充當站點内所有媒體查詢的中央存儲庫。建立此檔案後,從站點内必須使用此檔案中的媒體查詢才能顯示的頁面中連結到此檔案。

【連結相對于】表示在站點中建立指向其他資源或頁面的連結時,指定dreamweaver建立的連結類型。dreamweaver可以建立兩種類型的連結:文檔相對連結和站點根目錄相對連結。

在【web url】文本框中,輸入已完成的站點将使用的url。

【區分大小寫的連結檢查】表示在dreamweaver檢查連結時,将檢查連結的大小寫與檔案名的大小寫是否相比對。此選項用于對檔案名大小寫敏感的unix系統。

【啟用緩存】複選框表示是否建立本地緩存以提高連結和站點管理任務的速度。

在對話框的【進階設定】中選擇【遮蓋】選項,如圖3.14所示。

《網站建設與網頁設計從入門到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript》——3.2 建立站點

在【遮蓋】選項中可以設定以下參數。

選中【啟用遮蓋】後激活檔案遮蓋。

遮蓋具有以下擴充名的檔案:勾選此複選框,可以對特定檔案名結尾的檔案使用遮蓋。

在對話框中的【進階設定】中選擇【設計備注】選項,在最初開發站點時,需要記錄一些開發過程中的資訊和備忘。如果在團隊中開發站點,需要記錄一些與别人共享的資訊,然後上傳到伺服器,供别人通路,如圖3.15所示。

《網站建設與網頁設計從入門到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript》——3.2 建立站點

在【設計備注】選項中可以進行如下設定。

維護設計備注:可以儲存設計備注。

清理設計備注:單擊此按鈕,可以删除過去儲存的設計備注。

啟用上傳并共享設計備注:在上傳或取出檔案的時候,設計備注會上傳到遠端伺服器上。

在對話框的【進階設定】中選擇【檔案視圖列】選項,用來設定站點管理器中檔案浏覽器視窗所顯示的内容,如圖3.16所示。

《網站建設與網頁設計從入門到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript》——3.2 建立站點

在【檔案視圖列】選項中可以設定如下内容。

名稱:顯示檔案名。

備注:顯示設計備注。

大小:顯示檔案大小。

類型:顯示檔案類型。

修改:顯示修改内容。

取出者:正在被誰打開和修改。

在對話框的【進階設定】中選擇【contribute】選項,勾選【啟用contribute相容性】複選框可以提高與contribute使用者的相容性,如圖3.17所示。

《網站建設與網頁設計從入門到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript》——3.2 建立站點

在對話框的【進階設定】中選擇【模闆】選項,如圖3.18所示。

《網站建設與網頁設計從入門到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript》——3.2 建立站點

相對路徑就是指由這個檔案所在的路徑引起的跟其他檔案(或檔案夾)的路徑關系。使用相對路徑可以為我們帶來非常多的便利。

在對話框的【進階設定】中選擇【spry】選項,如圖3.19所示。

《網站建設與網頁設計從入門到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript》——3.2 建立站點

在對話框的【進階設定】中選擇【web字型】選項,如圖3.20所示,在這裡可以設定網站所需字型的存儲位置。

《網站建設與網頁設計從入門到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript》——3.2 建立站點

繼續閱讀