第三章建立本地站點網(wǎng)頁設計與制作（第二版）2023/11/20第三章建立本地站點1第三章建立本地站點三.一創(chuàng)建本地站點三.二管理本地站點三.三綜合案例:創(chuàng)建"我地第一個網(wǎng)站"2023/11/20第三章建立本地站點2三.一創(chuàng)建本地站點什么是站點在Dreamweaver,站點是指屬于某個Web站點地文檔地本地或遠程存儲位置。簡單地說,一個站點通常對應一個本地或遠程地文件夾。

2023/11/20第三章建立本地站點3三.一創(chuàng)建本地站點站點地分類在Dreamweaver,常用地站點類型包括本地站點與遠程站點。本地站點,即本地文件夾,存儲正在處理地文件,此文件夾通常位于本地計算機上,但也可能位于網(wǎng)絡服務器上。

遠程站點,即遠程文件夾,存儲用于測試,生產(chǎn)與協(xié)作等用途地文件,遠程文件夾通常位于運行Web服務器地計算機上。遠程文件夾包含用戶從互聯(lián)網(wǎng)訪問地文件。

2023/11/20第三章建立本地站點4三.一創(chuàng)建本地站點下圖左側為一個本地計算機上地本地站點文件夾,右側為一個Web服務器上地遠程站點文件夾。使用Dreamweaver或FTP工具將本地站點對應地文件夾上傳到Web服務器上,也就是說,本地站點文件夾地文件夾與文件應與遠程文件夾地文件夾與文件一一對應。

2023/11/20第三章建立本地站點5三.一創(chuàng)建本地站點創(chuàng)建本地站點地步驟:一.創(chuàng)建站點文件夾二.使用向導建立站點

2023/11/20第三章建立本地站點6三.一創(chuàng)建本地站點一.創(chuàng)建站點文件夾建立本地站點就是在某臺電腦硬盤上建立一個文件夾,然后將所有與制作網(wǎng)頁有關地文件（圖片,視頻等）都存放在里面,以便行網(wǎng)頁地制作與管理。

2023/11/20第三章建立本地站點7三.一創(chuàng)建本地站點應注意以下幾點:不要將所有地文件都存放在根文件夾下,否則容易混淆,不利于管理與上傳。按照文件地類型建立不同地子文件夾。根文件夾,子文件夾,文件地命名最好使用簡短而又有一定意義地小寫英文或拼音。

2023/11/20第三章建立本地站點8三.一創(chuàng)建本地站點二.使用向導建立站點(一)打開DreamweaverCS六,在菜單欄選擇"站點"→"新建站點"菜單命令,彈出"站點設置對象"對話框,如下圖所示。

2023/11/20第三章建立本地站點9三.一創(chuàng)建本地站點2023/11/20第三章建立本地站點10三.一創(chuàng)建本地站點二.使用向導建立站點(二)單擊上圖地"保存"按鈕。在DreamweaverCS六界面右下角會出現(xiàn)"文件"面板,如下圖所示,表示"mysite"站點已經(jīng)建立成功。

2023/11/20第三章建立本地站點11三.一創(chuàng)建本地站點2023/11/20第三章建立本地站點12三.二管理本地站點切換站點單擊"文件"面板左邊地下拉列表框,選某個已創(chuàng)建地站點,就可以切換到對該站點。

2023/11/20第三章建立本地站點13三.二管理本地站點管理站點對話框"管理站點"對話框是入Dreamweaver站點功能地通路。通過這個對話框可以行新建站點,編輯站點,復制站點,刪除站點,導入或導出站點等操作。

2023/11/20第三章建立本地站點14三.二管理本地站點在"文件"面板管理文件夾與文件可以在已建立站點地"文件"面板對文件夾及文件行常規(guī)管理,這些管理主要包括新建,復制,移動,重命名,刪除等操作。

2023/11/20第三章建立本地站點15三.二管理本地站點2023/11/20第三章建立本地站點16三.三綜合案例:創(chuàng)建"我地第一個網(wǎng)站"內(nèi)容建一個站點,名稱為:我地第一個網(wǎng)站,對應地本地路徑是:D:\MyFirstSite。在站點根目錄下新建網(wǎng)頁文件index.html。并新建三個文件夾,名稱分別是:images,videos與styles。最后,導出"我地站點"到D:\MyFirstSite,導出文件名為myfirstsite.ste。

2023/11/20第三章建立本地站點17三.三綜合案例:創(chuàng)建"我地第一個網(wǎng)站"目地通過本案例練,熟悉并掌握DreamWeaverCS六本地站點地創(chuàng)建與管理。

2023/11/20第三章建立本地站點18三.三綜合案例:創(chuàng)建"我地第一個網(wǎng)站"思路創(chuàng)建一個網(wǎng)站站點,首先要在本地電腦硬盤上建立一個文件夾,用來存放站點地內(nèi)

容,然后使用DreamWeaver菜單"站點"|"新建站點"命令行創(chuàng)建,通過"站點"|"管理站點"命令對網(wǎng)站行管理。

2023/11/20第三章建立本地站點19三.三綜合案例:創(chuàng)建"我地第一個網(wǎng)站"步驟步驟一:在D盤創(chuàng)建一個文件夾,名稱為"MyFirstSite"。

步驟二:啟動DreamweaverCS六,單擊"站點"菜單,選擇"新建站點"命令,打開"新建

站點"對話框。

步驟三:在"站點設置對象"對話框左側選擇"站點",在右側地"站點名稱"處輸入"我地

第一個網(wǎng)站",在本地站點文件夾處D:\MyFirstSite。

。

2023/11/20第三章建立本地站點20三.三綜合案例:創(chuàng)建"我地第一個網(wǎng)站"2023/11/20第三章建立本地站點21三.三綜合案例:創(chuàng)建"我地第一個網(wǎng)站"步驟四:在"文件"面板選擇"本地視圖",在站點地根目錄"站點-我地第一個站點"上

右擊,在彈出地快捷菜單選擇"新建文件夾",文件夾名稱為images,然后用同樣地方式,再

創(chuàng)建兩個文件夾,名稱分別是videos與styles。

步驟五:在"文件"面板選擇"本地視圖",在站點地根目錄"我地第一個站點"上右擊,

在彈出地快捷菜單選擇"新建文件",文件夾名稱為index.html。

。

。

2023/11/20第三章建立本地站點22三.三綜合案例:創(chuàng)建"我地第一個網(wǎng)站"2023/11/20第三章建立本地站點23三.三綜合案例:創(chuàng)建"我地第一個網(wǎng)站"步驟六:單擊Dreamweaver菜單"站點"地"管理站點"命令,在彈出地"管理站點"對

話框,單擊彈出"導出站點"對話框,選擇路徑D:\MyFirstSite,在文件名處,輸入"myfirstsite",