第3章建立站點3.1站點文件夾3.2建立“夢衣裳”電子商務(wù)主題網(wǎng)站站點實例3.3管理站點有了網(wǎng)頁布局圖以后，就可根據(jù)它來搜集資料從而建立網(wǎng)站的基本框架了。在此之前需要給網(wǎng)站建立一個站點，站點對應(yīng)的站點文件夾將該網(wǎng)頁設(shè)計中需要用到的所有圖片和文件統(tǒng)一歸檔管理，而通過Dreamweaver中的站點管理功能可以避免一些如路徑和鏈接等錯誤的出現(xiàn)。下面就讓我們一起來規(guī)劃和建立站點吧。

3.1.1建立站點文件夾

在準備好制作過程中需要的圖片、聲音、多媒體等資料后，新建一個文件夾作為站點文件夾(又稱站點根目錄)，在站點文件夾中新建若干個子文件夾分別用來分類存放所用到的資料，如將所有的圖片放在圖片子文件夾中，所有聲音文件放在聲音子文件夾中。關(guān)于子文件夾名稱的定義將在下一小節(jié)詳細說明。3.1站?點?文?件?夾3.1.2站點目錄設(shè)置規(guī)范

站點文件夾及子文件夾命名一般采用英文，長度不得超過20個字符，命名采用小寫字母，如將站點文件夾命名為“root”，子文件夾建議可根據(jù)存放的資料類型來命名，如將存放圖片的子文件夾命名為“img”或者“image”，將存放聲音文件的子文件夾命名為“sound”，將存放動畫的子文件夾命名為“animation”等。3.1.3網(wǎng)站文件命名規(guī)范

網(wǎng)站文件包括網(wǎng)頁文件、圖片文件以及在網(wǎng)頁中用到的所有資料文件，均不能使用中文命名，與站點目錄設(shè)置規(guī)范一樣，一般采用長度不超過20個字符的小寫英文字母，網(wǎng)站首頁名稱建議命名為“index.htm(/html)”。

建立“夢衣裳”電子商務(wù)主題網(wǎng)站站點的操作步驟如下：

(1)在菜單欄“站點”菜單中選擇“管理站點”，在彈出的“管理站點”對話框中單擊“新建”按鈕，選擇“站點”選項，彈出“未命名站點1的站點定義為”對話框，在“您打算為您的站點起什么名字？”文本框中填寫站點的名字“夢衣裳”(這個名字只起到管理和識別的作用，與網(wǎng)站發(fā)布后的名字無關(guān))，站點名字填寫后，站點定義對話框標題也對應(yīng)于站點名字變?yōu)椤皦粢律训恼军c定義為”，如圖3-1所示。單擊“下一步”按鈕，進入下一步。3.2建立“夢衣裳”電子商務(wù)主題網(wǎng)站站點實例

圖3-1建立站點步驟一

(2)由于建立的是靜態(tài)網(wǎng)頁，在“您是否打算使用服務(wù)器技術(shù)”中選擇“否，我不想使用服務(wù)器技術(shù)”，如圖3-2所示。單擊“下一步”按鈕，進入下一步。

圖3-2建立站點步驟二

(3)對如圖3-3所示的“在開發(fā)過程中，您打算如何使用您的文件”的提問，鑒于網(wǎng)絡(luò)的實際狀況(主要指連接的穩(wěn)定性)，建議大家選擇軟件推薦的方式，選擇“編輯我的計算機上的本地副本，完成后再上傳到服務(wù)器”。而文件的儲存位置一欄則手工填寫或者單擊文件夾圖標選擇網(wǎng)站根目錄的物理路徑，如圖3-3所示。然后單擊“下一步”按鈕，進入下一步。

圖3-3建立站點步驟三

(4)在“您如何連接到遠程服務(wù)器”中選擇“無”，如圖3-4所示。單擊“下一步”按鈕，進入下一步。

圖3-4建立站點步驟四

(5)在這一步驟中，可以看到剛才所有設(shè)置的總結(jié)報告(如圖3-5所示)，單擊“完成”按鈕，站點定義對話框?qū)㈥P(guān)閉，新建的站點“夢衣裳”將出現(xiàn)在“管理站點”對話框列表中，如圖3-6所示。單擊“管理站點”對話框中的“完成”按鈕，結(jié)束站點設(shè)置。

圖3-5建立站點步驟五

圖3-6“管理站點”對話框

3.3.1查看站點

在菜單欄“站點”菜單中選擇“管理站點”，在彈出的“管理站點”對話框(圖3-6)中可以看到在上一節(jié)中新建的站點“夢衣裳”，而在“文件”面板中也可觀察到新建的站點(如圖3-7所示)中類似資源管理器的樹形結(jié)構(gòu)，讓站點中所有的文件和文件夾可以一目了然。3.3管理站點

圖3-7“文件”面板3.3.2編輯站點

在如圖3-6所示的“管理站點”對話框中，單擊“編輯”即可進行站點編輯，此時將重現(xiàn)在建立站點時的各步驟，并可編輯修改填入的各參數(shù)。更直觀的編輯站點的方式是在彈出的對話框頂部選擇“高級”標簽，在“本地信息”與“遠程信息”等分類中進行站點編輯，如圖3-8所示。

圖3-8編輯站點3.3.3復(fù)制站點

在如圖3-6所示的“管理站點”對話框中，單擊“復(fù)制”按鈕即可進行站點復(fù)制，默認復(fù)制的站點名稱為“夢衣裳

復(fù)制”，如圖3-