1、第2章 Dreamweaver 8入門 熟悉Dreamweaver 8工作界面 網(wǎng)站創(chuàng)建與管理 基本頁面屬性設(shè)置 2.1 熟悉Dreamweaver 8工作界面 啟動(dòng)Dreamweaver 8后，在起始頁的“創(chuàng)建新項(xiàng)目”列中單擊第一項(xiàng)“HTML”，將會(huì)創(chuàng)建一個(gè)“.html”格式的新文檔，并進(jìn)入Dreamweaver 8工作界面。2.1.1 標(biāo)題欄和菜單欄 標(biāo)題欄上顯示軟件名稱、文檔標(biāo)題和程序窗口控制按鈕（“最小化窗口”按鈕 、“最大化窗口”按鈕 和“關(guān)閉窗口”按鈕 ） 。菜單欄中幾乎集中了Dreamweaver 的全部操作命令，利用這些命令可以編輯網(wǎng)頁、管理站點(diǎn)以及設(shè)置操作界面等。 2.1.2

2、 “插入”欄 “插入”欄包含各種類型的對(duì)象按鈕（如圖像、表格和層等），通過單擊這些按鈕，可將相應(yīng)的對(duì)象插入到文檔中。2.1.3 文檔標(biāo)簽與“文檔”工具欄 文檔標(biāo)簽顯示了網(wǎng)頁文檔名稱；“文檔”工具欄用于切換網(wǎng)頁視圖，設(shè)置網(wǎng)頁標(biāo)題，檢查瀏覽器支持等。 2.1.4 狀態(tài)欄 狀態(tài)欄位于文檔編輯窗口底部，它提供了與當(dāng)前文檔相關(guān)的一些信息。 課堂練習(xí)1 利用狀態(tài)欄中標(biāo)簽選擇單元格 在制作網(wǎng)頁時(shí)，往往會(huì)使用一些像素值非常小的圖片作為裝飾，而要選中這些小圖片或小圖片所在的單元格就有些困難了，本節(jié)我們就來看看如何利用“標(biāo)簽選擇器”來選中這些小單元格。 2.1.5 屬性面板與面板組 在Dreamweaver中，大

3、多數(shù)操作都是通過面板實(shí)現(xiàn)的。“屬性”面板位于文檔窗口的下方，主要用于查看或編輯所選對(duì)象的屬性。除“屬性”面板外，Dreamweaver 8還提供了眾多面板，如“文件”面板、“歷史記錄”面板等。 如要打開或關(guān)閉某個(gè)面板，可單擊“窗口”菜單下的相應(yīng)選項(xiàng)。 課堂練習(xí)2 面板基本操作 在了解了面板的種類和作用后，本節(jié)來看看如何打開新的面板、隱藏面板，以及完全關(guān)閉面板等。 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)。它主要包括兩項(xiàng)任務(wù)，一是在本地磁盤上創(chuàng)建用來保存網(wǎng)站內(nèi)容（包括網(wǎng)頁文件和圖像、動(dòng)畫等）的文件夾，該文件夾被稱

4、為站點(diǎn)根文件夾；為便于管理站點(diǎn)中的內(nèi)容，還要根據(jù)網(wǎng)站欄目結(jié)構(gòu)圖在站點(diǎn)文件夾中創(chuàng)建若干子文件夾，以存放不同類型的文件。 課堂練習(xí)3 在Dreamweaver中定義“l(fā)ily”站點(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.2 網(wǎng)頁文檔基本操作 1新建文檔 Dreamweaver中的文檔也就是網(wǎng)頁，創(chuàng)建新網(wǎng)頁的方法有多種，下面使用“文件”菜單創(chuàng)建網(wǎng)頁。 選擇“文件”“新建”菜單，打開“新建文檔”對(duì)話框。 2保存文檔 新建或編輯網(wǎng)頁文

5、檔后，需要保存文檔，才能使所做的設(shè)置生效。 選擇“文件”“保存”菜單，彈出“另存為”對(duì)話框 選擇保存位置 輸入文件名 單擊“保存”按鈕 3預(yù)覽文檔 對(duì)網(wǎng)頁進(jìn)行編輯或修改后，可在瀏覽器中預(yù)覽其效果。打開文檔后，單擊文檔工具欄中的 按鈕，在彈出的菜單中選擇“預(yù)覽在IExplore 6.0”菜單項(xiàng)4打開和關(guān)閉文檔 如果要打開某站點(diǎn)中現(xiàn)有的網(wǎng)頁文檔，可以選擇“文件”“打開”菜單，在彈出的“打開”對(duì)話框中選擇要打開的文件，然后單擊“打開”按鈕。選擇目標(biāo)文件所在文件夾 關(guān)閉文件的操作相當(dāng)簡單，只需單擊相應(yīng)文件右上方的“關(guān)閉”按鈕 。 單擊選擇文件 單擊“打開”按鈕 課堂練習(xí)4 利用“文件”面板創(chuàng)建網(wǎng)頁使用

6、“文件”面板，可以非常方便地管理站點(diǎn)和站點(diǎn)中的文件。本節(jié)看一下在“文件”面板中創(chuàng)建和命名文檔的方法。 2.2.3 網(wǎng)頁文檔與文件夾命名規(guī)則 為便于日后的維護(hù)和管理，網(wǎng)站中所有文件和文件夾的命名最好遵循一定的規(guī)則。首先，靜態(tài)的首頁文件一般命名為“index.html”或“index.htm”。如果是包含程序代碼的動(dòng)態(tài)頁面，比如ASP文件，則命名為“index.asp”?？傊?，后綴名與網(wǎng)頁本身所使用的技術(shù)是對(duì)應(yīng)的。 2.3 基本頁面屬性設(shè)置 2.3.1 指定網(wǎng)頁文檔標(biāo)題和邊距 在瀏覽網(wǎng)頁時(shí)，可以看到瀏覽器上端都會(huì)有表示網(wǎng)頁特征或歡迎詞之類的標(biāo)題。另外，一般網(wǎng)頁的上、下、左、右邊距均為0，它們是如何設(shè)置的呢？下面以“l(fā)ily”網(wǎng)站中的“index.html”為例，來看看具體設(shè)置方法。2.3.2 指定網(wǎng)頁背景顏色和背景圖像 指定網(wǎng)頁背景顏色的方法非常簡單，只需在“頁面屬性”對(duì)話框中單擊“背景顏色”后的顏色按鈕，然后在彈出的調(diào)色板中單擊選擇相應(yīng)顏色就可以了。如果用戶喜歡的話，也可以將圖像設(shè)置為網(wǎng)頁背景。 2.3.3 為網(wǎng)頁設(shè)置文本和鏈接屬性 通過設(shè)置“頁面屬性”對(duì)話框中的“頁面字體”、“大小”和“文本顏色”，可以設(shè)置網(wǎng)頁中文本的屬性。另外，要設(shè)置鏈接文本的屬性，可以在“頁面屬性”對(duì)話框左側(cè)的分類列表中選擇“鏈接”選項(xiàng)，然后在右側(cè)設(shè)置各項(xiàng)參