創(chuàng)建和管理站點(diǎn).ppt

《創(chuàng)建和管理站點(diǎn).ppt》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。

1、本章將首先介紹網(wǎng)頁(yè)制作軟件DreamweaverCS3的工作界面、常用工具欄和面板以及工作區(qū)布局，然后介紹在DreamweaverCS3中創(chuàng)建和管理站點(diǎn)的方法。第2章創(chuàng)建和管理站點(diǎn)學(xué)習(xí)目標(biāo)了解DreamweaverCS3的工作界面。了解DreamweaverCS3的常用工具欄和面板。了解DreamweaverCS3的工作區(qū)布局。掌握定義站點(diǎn)的基本方法。掌握設(shè)置首選參數(shù)的基本方法。掌握創(chuàng)建文件夾和文件的基本方法。掌握編輯、復(fù)制和刪除站點(diǎn)的基本方法。掌握導(dǎo)出和導(dǎo)入站點(diǎn)的基本方法。2.1認(rèn)識(shí)Dreamweave

2、rCS3工作界面常用工具欄常用面板工作區(qū)布局2.1.1工作界面一、歡迎屏幕啟動(dòng)DreamweaverCS3，在DreamweaverCS3的工作界面中首先出現(xiàn)的是歡迎屏幕。如果從網(wǎng)頁(yè)制作的角度來(lái)看歡迎屏幕，可以將其分為頁(yè)眉、主體和頁(yè)腳3個(gè)部分，其中主體又分為左欄、中欄和右欄3列。在頁(yè)眉部分顯示的是DreamweaverCS3的名稱和Adobe的標(biāo)志，在主體部分的左欄提供了用戶打開(kāi)文檔的方式，在主體部分的中欄提供了新建文檔的方式，在主體部分的右欄提供了從模板創(chuàng)建文檔的方式，在頁(yè)腳部分提供了幫助信息，初次使用

3、DreamweaverCS3的用戶可從中了解該軟件的基本情況。如果希望以后在啟動(dòng)DreamweaverCS3時(shí)不再顯示歡迎屏幕，可以勾選頁(yè)腳中的【不再顯示】復(fù)選框。也可以通過(guò)選擇菜單欄中的【編輯】/【首選參數(shù)】命令，打開(kāi)【首選參數(shù)】對(duì)話框，在【常規(guī)】分類中的【顯示歡迎屏幕】復(fù)選框中設(shè)置是否顯示歡迎屏幕，勾選該項(xiàng)將在啟動(dòng)DreamweaverCS3時(shí)顯示歡迎屏幕，否則不顯示歡迎屏幕。2.1.1工作界面2.1.1工作界面二、工作界面在歡迎屏幕中，選擇主體部分中欄的【新建】/【HTML】命令，將新建一個(gè)HTML

4、文檔，2.1.2常用工具欄一、【插入】工具欄【插入】工具欄位于菜單欄的下面，如圖2-4所示，可以通過(guò)在菜單欄中選擇【查看】/【工具欄】/【插入】命令（或選擇【窗口】/【插入】命令）將其顯示或隱藏?！静迦搿抗ぞ邫谕ǔＳ袃煞N表現(xiàn)形式：制表符格式和菜單格式。2.1.2常用工具欄二、【文檔】工具欄【文檔】工具欄可以通過(guò)選擇【查看】/【工具欄】/【文檔】命令來(lái)對(duì)其進(jìn)行顯示或隱藏。通過(guò)【文檔】工具欄可以在【設(shè)計(jì)】視圖、【代碼】視圖和【拆分】視圖之間進(jìn)行切換。2.1.2常用工具欄在【文檔】工具欄中，單擊下拉菜單，從中可

5、以選擇要預(yù)覽網(wǎng)頁(yè)的瀏覽器。在下拉菜單中選擇【編輯瀏覽器列表】命令，將打開(kāi)【首選參數(shù)】對(duì)話框，可以在【在瀏覽器中預(yù)覽】分類中添加其他瀏覽器?？梢詫?duì)在【瀏覽器】列表中所選擇的瀏覽器進(jìn)行編輯，還可以通過(guò)設(shè)置【默認(rèn)】選項(xiàng)為“主瀏覽器”或“次瀏覽器”來(lái)設(shè)定所添加的瀏覽器是主瀏覽器還是次瀏覽器。2.1.2常用工具欄三、【標(biāo)準(zhǔn)】工具欄在默認(rèn)情況下，【標(biāo)準(zhǔn)】工具欄是不顯示的，可以通過(guò)選擇【查看】/【工具欄】/【標(biāo)準(zhǔn)】命令來(lái)顯示或隱藏該工具欄。2.1.3常用面板一、【文件】面板DreamweaverCS3提供了許多功能面板

6、，這些功能面板的命令都集中在【窗口】菜單中。如果要顯示某個(gè)面板，在【窗口】菜單中選擇相應(yīng)的命令（即在命令前打上“√”號(hào)）即可。這些功能面板絕大多數(shù)都顯示在窗口的右側(cè)，多個(gè)面板可以組成一個(gè)面板組，如【文件】面板組包括【文件】、【資源】和【代碼片斷】3個(gè)面板，再如【CSS】面板組包括【CSS樣式】和【AP元素】?jī)蓚€(gè)面板。2.1.3常用面板二、【屬性】面板【屬性】面板通常顯示在編輯區(qū)域的最下面，如果工作界面中沒(méi)有顯示【屬性】面板，在菜單欄中選擇【窗口】/【屬性】命令即可將其顯示出來(lái)。單擊【屬性】面板右下角的按鈕

7、或按鈕可以隱藏或重新顯示高級(jí)設(shè)置項(xiàng)目。通過(guò)【屬性】面板可以檢查、設(shè)置和修改所選對(duì)象的屬性。選擇的對(duì)象不同，【屬性】面板中的項(xiàng)目也不一樣。2.1.4工作區(qū)布局在DreamweaverCS3工作界面中，工具欄和面板是否顯示以及顯示的位置都是可以調(diào)整的。調(diào)整好的工作區(qū)布局可以保存下來(lái)，選擇【窗口】/【工作區(qū)布局】/【保存當(dāng)前…】命令，打開(kāi)【保存工作區(qū)布局】對(duì)話框進(jìn)行設(shè)置即可。選擇【窗口】/【工作區(qū)布局】/【管理…】命令，打開(kāi)【管理工作區(qū)布局】對(duì)話框可對(duì)工作區(qū)進(jìn)行管理。2.2創(chuàng)建站點(diǎn)定義站點(diǎn)設(shè)置首選參數(shù)創(chuàng)建文件夾

8、和文件2.2.1定義站點(diǎn)1、選擇【站點(diǎn)】/【新建站點(diǎn)】命令，打開(kāi)【未命名站點(diǎn)2的站點(diǎn)定義為】對(duì)話框，輸入站點(diǎn)的名稱，如果還沒(méi)有站點(diǎn)的HTTP地址，下方的文本框可不填。2、設(shè)置是否使用服務(wù)器技術(shù)。2.2.1定義站點(diǎn)3、設(shè)置文件的使用方式。4、設(shè)置瀏覽站點(diǎn)的URL。5、設(shè)置是否使用遠(yuǎn)程服務(wù)器。2.2.2設(shè)置首選參數(shù)在使用DreamweaverCS3制作網(wǎng)頁(yè)之前，可以結(jié)合自己的需要來(lái)定義DreamweaverCS3的使用規(guī)則。例如，