2.3　管理站點文件

在Dreamweaver CC 2018中，站點文件的管理主要是通過使用“文件”面板實現的。借助“文件”面板還可以訪問站點、服務器和本地驅動器、顯示或傳輸文件。

2.3.1　認識“文件”面板

執行“窗口”|“文件”命令，打開“文件”面板。單擊“文件”面板上的“展開以顯示本地和遠端站點”按鈕，展開的“文件”面板的選項，如圖2-19所示。

　顯示文件視圖

這是Dreamweaver CC 2018的默認設置，在“文件”面板中顯示站點的文件列表。

　顯示Git視圖

切換到Git視圖。要在Dreamweaver中使用Git，必須先下載Git客戶端并創建Git賬戶，然后在“站點設置”對話框中將Dreamweaver站點與Git存儲庫相關聯。

Dreamweaver CC 2018支持使用開源的分布式版本控制系統Git管理源代碼。用戶可以先在任何位置單獨處理代碼，然后將更改合并到Git中央存儲庫。Git會持續跟蹤文件中的各項修改，而且允許恢復到之前的版本。

　站點列表

可以選擇Dreamweaver CC 2018站點并顯示該站點中的文件，還可以訪問本地磁盤上的全部文件。

　視圖列表

使站點視圖在本地視圖、遠程服務器視圖和測試服務器視圖之間進行切換。在“首選項”｜“站點”面板中可以設置本地文件和遠端文件哪個視圖在左，哪個視圖在右。

　連接到服務器

用于連接到服務器或斷開與服務器的連接。默認情況下，如果Dreamweaver CC 2018空閑30分鐘以上，則將斷開與服務器的連接（僅限FTP）。若要更改時間限制，可以在“首選項”｜“站點”面板中進行設置。連接到服務器后，該圖標顯示為。

　從服務器獲取文件

用于將選定文件從服務器復制到本地站點。如果該文件有本地副本，則將其覆蓋。

　向服務器上傳文件

將選定的文件從本地站點復制到服務器。

　與服務器同步

同步本地和遠端文件夾之間的文件。

　展開／折疊按鈕

展開或折疊“文件”面板。

2.3.2　新建、刪除站點文件

1. 在本地站點中新建文件或文件夾

（1）執行“窗口”|“文件”命令，打開“文件”面板。

（2）在“文件”面板左上角的下拉列表中選擇需要新建文件或文件夾的站點。

（3）單擊“文件”管理面板右上角的選項按鈕，選擇“文件”|“新建文件”或“新建文件夾”命令新建一個文件或文件夾，如圖2-20所示。

（4）操作完成，在站點目錄下將添加一個網頁文件或文件夾。

2. 從本地文件列表面板中刪除文件

（1）在“文件”面板左上角的下拉列表中選擇需要刪除文件或文件夾的站點。

（2）在文件列表中選中要刪除的文件或文件夾。

（3）按Delete鍵，系統彈出一個“提示”對話框，詢問用戶是否確定要刪除文件或文件夾。

（4）單擊“是”按鈕，即可將文件或文件夾從本地站點中刪除。

2.3.3　重命名站點文件

（1）在“文件”面板左上角的下拉列表選擇需要重命名的文件或文件夾所在的站點。

（2）在文件列表中選中需要重命名的文件或文件夾，然后單擊文件或文件夾的名稱，使其名稱區域處于可編輯狀態。

（3）輸入文件或文件夾的新名稱，然后單擊面板空白區域，或按下Enter鍵，即可重命名文件或文件夾。

2.3.4　上機練習——添加網站首頁

練習目標

前面簡要介紹了添加、重命名文件的操作步驟，下面通過在“美食天下”網站中添加網站首頁的講解進一步熟悉管理站點文件的操作方法。

設計思路

首先添加一個網頁文件，然后將該文件重命名為index.html。

操作步驟

（1）啟動Dreamweaver CC 2018，執行“窗口”|“文件”命令，打開“文件”面板。

（2）在“文件”面板左上角的站點列表中選擇“美食天下”，如圖2-21所示。

（3）在文件列表中，右鍵單擊站點名稱，在彈出的快捷菜單中選擇“新建文件”命令，如圖2-22所示。在文件列表中即可添加一個網頁文件，且文件名稱處于可編輯狀態，如圖2-23所示。

（4）輸入文件的名稱index.html，如圖2-24所示。

2.3.5　移動、復制站點文件

（1）執行“窗口”|“文件”命令，打開“文件”面板。

（2）在“文件”面板左上角的下拉列表中選擇需要移動或復制的文件所在的站點。

（3）如果要進行移動操作，選擇“編輯”|“剪切”命令；如果要進行復制操作，選擇“編輯”|“復制”命令。

（4）選中要接收文件的文件夾，執行“編輯”|“粘貼”命令，即可將文件或文件夾移動或復制到相應的文件夾中。

此外，使用鼠標拖動也可以很方便地實現文件或文件夾的移動操作。方法如下：

（1）在“文件”面板中選中要移動的文件或文件夾。

（2）按下鼠標左鍵拖動選中的文件或文件夾，移動到要接收文件的文件夾上，如圖2-25所示，釋放鼠標。即可將選中的文件或文件夾移動到指定的文件夾中。