Dreamweaver 界面及站點建設(shè)

21世紀(jì)高等院校規(guī)劃教材Dreamweaver8基礎(chǔ)與實例教程馬憲敏主編中國水利水電出版社1第1章Dreamweaver8.0界面及站點建設(shè)第1章Dreamweaver8.0界面及站點建設(shè)1.1Dreamweaver8.0簡介1.2創(chuàng)建站點1.3網(wǎng)頁文件的基本操作1.4設(shè)置頁面屬性1.5練習(xí)制作簡單的網(wǎng)頁站點31.1Dreamweaver8.0簡介1.1.1Dreamweaver8.0的啟動和退出1.1.2Dreamweaver8.0的工作環(huán)境41.1.1Dreamweaver8.0的啟動和退出1.啟動Dreamweaver8.0在Windows操作系統(tǒng)下，單擊左下角的【開始】按鈕，從【程序】菜單中選擇Macromedia菜單，然后從子菜單中單擊【MacromediaDreamweaver8】即可啟動，如圖所示。52.退出Dreamweaver8.0退出Dreamweaver8.0的方法很簡單，我們可以有以下幾種方式退出編輯界面：（1）單擊Dreamweaver8窗口右上方的關(guān)閉按鈕；（2）按下“Alt+F4”組合鍵；（3）選擇“文件”菜單中的“退出”命令，或按快捷鍵Ctrl+Q退出系統(tǒng)。61.1.2Dreamweaver8.0的工作環(huán)境Dreamweaver8.0的操作窗口71.2創(chuàng)建站點1.2.1創(chuàng)建本地站點1.2.2管理站點1.2.3管理網(wǎng)站中的文件和文件夾81.2.1創(chuàng)建本地站點步驟1：在本地硬盤上建立一個用來存放站點的文件夾，命名為“site”，該文件夾就是本地站點的根目錄，是為網(wǎng)站特別建立的一個文件夾。步驟2:打開Dreamweaver8.0，選擇“站點”菜單下的“管理站點”命令，或者選擇文件面板中的“管理站點”命令，打開“管理站點”對話框。

9步驟3:單擊“管理站點”對話框中的“新建”按鈕，在彈出菜單中選擇“站點”命令。10步驟驟4：：單單擊擊““站站點點””命命令令后后，，系系統(tǒng)統(tǒng)會會彈彈出出窗窗口口，，這這是是一一個個定定義義站站點點的的向向?qū)?dǎo)，，選選擇擇““基基本本””選選項項卡卡，，給給網(wǎng)網(wǎng)站站定定義義一一個個名名稱稱，，例例如如““數(shù)數(shù)學(xué)學(xué)與與計計算算機(jī)機(jī)系系””。。11步驟驟5：：單單擊擊““下下一一步步””按按鈕鈕，，在在窗窗口口中中設(shè)設(shè)置置網(wǎng)網(wǎng)站站是是否否使使用用服服務(wù)務(wù)器器技技術(shù)術(shù)，，例例如如：：ASP、、PHP等等。。由由于于我我們們要要制制作作的的是是基基本本的的靜靜態(tài)態(tài)網(wǎng)網(wǎng)站站，，所所以以選選擇擇““否否，，我我不不想想使使用用服服務(wù)務(wù)器器技技術(shù)術(shù)””單單選選按按鈕鈕。。12步驟驟6：：單單擊擊““下下一一步步””按按鈕鈕，，開開始始設(shè)設(shè)置置網(wǎng)網(wǎng)頁頁的的存存儲儲方方法法和和存存儲儲路路徑徑。。在在上上半半部部分分的的單單選選項項中中選選擇擇第第一一項項““編編輯輯我我的的計計算算機(jī)機(jī)上上的的本本地地副副本本，，完完成成后后再再上上傳傳到到服服務(wù)務(wù)器器（（推推薦薦））””。。如如果果申申請請的的網(wǎng)網(wǎng)站站空空間間支支持持在在線線編編輯輯功功能能，，那那么么可可以以選選擇擇““使使用用本本地地網(wǎng)網(wǎng)絡(luò)絡(luò)直直接接在在服服務(wù)務(wù)器器上上編編輯輯””單單選選項項。。13步驟驟7：：完完成成以以上上的的設(shè)設(shè)置置后后單單擊擊““下下一一步步””按按鈕鈕，，在在這這里里選選擇擇連連接接服服務(wù)務(wù)器器的的方方式式，，以以及及網(wǎng)網(wǎng)頁頁在在服服務(wù)務(wù)器器上上的的存存儲儲位位置置。。14步驟驟8：：單單擊擊““下下一一步步””按按鈕鈕。。在在這這里里選選擇擇是是否否使使用用““存存回回””和和““取取出出””。。選選中中““是是，，啟啟用用存存回回和和取取出出””選選項項，，可可以以多多人人共共同同完完成成網(wǎng)網(wǎng)站站的的維維護(hù)護(hù)工工作作。。如如果果只只需需一一個個就就能能夠夠完完成成網(wǎng)網(wǎng)站站的的維維護(hù)護(hù)工工作作，，可可以以選選擇擇““否否””。。15步驟驟9：：至至此此完完成成了了對對網(wǎng)網(wǎng)站站的的基基本本定定義義。。單單擊擊““下下一一步步””按按鈕鈕，，Dreamweaver8.0會會彈彈出出對對話話框框詢詢問問設(shè)設(shè)置置的的信信息息是是否否準(zhǔn)準(zhǔn)確確，，單單擊擊““完完成成””按按鈕鈕，，本本地地站站點點就就創(chuàng)創(chuàng)建建成成功功了了。。16管管理理站站點點1.切切換換站站點點Dreamweaver8.0中中可可以以同同時時存存在在多多個個站站點點，，在在文文件件面面板板左左邊邊的的下下拉拉列列表表框框中中選選中中某某個個已已創(chuàng)創(chuàng)建建的的站站點點，，就就可可切切換換到到對對這這個個站站點點進(jìn)進(jìn)行行操操作作的的狀狀態(tài)態(tài)。。172．．編編輯輯站站點點如果果要要對對站站點點進(jìn)進(jìn)行行編編輯輯，，可可以以在在““管管理理站站點點””對對話話框框中中，，選選擇擇要要編編輯輯的的站站點點，，然然后后用用鼠鼠標(biāo)標(biāo)單單擊擊““管管理理站站點點””對對話話框框中中的的““編編輯輯””按按鈕鈕，，重重新新打打開開““站站點點定定義義””向向?qū)?dǎo)，，根根據(jù)據(jù)需需要要一一步步一一步步修修改改站站點點的的屬屬性性即即可可。。183．．刪刪除除站站點點如果果不不需需要要某某個個站站點點時時，，可可以以將將其其從從站站點點列列表表中中刪刪除除。。選選擇擇““站站點點””菜菜單單下下的的““管管理理站站點點””命命令令，，打打開開““管管理理站站點點””對對話話框框，，在在該該對對話話框框中中選選擇擇一一個個站站點點，，單單擊擊““刪刪除除””按按鈕鈕，，即即可可刪刪除除一一個個站站點點，，對對某某一一個個站站點點進(jìn)進(jìn)行行刪刪除除操操作作后后，，網(wǎng)網(wǎng)站站的的文文件件仍仍保保存存在在硬硬盤盤原原來來的的位位置置上上，，并并沒沒有有從從硬硬盤盤上上刪刪除除。。19管管理理網(wǎng)網(wǎng)站站中中的的文文件件和和文文件件夾夾1．．創(chuàng)創(chuàng)建建文文件件夾夾和和文文件件文件面板板通常顯顯示站點點中的所所有文件件和文件件夾，但但新建的的站點中中不包含含任何文文件或文文件夾。。所有的的文件和和文件夾夾都需要要新建，，在文件件面板中中站點根根目錄上上單擊鼠鼠標(biāo)右鍵鍵，然后后從彈出出的快捷捷菜單中中單擊菜菜單項““新建文文件夾””或“新新建文件件”，接接著給新新的文件件夾或文文件命名名。202．重命命名文件件夾或文文件先選中需需要重命命名的文文件夾或或文件，，然后單單擊右鍵鍵，在彈彈出的快快捷菜單單中單擊擊“編輯輯”選項項的下級級菜單中中的“重重命名””命令或或者按【【F2】】快捷鍵鍵，文件件夾或文文件的名名稱變?yōu)闉榭删庉嬢嫚顟B(tài)，，重新輸輸入新的的名稱，，按Enter鍵確認(rèn)認(rèn)即可。。3．移動動和復(fù)制制文件從“文件件”面板板的本地地站點文文件列表表中，選選中要移移動或復(fù)復(fù)制的文文件夾或或文件，，如果要要進(jìn)行移移動操作作，在彈彈出的快快捷菜單單中單擊擊“編輯輯”選項項的下級級菜單中中的“剪剪切”命命令；如如果要進(jìn)進(jìn)行復(fù)制制操作，，則執(zhí)行行“編輯輯”選項項的“拷拷貝”命命令，然然后執(zhí)行行“編輯輯”選項項下的““粘貼””命令，，將文件件夾或文文件移動動或復(fù)制制到相應(yīng)應(yīng)的文件件夾中。。4．刪除除文件夾夾或文件件要從本地地站點文文件列表表中刪除除文件夾夾或文件件，先選選中要刪刪除的文文件夾或或文件，，然后執(zhí)執(zhí)行“編編輯”選選項同上上的“刪刪除”命命令或按按Delete鍵，這這時系統(tǒng)統(tǒng)會彈出出一個提提示對話話框，詢詢問是否否要真正正刪除文文件夾或或文件，，單擊““是”按按鈕確認(rèn)認(rèn)后即可可將文件件夾或文文件從本本地站點點中刪除除。211.3網(wǎng)網(wǎng)頁文文件的基基本操作作創(chuàng)創(chuàng)建網(wǎng)頁頁和打開開網(wǎng)頁保保存網(wǎng)頁頁在在瀏覽器器中預(yù)覽覽網(wǎng)頁22創(chuàng)創(chuàng)建網(wǎng)頁頁和打開開網(wǎng)頁1.新建建網(wǎng)頁單擊“文文件”菜菜單下““新建””命令，，即可彈彈出“新新建文檔檔”對話話框。從從“類別別”列表表框中選選擇“基基本頁””選項，，然后選選擇“基基本頁””列表框框中的““HTML”選選項。單單擊“創(chuàng)創(chuàng)建”按按鈕，即即可新建建一個空空白的HTML網(wǎng)頁文文檔。232.打開開網(wǎng)頁單擊“文文件”菜菜單選擇擇“打開開”命令令，彈出出“打開開”對話話框。在在該對話話框內(nèi)選選中要打打開的HTML文檔，，單擊““打開””按鈕，，即可將將選定的的HTML文檔檔打開。。也可以以在“文文件”面面板上，，雙擊““站點目目錄”中中的網(wǎng)頁頁文件也也可以打打開網(wǎng)頁頁文件。。241.3.2保存存網(wǎng)頁在完成創(chuàng)創(chuàng)建、編編輯的網(wǎng)網(wǎng)頁之后后，關(guān)鍵鍵的一步步就是保保存網(wǎng)頁頁，否則則一切都都是徒勞勞的，保保存網(wǎng)頁頁有如下下幾種方方法：單擊“文文件”菜菜單選擇擇“保存存”命令令，可以以原名字字原路徑徑保存當(dāng)當(dāng)前的文文檔。單擊“文文件”菜菜單選擇擇“另保保存”命命令，可可彈出““另存為為”對話話框。利利用該對對話框可可以將當(dāng)當(dāng)前的文文檔以其其他名字字保存。。單擊“文文件”菜菜單選擇擇“保存存全部””命令，，可將當(dāng)當(dāng)前正在在編輯的的所有文文檔以原原名保存存。251.3.3在瀏瀏覽器中中預(yù)覽網(wǎng)網(wǎng)頁單擊標(biāo)準(zhǔn)準(zhǔn)工具欄欄上的預(yù)預(yù)覽按鈕鈕或按““F12”可在在瀏覽器器中預(yù)覽覽所編輯輯的網(wǎng)頁頁。261.4設(shè)設(shè)置頁頁面屬性性步驟1：：打開Dreamweaver8.0，新新建一個個網(wǎng)頁，，或者打打開一個個現(xiàn)有的的網(wǎng)頁，，選擇““修改””菜單下下的“頁頁面屬性性”命令令，或者者單擊屬屬性面板板中的““頁面屬屬性”按按鈕，打打開“頁頁面屬性性”對話話框。27步驟2：：在“頁頁面屬性性”對話話框中設(shè)設(shè)置“外外觀”參參數(shù)，選選擇“頁頁面屬性性”中的的“外觀觀”選項項同，在在右側(cè)可可能設(shè)置置具體的的參數(shù)。。28步驟3：：頁面屬屬性設(shè)置置完成后后，單擊擊“確定定”保存存設(shè)置，，然后中中再打開開“頁面面屬性””對話框框，并選選擇左側(cè)側(cè)的“分分類”列列表中的的“鏈接接”選項項同，在在右側(cè)可可以對鏈鏈接的樣樣式進(jìn)行行詳細(xì)的的設(shè)置。。291.5練練習(xí)制制作簡單單的網(wǎng)頁頁站點1.創(chuàng)建建一個名名為“計計算機(jī)基基礎(chǔ)精品品課程””的站點點，將其其中的本本地站點點保存在在“D:﹨computer”文件件夾下，，遠(yuǎn)程站站點保存存在“D:﹨computer”文文件夾下下。根據(jù)據(jù)