2.1　創(chuàng)建本地站點

制作一個能夠被其他人在瀏覽器上瀏覽的網(wǎng)站，首先需要在本地磁盤上制作這個網(wǎng)站，然后將這個網(wǎng)站上傳到因特網(wǎng)的Web服務(wù)器上。放置在本地磁盤上的網(wǎng)站稱為本地站點，位于Web服務(wù)器中的網(wǎng)站稱為遠程站點。Dreamweaver CC 2018提供了對本地站點和遠程站點的強大的管理功能。

2.1.1　建立站點

在Dreamweaver中建立站點很方便，操作步驟如下。

（1）打開Dreamweaver CC 2018，執(zhí)行“站點”|“新建站點”命令，彈出“站點設(shè)置對象”對話框，如圖2-1所示。

（2）在“站點名稱”文本框中輸入站點名稱，并指定本地站點文件夾的路徑。

　站點名稱：用于設(shè)置新建站點的名稱。該名稱僅供參考，并不顯示在瀏覽器中。

　本地站點文件夾：用于設(shè)置站點在本地計算機中的存放路徑，可以直接輸入，也可以通過用鼠標指針單擊右側(cè)的“瀏覽文件夾”按鈕，打開“選擇根文件夾”對話框，從中找到相應(yīng)的文件夾后保存。

（3）單擊“高級設(shè)置”選項卡，然后在展開的子菜單中選擇“本地信息”，如圖2-2所示。在這里設(shè)置站點的默認圖像文件夾、文檔路徑的類型和站點地址。

　默認圖像文件夾：用于設(shè)置本地站點圖像文件的默認保存位置。對于比較復雜的網(wǎng)站，圖片往往不只存放在一個文件夾中，所以實用價值不大。

　鏈接相對于：用于設(shè)置文檔路徑的類型：文檔相對路徑、站點根目錄相對路徑。默認方式為文檔相對路徑。

　Web URL：用于設(shè)置網(wǎng)站在因特網(wǎng)上的網(wǎng)址，以便Dreamweaver CC 2018對文檔中的絕對地址進行校驗。如果目前沒有申請域名，可以暫時輸入一個容易記憶的名稱，等將來申請域名后，再用正確的域名進行替換。

　區(qū)分大小寫的鏈接檢查：選中此項后，對站點中的文件進行鏈接檢查時，等將檢查鏈接的大小寫與文件名的大小寫是否相匹配。此選項用于文件名區(qū)分大小寫的UNIX系統(tǒng)。

　啟用緩存：創(chuàng)建本地站點的緩存以加快站點中鏈接更新的速度。

至此，一個簡單的站點定義完成，單擊“保存”按鈕，即可完成站點創(chuàng)建，并關(guān)閉對話框。此時，“文件”面板展開，并自動切換到上述步驟創(chuàng)建的站點。

如果要創(chuàng)建動態(tài)網(wǎng)頁，還需要測試服務(wù)器的服務(wù)，以便在進行操作時生成和顯示動態(tài)內(nèi)容。測試服務(wù)器可以是本地計算機、開發(fā)服務(wù)器、中間服務(wù)器或生產(chǎn)服務(wù)器。設(shè)置測試服務(wù)器的步驟如下。

（4）單擊“服務(wù)器”類別，然后單擊“添加新服務(wù)器”按鈕，如圖2-3所示。彈出添加服務(wù)器的界面，如圖2-4所示。

（5）在“服務(wù)器名稱”文本框中輸入服務(wù)器的名稱。

（6）在“連接方法”彈出菜單中選擇連接到服務(wù)器的方式。

在通常情況下，都是先在本地站點中編輯網(wǎng)頁，然后再通過FTP上傳到遠程服務(wù)器。在這種情況下應(yīng)該選擇“FTP”，如圖2-4所示。

在選擇“FTP”后，可以在其下出現(xiàn)的4個文本框中分別填寫遠程站點的FTP地址、遠程站點存放在Web服務(wù)器上的文件夾、FTP的用戶名和FTP的密碼。最后選中“保存”復選框即可保存這些設(shè)置，單擊“測試”按鈕可以測試FTP的連接情況。

有些讀者習慣于在本地計算機上存儲文件或運行測試服務(wù)器，或連接到網(wǎng)絡(luò)文件夾，在這種情況下應(yīng)該選擇“本地”|“網(wǎng)絡(luò)”選項。

（7）在“服務(wù)器文件夾”文本框中指定遠程文件夾地址。

（8）在“Web URL”文本框中輸入Web站點的URL。Dreamweaver CC 2018使用Web URL創(chuàng)建站點根目錄相對鏈接，并在使用鏈接檢查器時驗證這些鏈接。

（9）單擊“高級”按鈕，切換到“高級”選項卡。在這一步中，可以設(shè)置站點需要用到的服務(wù)器技術(shù)，如圖2-5所示。

（10）單擊“保存”按鈕，然后在“服務(wù)器”類別中，通過單選按鈕指定剛添加的服務(wù)器為遠程服務(wù)器或測試服務(wù)器，如圖2-6所示。

（11）單擊對話框中的“保存”按鈕，即可關(guān)閉“站點設(shè)置對象”對話框。至此，站點創(chuàng)建完成。此時的站點為空站點，沒有網(wǎng)頁。

2.1.2　上機練習——創(chuàng)建“美食天下”網(wǎng)站

練習目標

2.1.1節(jié)簡要介紹了創(chuàng)建站點的操作步驟，下面通過實例的講解進一步掌握建立本地站點的方法和注意事項。

設(shè)計思路

首先設(shè)置站點的名稱、本地站點的文件夾和默認圖像文件夾，接著設(shè)置本地站點與服務(wù)器的連接方式，然后設(shè)置站點使用的服務(wù)器技術(shù)，最后添加測試服務(wù)器，完成本地站點的建立。

操作步驟

（1）打開Dreamweaver CC 2018，執(zhí)行“站點”|“新建站點”命令，彈出“站點設(shè)置對象”對話框，輸入站點名稱“美食天下”；在“本地站點文件夾”文本框中輸入站點文件夾路徑“G:\food\”，如圖2-7所示。

（2）展開“高級設(shè)置”分類，選擇“本地信息”分類，在“默認圖像文件夾”文本框中輸入“G:\food\images\”；鏈接相對于“文檔”；“Web URL”顯示為無網(wǎng)絡(luò)鏈接，如圖2-8所示。

（3）切換到“服務(wù)器”分類，單擊“添加新服務(wù)器”按鈕，在彈出的屏幕中輸入服務(wù)器名稱foodServer；連接方法選擇“本地／網(wǎng)絡(luò)”；服務(wù)器文件夾設(shè)置為G:\food\，此時Web URL自動填充為http://localhost/，如圖2-9所示。

（4）由于本網(wǎng)站將使用ASP.NET制作動態(tài)網(wǎng)頁，因此，單擊“高級”按鈕，在“服務(wù)器模型”下拉列表中選擇“ASP.NET VB”，其他選項保留默認設(shè)置，如圖2-10所示。

（5）單擊“保存”按鈕，返回“站點設(shè)置對象”對話框，此時在服務(wù)器列表中可以看到添加的服務(wù)器，Dreamweaver CC 2018默認將該服務(wù)器設(shè)置為遠程服務(wù)器，單擊“測試”單選按鈕，將它設(shè)置為測試服務(wù)器，如圖2-11所示。

（6）單擊“保存”按鈕，關(guān)閉對話框。“文件”面板將自動展開，并切換到“美食天下”站點，如圖2-12所示。

（7）執(zhí)行“站點”|“管理站點”命令，在打開的“管理站點”對話框中也可以看到新創(chuàng)建的站點，如圖2-13所示。