2023學年完整公開課版dreamweaver入門

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

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

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

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

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