1.2 創(chuàng)建站點

站點可以看作一系列文檔的組合，這些文檔通過各種鏈接建立邏輯關(guān)聯(lián)。用戶在建立網(wǎng)站前必須要創(chuàng)建站點，在修改某網(wǎng)頁內(nèi)容時，也必須打開相應(yīng)站點，然后修改站點內(nèi)的網(wǎng)頁。在Dreamweaver 2020中，站點有以下幾種含義。

·Web站點：一組位于服務(wù)器上的網(wǎng)頁文檔，使用Web瀏覽器可以對其進行瀏覽。

·遠程站點：遠程服務(wù)器上組成Web站點的網(wǎng)頁文檔組合。

·本地站點：與遠程站點對應(yīng)的本地磁盤上的網(wǎng)頁文檔組合。制作網(wǎng)站時，通常先在本地磁盤上編輯網(wǎng)頁文檔，然后將它們上傳到遠程服務(wù)器上。

1.2.1 站點管理器

站點管理器的主要功能包括新建站點、編輯站點、復制站點、刪除站點，以及導入和導出站點。若要管理站點，必須打開“管理站點”對話框（見圖1-15）。

打開“管理站點”對話框有以下幾種方法。

① 選擇“站點>管理站點”命令。

② 選擇“窗口>文件”命令，彈出“文件”面板，單擊“管理站點”超鏈接，如圖1-16所示。

③ 在“文件”面板中展開“桌面”下拉列表，在其中選擇“管理站點”選項，如圖1-17所示。

在“管理站點”對話框中，通過“新建站點”按鈕、“編輯當前選定的站點”按鈕、“復制當前選定的站點”按鈕和“刪除當前選定的站點”按鈕，可以新建、修改、復制、刪除站點。通過“導出當前選定的站點”按鈕和“導入站點”按鈕，可以將站點導出為XML文件。這樣，用戶就可以在不同的計算機和不同版本的軟件之間移動站點，或者與其他用戶共享站點。

在“管理站點”對話框中，選擇一個具體的站點，然后單擊“完成”按鈕，在“文件”面板中就會出現(xiàn)站點管理器的縮略圖。

1.2.2 創(chuàng)建站點文件夾

創(chuàng)建站點前，要先在本地計算機上創(chuàng)建站點文件夾。

新建文件夾的具體操作步驟如下。

（1）在本地計算機中選擇要存儲站點的磁盤。

（2）通過以下幾種方法中的一種方法新建文件夾。

① 在“主頁”選項卡中單擊“新建文件夾”按鈕，如圖1-18所示，即可創(chuàng)建一個文件夾，如圖1-19所示。

② 在磁盤的空白區(qū)域單擊鼠標右鍵，在彈出的快捷菜單中選擇“新建>文件夾”命令，即可創(chuàng)建一個文件夾。

③ 按Ctrl+Shift+T組合鍵，即可創(chuàng)建一個文件夾。

（3）輸入新文件夾的名稱。

一般情況下，若站點不復雜，可直接將網(wǎng)頁存放在站點的根目錄下，并在站點根目錄中，按照資源的種類建立不同的文件夾，以存放不同的資源。例如，“image”文件夾用于存放站點中的圖像文件，“media”文件夾用于存放站點中的多媒體文件，等等。若站點復雜，則需要根據(jù)不同功能，在站點根目錄中創(chuàng)建相應(yīng)的文件夾，用于存放不同功能的網(wǎng)頁，這樣方便網(wǎng)站設(shè)計者修改網(wǎng)站。

1.2.3 創(chuàng)建新站點

創(chuàng)建好站點文件夾后，用戶就可以創(chuàng)建新站點了。在Dreamweaver 2020中，站點通常包含兩部分，即本地站點和遠程站點。在Dreamweaver 2020中創(chuàng)建Web站點，通常應(yīng)先在本地磁盤上創(chuàng)建本地站點，然后創(chuàng)建遠程站點，將網(wǎng)頁的副本上傳到遠程Web服務(wù)器上，使公眾可以訪問它們。本小節(jié)只介紹如何創(chuàng)建本地站點。

1. 創(chuàng)建本地站點的步驟

選擇“站點>管理站點”命令，彈出“管理站點”對話框，如圖1-15所示。

在“管理站點”對話框中單擊“新建站點”按鈕，彈出“站點設(shè)置對象　未命名站點2”對話框。在該對話框中，可通過“站點”選項卡設(shè)置站點名稱，如圖1-20所示；展開“高級設(shè)置”下拉列表，在其中根據(jù)需要設(shè)置站點，如圖1-21所示。

2. “本地信息”選項卡中主要項的作用

·“默認圖像文件夾”文本框：在該文本框中輸入站點的默認圖像文件夾的路徑，或者單擊“瀏覽文件夾”按鈕，在彈出的對話框中查找相應(yīng)文件夾。將某非站點圖像添加到網(wǎng)頁中時，該圖像會自動添加到當前站點的默認圖像文件夾中。

·“鏈接相對于”選項組：選中“文檔”單選按鈕，表示使用文檔相對路徑來鏈接；選中“站點根目錄”單選按鈕，表示使用站點根目錄相對路徑來鏈接。

·“Web URL”文本框：在該文本框中，輸入正在創(chuàng)建的站點將使用的URL。

·“區(qū)分大小寫的鏈接檢查”復選框：選中此復選框，則對區(qū)分大小寫的鏈接進行檢查。

·“啟用緩存”復選框：指定是否創(chuàng)建本地緩存以提高鏈接和站點管理任務(wù)的速度。若選中此復選框，則創(chuàng)建本地緩存。

1.2.4 創(chuàng)建和保存網(wǎng)頁

創(chuàng)建站點后，用戶需要創(chuàng)建網(wǎng)頁來組織網(wǎng)站要展示的內(nèi)容。為網(wǎng)頁進行合理的命名非常重要，一般網(wǎng)頁的名稱應(yīng)容易理解，能反映網(wǎng)頁的內(nèi)容。

在網(wǎng)站中有一個特殊的網(wǎng)頁——首頁，每個網(wǎng)站必須有一個首頁。訪問者在Web瀏覽器的地址欄中輸入網(wǎng)站地址，直接打開的就是網(wǎng)站的首頁。如在瀏覽器的地址欄中輸入“www.ptpress.com.cn”并按Enter鍵，會直接打開人民郵電出版社官網(wǎng)的首頁。一般情況下，首頁的文件名為“index.htm”“index.html”“index.asp”“default.asp”“default.htm”或“default.html”。

在標準的Dreamweaver 2020環(huán)境下，創(chuàng)建和保存網(wǎng)頁的具體操作步驟如下。

（1）選擇“文件>新建”命令，或按Ctrl+N組合鍵，彈出“新建文檔”對話框，打開“新建文檔”選項卡，在“文檔類型”列表中選擇“</>HTML”選項，在“框架”設(shè)置框中打開“無”選項卡，其中的設(shè)置如圖1-22所示。

（2）設(shè)置完成后，單擊“創(chuàng)建”按鈕，彈出文檔編輯窗口，新文檔在該窗口中打開。根據(jù)需要，可在文檔編輯窗口中選擇不同的視圖來設(shè)計網(wǎng)頁，如圖1-23所示。

文檔編輯窗口中有3種視圖方式，這3種視圖方式的作用如下。

·“代碼”視圖：適用于有編程經(jīng)驗的網(wǎng)頁設(shè)計用戶，可在“代碼”視圖中查看、修改和編寫網(wǎng)頁代碼，以實現(xiàn)特殊的網(wǎng)頁效果。“代碼”視圖的效果如圖1-24所示。

·“設(shè)計”視圖：以“所見即所得”的方式顯示所有網(wǎng)頁元素。“設(shè)計”視圖的效果如圖1-25所示。

·“拆分”視圖：將文檔編輯窗口分為上、下兩部分，上半部分是設(shè)計部分，用于顯示網(wǎng)頁元素及其在頁面中的布局；下半部分是代碼部分，用于顯示代碼。在此視圖中，網(wǎng)頁設(shè)計用戶可通過在設(shè)計部分單擊網(wǎng)頁元素的方式，快速定位到要修改的網(wǎng)頁元素代碼，進行代碼的修改，或在“屬性”面板中修改網(wǎng)頁元素的屬性。選擇“查看>拆分”命令，可在彈出的子菜單中選擇拆分的類型。“拆分”視圖的效果如圖1-26所示。

（3）網(wǎng)頁設(shè)計完成后，選擇“文件>保存”命令，彈出“另存為”對話框。在“文件名”文本框中輸入網(wǎng)頁的名稱，如圖1-27所示，單擊“保存”按鈕，將文檔保存在站點文件夾中。