Dreamweaver8.0的基本功能介紹

1、Dreamweaver8.0的基本功能介紹學(xué) 習(xí) 導(dǎo) 航1 各類網(wǎng)頁欣賞2 Dreamweaver8.0的工作界面3 常用工具欄4 創(chuàng)建和保存網(wǎng)頁5 文本的輸入和編輯6 網(wǎng)頁課件實例1.各類網(wǎng)頁欣賞1.藝術(shù)類網(wǎng)站1.各類網(wǎng)頁欣賞2.綜合類網(wǎng)站1.各類網(wǎng)頁欣賞3.旅游網(wǎng)站1.2 Dreamweaver8.0的工作界面1、首次啟動Dreamweaver8時系統(tǒng)會彈出如圖所示的工作設(shè)置對話框， 【設(shè)計者】為用戶提供了一種“所見即所得”的可視化的創(chuàng)建環(huán)境。 【代碼編寫者】主要為用手寫代碼的用戶設(shè)計的。對于初級使用者一般選取選擇。 注：【設(shè)計者】工作設(shè)置，選擇工作界面后，單擊“確定”按鈕。 返回退出1.

2、3 常用工具欄11、菜單欄-菜單欄包含10類主菜單，它涵蓋了軟件的絕大部分功能。2、插入欄-插入欄采用下拉菜單形式顯示，包含了各種類型的“對象”插入到文檔中的按鈕。 返回退出下一頁1.3 常用工具欄23、文檔工具欄 文檔工具欄如圖8.2-3所示，通過快捷按鈕可以控制文檔的視圖顯示。文檔窗口中，單擊文檔面板上的【設(shè)計】按鈕可以查看設(shè)計的網(wǎng)頁畫，單擊【代碼】按鈕可以查看和編輯網(wǎng)頁代碼，單擊【拆分】按鈕還可以同時查看代碼和設(shè)計畫面。返回退出下一頁1.3 常用工具欄24、文檔窗口：文檔窗口是網(wǎng)頁設(shè)計區(qū)，在這個區(qū)域?qū)@示設(shè)計的網(wǎng)頁或代碼。1 代碼編輯區(qū)2 文檔編輯區(qū)1.3 常用工具欄25、面 板 組：面

3、板組是將許多常用的功能進行了適當(dāng)?shù)姆诸悾⒁悦姘瀵B加的形式放置于窗口的右側(cè)，點擊可以展開相應(yīng)的面板。6、“文件”面板：“文件”面板是對組成網(wǎng)站的網(wǎng)頁、圖像和程序等文件進行管理。1.3 常用工具欄 37、屬性面板： 文檔窗口中的設(shè)計頁面上的某一頁面元素時，屬性面板就會顯示相關(guān)信息和參數(shù)，并可對其進行修改和設(shè)定。屬性面板是最常用的一個面板，無論編輯那個頁面元素的屬性，都要用到它。屬性面板的內(nèi)容也會隨著不同元素而改變。 返回退出1.4 創(chuàng)建和保存網(wǎng)頁-創(chuàng)建網(wǎng)頁1、創(chuàng)建網(wǎng)頁創(chuàng)建網(wǎng)頁有3種方法：（1）啟動Dreamweaver 8的時創(chuàng)建網(wǎng)頁，選擇“創(chuàng)建項目”中的 HTML，就可以創(chuàng)建一個新的網(wǎng)頁。（2

4、）在【文件】菜單中選擇“新建”命令。在彈出的“新建文檔”對話框中“常規(guī)”選項中，選擇“基本頁”，在“基本頁”區(qū)域下選擇 “HTML選項”，然后單擊“確定”，即可創(chuàng)建一個新的網(wǎng)頁。返回退出下一頁1.4 創(chuàng)建和保存網(wǎng)頁-創(chuàng)建網(wǎng)頁（3）在站點窗口直接創(chuàng)建網(wǎng)頁。在“文件”面板中打開本地站點，然后單擊右鍵，在彈出的快捷菜單中，選擇“新建文件”命令，即 可創(chuàng)建一個新的網(wǎng)頁。 1.4 創(chuàng)建和保存網(wǎng)頁-保存網(wǎng)頁 如果網(wǎng)頁編輯完成或已經(jīng)告一段落，需要保存，根據(jù)不同的需要，保存的方法也不同。打開【文件】菜單，要保存當(dāng)前文檔選擇“保存”命令；如果當(dāng)前文檔已經(jīng)保存過，可選擇“另存為”命令；如果在編輯時已經(jīng)打開了多個文

5、檔，希望將所有的文檔進行保存，則選擇“全部保存”命令。返回退出2.5 文本的輸入和編輯1、輸入文本2、插入圖像3、表格的應(yīng)用返回退出1、輸入文本 將鼠標(biāo)的光標(biāo)定位在要添加文本的地方，即可以直接輸入或在其他應(yīng)用程序中的文本進行復(fù)制，再粘貼到Dreamweaver 8的文檔窗口中。 （1）、文本的編輯 在文檔窗口輸入文本時，文字的字體、字號、顏色等屬性都是系統(tǒng)默認的，根據(jù)實際需要，可以在文本屬性面板對其進行相應(yīng)的設(shè)置。（2）、段落格式在屬性面板中可以對文本進行相關(guān)的設(shè)置，也可以對段落進行設(shè)置。 返回退出2、插入圖像在Dreamweaver 8中可以直接插入圖像。網(wǎng)頁中常用的圖像格式主要有三種GIF

6、、JPEG、PNG格式a)光標(biāo)定位要插入圖片的位置。b)在插入工具欄上，點擊插入圖像按鈕。打開選擇圖像源文件對話框，選擇要插入的圖片，點擊確定按鈕即可插入圖像。c)插入后的圖片以圖片的原始大小插入，選中圖片調(diào)出圖片屬性面板，可以在圖片屬性面板中進行修改。 返回退出3、表格的應(yīng)用1在制作網(wǎng)頁時經(jīng)常會用到表格，在Dreamweaver 8可以迅速使用戶建立起表格及對表格的編輯。在網(wǎng)頁中插入表格的方法有兩種，具體方法如下：1、利用插入工具欄上的快捷鍵插入表格。（1）、單擊插入工具欄表格按鈕。（2）、在彈出的表格屬性框中，設(shè)置好相應(yīng)的參數(shù)，點擊“確定”按鈕，完成表格的輸入。返回退出下一頁3、表格的應(yīng)用

7、22、利用菜單輸入表格（1）在【插入】菜單中執(zhí)行插入表格命令 。（2）在彈出的表格屬性框中，設(shè)置好相應(yīng)的參數(shù)，點擊“確定”按鈕，完成表格的輸入 。返回退出下一頁3、表格的應(yīng)用33、在表格中添加內(nèi)容A、添加文本1）用鼠標(biāo)選擇要輸入內(nèi)容的單元格。2）直接輸入文本或?qū)?fù)制的文本粘貼在單元格中。3 ）按Tab鍵將光標(biāo)移動到下一個單元格，繼續(xù)添加文本。B、添加圖片1）用鼠標(biāo)選擇要輸入內(nèi)容的單元格。2）單擊插入工具欄中按鈕，或執(zhí)行菜單的“插入圖片”命令。返回退出3、表格的應(yīng)用33）打開選擇圖像源文件對話框，選擇要插入的圖片，點擊確定按鈕即可插入圖像。（4）、表格的編輯表格創(chuàng)建完成以后可以利用屬性面板進行編

8、輯。1）選擇創(chuàng)建完成的表格，調(diào)出表格屬性面板。2）根據(jù)表格屬性面板上提供的參數(shù)可以對表格的相關(guān)屬性進行設(shè)置。1.6網(wǎng)頁課件實例1、創(chuàng)建新站點2、制作網(wǎng)頁返回退出1、創(chuàng)建新站點1）在本地計算機硬盤創(chuàng)建一個文件夾，名為“我的首頁”。2）打開Dreamweaver 8，在菜單欄打開“站點”選項，執(zhí)行“新建站 點”命令。3）在彈出的對話框中選擇“基本”選卡，輸入站點的名稱。4）單擊“下一步”按鈕，在彈出的對話框中選擇“否，我不想用服務(wù)器技術(shù)”。返回退出1、創(chuàng)建新站點5）單擊“下一步”按鈕，在彈出對話框中選擇“編輯我的計算機上的本地副本，完成后在上傳服務(wù)器”選項，如圖1.5-5所示。單擊按鈕，選擇站點的

9、位置為先前創(chuàng)建的文件夾。6）單擊“下一步”按鈕，在彈出的對話框“您如何連接到遠程服務(wù)器？”下拉菜單選擇“無”選項。1、創(chuàng)建新站點6）單擊“下一步”按鈕，在彈出的對話框“您如何連接到遠程服務(wù)器？”下拉菜單選擇“無”選項。7）單擊“下一步”在彈出的對話框中會所示相關(guān)的信息，然后單擊“確定”，完成站點的設(shè)置。8）此時在Dreamweaver8的文件面板就會出現(xiàn)站點的文件夾及所有的文件。2、制作網(wǎng)頁 11）啟動Dreamweaver8新建一個HTML頁，命名為“index” 。2）單擊屬性面板中的“頁面屬性”按鈕，打開“頁面屬性”設(shè)置對話框，對頁面進行相應(yīng)的設(shè)置，設(shè)置完成后點擊“確定” 即可。3）根據(jù)課件設(shè)計方案，在設(shè)置好的網(wǎng)頁中添加表格，對表格進行編輯，添加好相應(yīng)的文字，預(yù)覽后保存。 返回退出下一頁2、制作網(wǎng)頁 24）在重新創(chuàng)建一個新的網(wǎng)頁，命名為“導(dǎo)航頁”頁面屬性的設(shè)置同（2），根據(jù)已經(jīng)設(shè)計好的方案，編輯導(dǎo)航頁。5）然后分別制作“油畫賞析”、“山水畫賞析”、“古代山水畫賞析”網(wǎng)頁。返回退出下一頁2、制作網(wǎng)頁 36）在Dreamweaver 8中，打開導(dǎo)航頁，選中“返回主頁”文字，在屬性面板鏈接欄點擊打開鏈接對話框選擇主頁，單擊“確定”。鏈接即建立完成，按