2023學(xué)年完整公開課版dreamweaver入門

第2章DreamweaverCS3入門初識(shí)DreamweaverCS3網(wǎng)站創(chuàng)建與管理頁面總體設(shè)置2.1初識(shí)DreamweaverCS3啟動(dòng)DreamweaverCS3后，在起始頁的“創(chuàng)建新項(xiàng)目”列中單擊第一項(xiàng)“HTML”，將會(huì)創(chuàng)建一個(gè)“.html”格式的新文檔，并進(jìn)入DreamweaverCS3工作界面。2.1.1熟悉DreamweaverCS3工作界面1.標(biāo)題欄和菜單欄標(biāo)題欄上顯示軟件名稱、文檔標(biāo)題和程序窗口控制按鈕（“最小化窗口”按鈕、“最大化窗口”按鈕和“關(guān)閉窗口”按鈕）。菜單欄中幾乎集中了DreamweaverCS3的全部操作命令，利用這些命令可以編輯網(wǎng)頁、管理站點(diǎn)以及設(shè)置操作界面等。2.“插入”欄“插入”欄包含各種類型的對(duì)象按鈕（如圖像、表格和層等），通過單擊這些按鈕，可將相應(yīng)的對(duì)象插入到文檔中。3.文檔標(biāo)簽與“文檔”工具欄文檔標(biāo)簽顯示當(dāng)前打開的所有網(wǎng)頁文檔名稱；“文檔”工具欄用于切換網(wǎng)頁視圖，設(shè)置網(wǎng)頁標(biāo)題，檢查瀏覽器支持等。4.狀態(tài)欄狀態(tài)欄位于文檔編輯窗口下方，左側(cè)是標(biāo)簽選擇器，其中顯示了光標(biāo)所在位置的標(biāo)簽的層次結(jié)構(gòu)；右側(cè)是與文檔窗口相關(guān)的一些工具，其中，使用“縮放”工具可以放大或縮小文檔。

5.屬性面板與面板組“屬性”面板位于工作界面底部，主要用于查看或編輯所選對(duì)象的屬性。除“屬性”面板外，DreamweaverCS3還為用戶提供了眾多面板，如“文件”面板、“歷史記錄”面板等。為便于管理，DreamweaverCS3將這些面板歸入到不同的面板組中。2.1.2面板基本操作在了解了面板的種類和作用后，本節(jié)來看看如何打開新的面板、隱藏面板，以及完全關(guān)閉面板等。

2.1.3網(wǎng)頁文檔基本操作1．新建文檔Dreamweaver中的文檔也就是網(wǎng)頁，要新建網(wǎng)頁文檔，可選擇“文件”>“新建”菜單，打開“新建文檔”對(duì)話框。2．保存文檔要保存網(wǎng)頁文檔，可選擇“文件”>“保存”菜單，或按【Ctrl+S】組合鍵，彈出“另存為”對(duì)話框。選擇保存位置輸入文件名單擊“保存”按鈕3．關(guān)閉文檔關(guān)閉文檔的操作相當(dāng)簡(jiǎn)單，只需單擊相應(yīng)文檔右上方的“關(guān)閉”按鈕即可。如果文檔未命名，系統(tǒng)會(huì)打開“另存為”對(duì)話框，提示用戶命名文檔。網(wǎng)站中文檔和文件夾的命名規(guī)則如下。靜態(tài)的首頁文件一般命名為“index.html”。最好不要使用中文命名文件和文件夾。文件名中不要使用大寫英文字母。運(yùn)算符符號(hào)不能用在文件名的開頭。比較長的文件名可以使用下劃線“_”來隔開。在大型網(wǎng)站中，分支頁面的文件應(yīng)存放在單獨(dú)的文件夾中。在動(dòng)態(tài)網(wǎng)站中，用來存放數(shù)據(jù)庫的文件夾一般命名為“data”或者“database”。

4．打開文檔要打開文檔，可選擇“文件”>“打開”菜單（或按【Ctrl+O】組合鍵），彈出“打開”對(duì)話框。選擇目標(biāo)文件所在文件夾單擊選擇文件單擊“打開”按鈕5．預(yù)覽文檔如要預(yù)覽文檔，可在打開文檔后單擊“文檔”工具欄中的“在瀏覽器中預(yù)覽/調(diào)試”按鈕，在彈出的菜單中選擇“預(yù)覽在IExplore”菜單項(xiàng)（或直接按【F12】鍵），在瀏覽器中打開文檔。2.2網(wǎng)站創(chuàng)建與管理2.2.1確定站點(diǎn)目錄結(jié)構(gòu)

為便于以后管理和維護(hù)網(wǎng)站，在開始創(chuàng)建網(wǎng)頁之前，最好先確定站點(diǎn)的目錄結(jié)構(gòu)。圖片文件夾樣式文件（如果很多，可以放在一個(gè)專門的文件夾中）網(wǎng)頁文檔2.2.2在Dreamweaver中定義站點(diǎn)為便于管理和編輯站點(diǎn)，在創(chuàng)建網(wǎng)頁之前，首先要在Dreamweaver中定義站點(diǎn)。定義站點(diǎn)可以將本地磁盤中的站點(diǎn)同Dreamweaver建立一定的關(guān)聯(lián)，可以使用Dreamweaver上傳或下載站點(diǎn)內(nèi)容。2.2.3“文件”面板的應(yīng)用利用“文件”面板，可以高效地管理站點(diǎn)。實(shí)際操作中，在定義站點(diǎn)后，我們通常是利用該面板來創(chuàng)建、重命名或打開站點(diǎn)中的網(wǎng)頁文檔或文件夾。在定義了多個(gè)站點(diǎn)后，可利用該下拉列表選擇要進(jìn)行操作的站點(diǎn)2.3頁面總體設(shè)置2.3.1設(shè)置頭信息在Google、baidu、Yahoo等搜索引擎中搜索網(wǎng)頁時(shí)，不是檢索網(wǎng)頁的整個(gè)內(nèi)容，而是只檢索網(wǎng)頁中的關(guān)鍵字和說明文本，如果想要自己的網(wǎng)頁能夠被搜索引擎檢索到，則最好把關(guān)鍵字設(shè)定為人們經(jīng)常使用的詞語。2.3.2設(shè)置頁面屬性頁面屬性主要包括頁面字體、文本顏色、文檔標(biāo)題、頁邊距、背景顏色和背景圖像等。單擊“屬性”面板上的“頁面屬性”按鈕（或按【Ctrl+J】組合鍵），打開“頁面屬性”對(duì)話框。綜合實(shí)訓(xùn)——構(gòu)建