第3章創(chuàng)建與管理本地站點(diǎn)-副本

1、3.1.1創(chuàng)建本地靜態(tài)站點(diǎn)創(chuàng)建本地靜態(tài)站點(diǎn)在Dreamweaver CC中創(chuàng)建本地靜態(tài)站點(diǎn)的方法非常簡單，也非常的方便，下面我們就通過一個小練習(xí)，向讀者介紹如何在Dreamweaver CC中創(chuàng)建本地靜態(tài)站點(diǎn)。動手實(shí)踐動手實(shí)踐創(chuàng)建本地靜態(tài)站點(diǎn)創(chuàng)建本地靜態(tài)站點(diǎn)無論是一個網(wǎng)頁制作的新手，還是一個專業(yè)的網(wǎng)頁設(shè)計師，都要從構(gòu)建站點(diǎn)開始，理清網(wǎng)站結(jié)構(gòu)的脈絡(luò)。當(dāng)然，不同的網(wǎng)站有不同的結(jié)構(gòu)，功能也不會相同，所以一切都應(yīng)按照需求組織站點(diǎn)的結(jié)構(gòu)。 3.1.2設(shè)置服務(wù)器設(shè)置服務(wù)器功能功能在“站點(diǎn)設(shè)置對象”對話框中單擊“服務(wù)器”選項，可以切換到“服務(wù)器”選項卡，在該選項卡中可以指定遠(yuǎn)程服務(wù)器和測試服務(wù)器。最終文件：

2、無視頻：光盤視頻第3章3-1-1.swf3.1.3設(shè)置服務(wù)器基本選項設(shè)置服務(wù)器基本選項在“服務(wù)器設(shè)置”窗口中分為“基本”和“高級”兩個選項卡，在“基本”選項卡中可以對服務(wù)器的相關(guān)基本選項進(jìn)行設(shè)置。3.1.4設(shè)置服務(wù)器高級選項設(shè)置服務(wù)器高級選項無論選擇哪種連接方式連接遠(yuǎn)程服務(wù)器，在其相關(guān)的設(shè)置對話框中都有一個“高級”選項卡，無論選擇哪種連接方式，其“高級”選項卡中的選項都是相同的，單擊“高級”選項卡，切換到“高級”選項卡中。3.1.5版本控制選項版本控制選項在“站點(diǎn)設(shè)置對象”對話框中單擊“版本控制”選項，可以切換到“版本控制”選項卡，在“訪問”下拉列表中選擇Subversion，Dreamwea

3、ver可以連接到Subversion（SVN）的服務(wù)器。前面已經(jīng)介紹了如何通過“站點(diǎn)設(shè)置對象”對話框來創(chuàng)建一個本地靜態(tài)站點(diǎn)。如果在“站點(diǎn)設(shè)置對象”對話框中單擊“高級設(shè)置”選項，即可展開站點(diǎn)的高級設(shè)置，可以對站點(diǎn)的 “遮蓋”、“設(shè)計備注”、“Web字體”等高級選項進(jìn)行設(shè)置。3.2.1本地信息本地信息單擊“站點(diǎn)設(shè)置對象”對話框左側(cè)“高級設(shè)置”選項中的“本地信息”選項，可以對站點(diǎn)的本地信息進(jìn)行設(shè)置。3.2.2遮蓋遮蓋單擊“站點(diǎn)設(shè)置對象”對話框左側(cè)“高級設(shè)置”選項中的“遮蓋”選項，可以對站點(diǎn)的遮蓋進(jìn)行設(shè)置，使用文件遮蓋之后，可以在進(jìn)行一些站點(diǎn)操作的時候排除被遮蓋的文件。例如，如果不希望上傳Flash動

4、畫文件，可以將站點(diǎn)中的Flash動畫文件，即擴(kuò)展名為swf的文件設(shè)置遮蓋，這樣Flash動畫文件就不會被上傳了。3.2.3設(shè)計備注設(shè)計備注單擊“站點(diǎn)設(shè)置對象”對話框左側(cè)“高級設(shè)置”選項中的“設(shè)計備注”選項，可以對站點(diǎn)的設(shè)計備注進(jìn)行設(shè)置。如果一個人開發(fā)站點(diǎn)，可能需要記錄一些開發(fā)過程中的信息，防止以后忘記。如果是團(tuán)隊成員共同開發(fā)站點(diǎn)，則可能需要記錄一些需要別人分享的信息，然后上傳到服務(wù)器上，使其他人也能夠訪問。3.2.4文件視圖列文件視圖列單擊“站點(diǎn)設(shè)計對象”對話框左側(cè)“高級設(shè)置”選項下的“文件視圖列”選項，該選項用來設(shè)置站點(diǎn)管理器中文件瀏覽窗口所顯示的內(nèi)容，在文件瀏覽窗口默認(rèn)情況下會顯示如下內(nèi)容

5、，單擊“添加新列”按鈕 ，將彈出“添加新列”對話框。3.2.5Contribute單擊“站點(diǎn)設(shè)置對象”對話框左側(cè)“高級設(shè)置”選項中的Contribute選項，可以對站點(diǎn)的Contribute選項進(jìn)行設(shè)置。3.2.6模板模板單擊“站點(diǎn)設(shè)計對象”對話框左側(cè)“高級設(shè)置”選項中的“模板”選項，可以對站點(diǎn)的“模板”選項進(jìn)行設(shè)置。3.2.7jQuery單擊“站點(diǎn)設(shè)計對象”對話框左側(cè)“高級設(shè)置”選項中的jQuery選項，可以對站點(diǎn)的jQuery選項進(jìn)行設(shè)置。3.2.8Web字體字體單擊“站點(diǎn)設(shè)計對象”對話框左側(cè)“高級設(shè)置”選項中的“Web字體”選項，可以對站點(diǎn)的Web字體選項進(jìn)行設(shè)置。該選項用于設(shè)置Web字

6、體在站點(diǎn)中的保存位置，默認(rèn)的站點(diǎn)Web字體文件夾位于站點(diǎn)的根目標(biāo)中，名稱為webfonts。3.2.9Edge Animate資源資源菜單菜單單擊“站點(diǎn)設(shè)計對象”對話框左側(cè)“高級設(shè)置”選項中的“Edge Animate資源”選項，可以對站點(diǎn)的Edge Animate資源選項進(jìn)行設(shè)置。該選項用來設(shè)置Edge Animate資源文件夾的位置，默認(rèn)的站點(diǎn)Edge Animate資源文件夾位于站點(diǎn)的根目錄中，名稱為edgeanimate_assets。在創(chuàng)建站點(diǎn)之前，需要對站點(diǎn)的結(jié)構(gòu)進(jìn)行規(guī)劃，特別是大型的網(wǎng)站站點(diǎn)，更需要對站點(diǎn)有好的規(guī)劃，好的站點(diǎn)規(guī)劃可以使網(wǎng)站的結(jié)構(gòu)目錄更加清晰。完成站點(diǎn)的創(chuàng)建，就可以

7、在站點(diǎn)中進(jìn)行新建文件夾、新建頁面等基本的操作了，以及在站點(diǎn)中復(fù)制文件和調(diào)整文件位置等。3.3.1站點(diǎn)規(guī)劃站點(diǎn)規(guī)劃如同做事情之前要先計劃一樣，在創(chuàng)建網(wǎng)站前，最關(guān)鍵的事情就是規(guī)劃整個站點(diǎn)的結(jié)構(gòu)。如果要制作的網(wǎng)站規(guī)模非常大，分類非常多，或者欄目繁雜，這時就更需要有充分的時間做好規(guī)劃工作了。3.3.2在站點(diǎn)中新建在站點(diǎn)中新建文件夾文件夾剛創(chuàng)建的站點(diǎn)，通常都是空的，用戶可以根據(jù)網(wǎng)站的實(shí)際需要在站點(diǎn)中創(chuàng)建文件夾和文件。建立文件夾的過程實(shí)際上就是構(gòu)思網(wǎng)站結(jié)構(gòu)的過程，多數(shù)情況下文件夾代表網(wǎng)站的子欄目，每個子欄目都要有自己對應(yīng)的文件夾。動手實(shí)踐動手實(shí)踐在站點(diǎn)中新建文件夾在站點(diǎn)中新建文件夾最終文件：無視頻：光盤視

8、頻第3章3-3-2.swf3.3.3在站點(diǎn)中新建在站點(diǎn)中新建文件文件在站點(diǎn)中新建了文件夾，就可以在站點(diǎn)中創(chuàng)建新的頁面了。創(chuàng)建頁面的方法有很多，接下來我們向讀者介紹如何在“文件”面板中創(chuàng)建新頁面。動手實(shí)踐動手實(shí)踐在站點(diǎn)中新建文件在站點(diǎn)中新建文件3.3.4使用使用“新建文檔新建文檔”對話框新建文件對話框新建文件在“文件”面板中只可以新建默認(rèn)格式的HTML頁面，而通過“新建文檔”對話框可以新建多種格式的文件，并且還可以新建具有布局示例的頁面和多種網(wǎng)頁相關(guān)文件。最終文件：無視頻：光盤視頻第3章3-3-3.swf3.3.5移動和復(fù)制文件或移動和復(fù)制文件或文件夾文件夾從“文件”面板的站點(diǎn)文件列表中，選中需

9、要移動或復(fù)制的文件（或文件夾）。如果要進(jìn)行移動操作，可以單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“編輯剪切”命令；如果要進(jìn)行復(fù)制操作，可以單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“編輯復(fù)制”命令；在需要粘貼的位置單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“編輯粘貼”命令，可以將文件或文件夾移動或復(fù)制到相應(yīng)的位置。3.3.6重命名文件或重命名文件或文件夾文件夾給文件或文件夾重命名的操作十分簡單，使用鼠標(biāo)選中需要重命名的文件或文件夾，然后按快捷鍵F2，文件名即變?yōu)榭删庉嫚顟B(tài)，如圖3-51所示。在其中輸入文件名，再按Enter鍵確認(rèn)即可。3.3.7刪除文件或文件夾刪除文件或文件夾要從站點(diǎn)文件列表中刪除文件，可以先

10、選中需要刪除的文件或文件夾，然后在其右鍵的快捷菜單中選擇“編輯刪除”命令或按Delete鍵，這時會彈出一個提示對話框，詢問是否要真正刪除文件或文件夾，單擊“是”按鈕確認(rèn)后，即可將文件或文件夾從本地站點(diǎn)中刪除。在Dreamweaver CC中集成了Business Catalyst的功能，以滿足設(shè)計者對于獨(dú)立工作平臺的需求。Business Catalyst可以提供一個專業(yè)的在線遠(yuǎn)程服務(wù)器站點(diǎn)，使設(shè)計者能夠獲得一個專業(yè)的在線平臺。3.4.1什么是什么是Business CatalystBusiness catalyst為網(wǎng)站設(shè)計人員提供了一個功能強(qiáng)大的電子商務(wù)內(nèi)容管理系統(tǒng)。Business Ca

11、talyst平臺擁有一些非常實(shí)用的功能，例如網(wǎng)站分析、電子郵件營銷等。3.4.2創(chuàng)建創(chuàng)建Business Catalyst站點(diǎn)站點(diǎn)在Dreamweaver CC中可以更加方便的創(chuàng)建Business Catalyst站點(diǎn)，就像是創(chuàng)建本地靜態(tài)站點(diǎn)一樣，接下來就向讀者介紹一下如何創(chuàng)建Business Catalyst站點(diǎn)。動手實(shí)踐動手實(shí)踐創(chuàng)建創(chuàng)建Business Catalyst站點(diǎn)站點(diǎn)最終文件：無視頻：光盤視頻第3章3-4-2.swf3.4.3Business Catalyst面面板板通過Business Catalyst面板可以對所創(chuàng)建的Business Catalyst站點(diǎn)頁面進(jìn)行設(shè)置和創(chuàng)建相

12、應(yīng)的內(nèi)容。打開“文件”面板，單擊“連接到遠(yuǎn)程服務(wù)器”按鈕 ，連接到遠(yuǎn)程的Business Catalyst服務(wù)器，打開Business Catalyst面板，可以看到該面板的提示信息。在Dreamweaver中可以創(chuàng)建多個不同類型的站點(diǎn)，包括本地站點(diǎn)、遠(yuǎn)程站點(diǎn)等，如何對Dreamweaver中創(chuàng)建的多個站點(diǎn)進(jìn)行管理呢？3.5.1使用使用“管理站點(diǎn)管理站點(diǎn)”對話框管對話框管理站理站點(diǎn)點(diǎn)執(zhí)行“站點(diǎn)管理站點(diǎn)”命令，在彈出的“管理站點(diǎn)”對話框中可以對Dreamweaver站點(diǎn)進(jìn)行全面的管理操作。3.5.2自由切換自由切換站點(diǎn)站點(diǎn)使用Dreamweaver CC中編輯網(wǎng)頁或進(jìn)行網(wǎng)站管理時，每次只能操作一個站點(diǎn)。在“文件”面板左邊的下拉列表中選擇已經(jīng)創(chuàng)建的站點(diǎn)，就可以快速切換到對這個站點(diǎn)進(jìn)行操作的狀態(tài)。通常情況下，都是創(chuàng)建本地站點(diǎn)，完成網(wǎng)站的制作后，再設(shè)置遠(yuǎn)程服務(wù)器信息，將網(wǎng)站上傳到遠(yuǎn)程服務(wù)器，但有些情況下，也可以在創(chuàng)建站點(diǎn)時，將該站點(diǎn)的遠(yuǎn)程服務(wù)器設(shè)置好，這樣可以制作好一部分網(wǎng)站頁面，就上傳一部分頁面，可以便于在網(wǎng)絡(luò)中查看頁面的效果。動手實(shí)踐動手實(shí)踐創(chuàng)建遠(yuǎn)程企業(yè)站點(diǎn)創(chuàng)建遠(yuǎn)程企業(yè)站點(diǎn)最終文件