第2章創(chuàng)建站點(diǎn)

通過(guò)本章學(xué)習(xí)，應(yīng)該掌握以下內(nèi)容：規(guī)劃站點(diǎn)結(jié)構(gòu)的方法DreamweaverCS5的基本操作利用DreamweaverCS5創(chuàng)建站點(diǎn)的方法站點(diǎn)的基本操作第2章創(chuàng)建站點(diǎn)2.1規(guī)劃站點(diǎn)結(jié)構(gòu)

1．按照文件的類(lèi)型進(jìn)行規(guī)劃

按照文件的類(lèi)型規(guī)劃，就是將不同類(lèi)型的文件分別存放在不同的文件夾下。2．按照網(wǎng)頁(yè)主題進(jìn)行規(guī)劃

按照網(wǎng)頁(yè)主題，對(duì)站點(diǎn)結(jié)構(gòu)規(guī)劃，可以使網(wǎng)站條理更清晰，便于日后更好地管理站點(diǎn)。下面是建立目錄結(jié)構(gòu)的一些建議：

（1）不要將所有文件都存放在根目錄下，會(huì)造成文件管理混亂

（3）按欄目?jī)?nèi)容建立子目錄

（2）在每個(gè)主欄目目錄下都建立獨(dú)立的images目錄

（4）目錄的層次不要太深

（5）不要使用過(guò)長(zhǎng)的目錄

（6）不要使用中文目錄Dreamweaver是Macromedia公司的出品的一款“所見(jiàn)即所得”的網(wǎng)頁(yè)編輯工具。與FrontPage不同，Dreamweaver采用的是Mac機(jī)浮動(dòng)面版的設(shè)計(jì)風(fēng)格，對(duì)于初學(xué)者來(lái)說(shuō)可能會(huì)感到不適應(yīng)。一旦習(xí)慣了其操作方式后，就會(huì)發(fā)現(xiàn)Dreamweaver的直觀(guān)性與高效性是FrontPage所無(wú)法比擬的。2.2利用DreamweaverCS5創(chuàng)建站點(diǎn)

2.2.1DreamweaverCS5簡(jiǎn)介1．DreamweaverCS5的界面

DreamweaverCS5的起始頁(yè)DreamweaverCS5的操作界面

（1）菜單欄菜單欄提供了所有的菜單命令，是提供軟件最完整功能的方式。（2）工具欄工具欄提供了常用命令的快捷啟動(dòng)方式，例如可以使用工具欄中的“標(biāo)題”框方便地設(shè)置網(wǎng)頁(yè)的標(biāo)題。（3）插入面板插入面板是DreamweaverCS5中新添的部件，其實(shí)就是Dreamweaver4中的對(duì)象面板，在其中包含一些用于創(chuàng)建不同類(lèi)型對(duì)象的按鈕。

（4）浮動(dòng)面板浮動(dòng)面板是一種方便操作的界面方式，使用者可以隨時(shí)獲得特定功能。（5）文檔窗口文檔窗口是顯示用戶(hù)所編輯文檔的地方，顯示結(jié)果與文檔在瀏覽器中顯示的結(jié)果基本相同。（6）屬性面板屬性面板上顯示的是被選取對(duì)象或文本的各種屬性，在屬性面板上還可以檢查和編輯當(dāng)前選定頁(yè)面元素的屬性。（7）狀態(tài)欄狀態(tài)欄用于顯示網(wǎng)頁(yè)的一些基本信息，如網(wǎng)頁(yè)大小、顯示比例和估計(jì)下載時(shí)間等。2．Dreamweaver的視圖

單擊工具欄上的“設(shè)計(jì)”按鈕，即顯示設(shè)計(jì)視圖；使用工具欄中的“代碼”按鈕，則可以很方便地切換到代碼視圖，以便查看當(dāng)前編輯網(wǎng)頁(yè)的HTML源代碼；如果需要同時(shí)查看代碼視圖和設(shè)計(jì)視圖，可以單擊工具欄上的“拆分”按鈕，此時(shí)Dreamweaver將同時(shí)在窗口中顯示代碼視圖和設(shè)計(jì)視圖。2.2.2定義站點(diǎn)

在DreamweaverCS5的編輯窗口，選擇“窗口”→“文件”菜單，即可打開(kāi)站點(diǎn)面板，如圖所示。在站點(diǎn)面板中，用戶(hù)可以選擇菜單“站點(diǎn)”→“新建站點(diǎn)”命令創(chuàng)建新站點(diǎn)，也可以使用“站點(diǎn)”→“管理站點(diǎn)”命令對(duì)已有的站點(diǎn)進(jìn)行管理。1．站點(diǎn)面板

（1）選擇“站點(diǎn)”→“新建站點(diǎn)”命令，彈出“站點(diǎn)設(shè)置”對(duì)話(huà)框，也可選擇“站點(diǎn)”→“管理站點(diǎn)”命令，打開(kāi)“管理站點(diǎn)”對(duì)話(huà)框，單擊“新建站點(diǎn)”按鈕打開(kāi)該對(duì)話(huà)框；還可以在站點(diǎn)面板中單擊按鈕，在彈出的菜單中選擇“站點(diǎn)”→“新建站點(diǎn)”命令打開(kāi)該對(duì)話(huà)框。（2）輸入站點(diǎn)名稱(chēng)和根目錄的位置（3）單擊“保存”按鈕2．創(chuàng)建站點(diǎn)

演示創(chuàng)建站點(diǎn)的方法

在站點(diǎn)面板中打開(kāi)工具欄的“文件”下拉列表框，選擇需要打開(kāi)的站點(diǎn)，文件窗口中即會(huì)顯示該站點(diǎn)文件夾和文件信息。2.2.3站點(diǎn)的基本操作

1．打開(kāi)站點(diǎn)

若要復(fù)制當(dāng)前站點(diǎn)，可以使用文檔窗口或站點(diǎn)面板中“站點(diǎn)”菜單的“編輯站點(diǎn)”命令，打開(kāi)“編輯站點(diǎn)”對(duì)話(huà)框。選中要復(fù)制的站點(diǎn)名稱(chēng)，單擊“復(fù)制”按鈕即可對(duì)當(dāng)前站點(diǎn)進(jìn)行復(fù)制操作。執(zhí)行復(fù)制站點(diǎn)操作后，系統(tǒng)會(huì)自動(dòng)復(fù)制一個(gè)所選擇的站點(diǎn)，并且會(huì)為復(fù)制的站點(diǎn)加上一個(gè)“復(fù)制”字樣的站點(diǎn)名稱(chēng)。2．復(fù)制站點(diǎn)

如果要更改當(dāng)前站點(diǎn)設(shè)置，比如對(duì)站點(diǎn)進(jìn)行修改站點(diǎn)名稱(chēng)、設(shè)置參數(shù)選項(xiàng)等編輯操作，可以利用上面的方法打開(kāi)“管理站點(diǎn)”對(duì)話(huà)框，選中一個(gè)站點(diǎn)后單擊“編輯”按鈕，即可打開(kāi)該“站點(diǎn)設(shè)置對(duì)象”對(duì)話(huà)框。3．編輯站點(diǎn)

在DreamweaverCS5中刪除一個(gè)站點(diǎn)非常容易，在彈出的“管理站點(diǎn)”對(duì)話(huà)框中，單擊“刪除”按鈕就可以刪除選中的站點(diǎn)。

4．刪除站點(diǎn)

注意：此刪除操作并未真正刪除站點(diǎn)文件夾和其中的內(nèi)容，而只是無(wú)法再用Dreamweaver管理該文件夾而已。如果需要再次用Dreamweaver管理該文件夾，只要用新建站點(diǎn)的方式再次將該文件夾指定為站點(diǎn)根目錄即可。

（1）申請(qǐng)域名和主頁(yè)空間網(wǎng)站的發(fā)布首先要考慮的是以什么樣的域名發(fā)布，發(fā)布在什么地方，即要申請(qǐng)域名和主頁(yè)空間。（2）設(shè)置瀏覽器的兼容性為了避免在不同類(lèi)型和版本的瀏覽器中出現(xiàn)某些元素不能正常顯示的現(xiàn)象，在站點(diǎn)發(fā)布前必須設(shè)置瀏覽器的兼容性。5．發(fā)布站點(diǎn)

（3）測(cè)試站點(diǎn)在將站點(diǎn)上傳到服務(wù)器并宣布已經(jīng)可供瀏覽之前，最好先在本地計(jì)算機(jī)上對(duì)其進(jìn)行一下測(cè)試，因?yàn)樵谡军c(diǎn)或者網(wǎng)頁(yè)中可能會(huì)存在許多問(wèn)題。站點(diǎn)的測(cè)試主要包括：查看超鏈接、驗(yàn)證超鏈接、修復(fù)超鏈接、更新超鏈接及測(cè)試網(wǎng)絡(luò)連接等。（4）測(cè)試網(wǎng)絡(luò)連接如果在訪(fǎng)問(wèn)或打開(kāi)一個(gè)服務(wù)器上的站點(diǎn)時(shí)遇到一些問(wèn)題，則可以通過(guò)測(cè)試網(wǎng)絡(luò)連接來(lái)檢查主機(jī)名稱(chēng)、本地主機(jī)、IP地址、TCP/IP協(xié)議等設(shè)置。

（5）在本地計(jì)算機(jī)上發(fā)布站點(diǎn)測(cè)試完站點(diǎn)后，如果覺(jué)得把站點(diǎn)發(fā)布到服務(wù)器上的時(shí)機(jī)還不成熟，那么可以先在本地機(jī)上發(fā)布以測(cè)試效果。

（6）在服務(wù)器上發(fā)布站點(diǎn)在本地計(jì)算機(jī)上設(shè)置完瀏覽器的兼容性、測(cè)試完站點(diǎn)后，就可以在服務(wù)器上正式發(fā)布精心制作的站點(diǎn)了。發(fā)布站點(diǎn)的方法有很多種，例如FTP上傳或各大站點(diǎn)提供的文件管理器等。如果要新建一個(gè)新的網(wǎng)頁(yè)文件，可以按照以下兩種方法進(jìn)行操作。（1）打開(kāi)DreamweaverCS5起始頁(yè)，單擊“新建”欄中的HTML按鈕，即可打開(kāi)一個(gè)新網(wǎng)頁(yè)。（2）單擊“文件”→“新建”命令，將彈出“新建文檔”對(duì)話(huà)框。2.2.4網(wǎng)頁(yè)的基本操作

1．新建網(wǎng)頁(yè)如果要打開(kāi)現(xiàn)有網(wǎng)頁(yè)文件，可以按照以下4種方法：（1）在Windows的資源管理器中打開(kāi)。（2）在DreamweaverCS5起始頁(yè)中，單擊“打開(kāi)”按鈕。（3）在DreamweaverCS5起始頁(yè)中。單擊“文件”→“打開(kāi)”命令。（4）將要打開(kāi)的網(wǎng)頁(yè)文件拖動(dòng)到DreamweaverCS5文件名所在的位置。2．文件的打開(kāi)保存網(wǎng)頁(yè)文件的方法隨保存文件的目的不同而不同。（1）如果同時(shí)打開(kāi)了多個(gè)DreamweaverCS5窗口，而保存的目的只是保存文件，則切換到要保存的文檔所在的窗口，然后選擇“文件”→“保存”菜單命令。（2）如果所需要保存的網(wǎng)頁(yè)文件中帶有框架文件，而保存的目的是保存該網(wǎng)頁(yè)文件中所有的文件，則應(yīng)該選擇“文件”→“保存全部”菜單命令，然后按提示保存所有的框架文件。3．保存文件（3）如果希望將一個(gè)網(wǎng)頁(yè)文檔以模板的形式保存，切換到要保存的文檔所在的窗口，選擇“文件”→“另存為模板”菜單命令，則會(huì)打開(kāi)“另存為模板”對(duì)話(huà)框。

網(wǎng)頁(yè)沒(méi)有存盤(pán)時(shí)，在文檔窗口的標(biāo)題欄的圓括號(hào)內(nèi)，顯示的文件名后會(huì)出現(xiàn)一個(gè)星號(hào)*，網(wǎng)頁(yè)一旦存了盤(pán)，則文檔窗口的標(biāo)