中文版網(wǎng)頁制作基礎(chǔ)：第2講 走進Dreamweaver 8

Dreamweaver8

中文版網(wǎng)頁制作基礎(chǔ)主講人

第二講走進Dreamweaver81、啟動與退出2、工作界面3、創(chuàng)建簡單頁面

1、啟動與退出1．啟動2．退出3.打開網(wǎng)頁文檔4.關(guān)閉網(wǎng)頁文檔1.1.啟動在Windows窗口中執(zhí)行命令執(zhí)行【開始】/【所有程序】/【Macromedia】/【MacromediaDreamweaver8】命令即可啟動MacromediaDreamweaver8程序，如下圖所示。

1.2．退出

Dreamweaver8程序常用的退出方法有如下四種。單擊Dreamweaver8窗口右上角的關(guān)閉按鈕。單擊Dreamweaver8窗口左上角的圖標(biāo)，在打開的下拉菜單中執(zhí)行【關(guān)閉】命令。在Dreamweaver8窗口中執(zhí)行【文檔】/【退出】命令。當(dāng)當(dāng)前活動窗口為Dreamweaver8時，按Alt+F4組合鍵也可退出Dreamweaver8。

1.3．打開網(wǎng)頁文檔執(zhí)行【文件】/【打開】命令，打開【打開】對話框，找到需要打開的網(wǎng)頁文檔，單擊選中，然后單擊“打開”按鈕，即可打開。1.4．關(guān)閉網(wǎng)頁文檔編輯完文檔后，可以單擊文檔工具欄上的按鈕，關(guān)閉文檔。若文檔有改動則彈出如圖所示的提示框，詢問是否保存改動。2、

工作界面2.1窗口介紹2.2面板組

2.3重組面板2.4首選參數(shù)設(shè)置2.1．窗口介紹在默認(rèn)狀態(tài)下，Dreamweaver8窗口主要有標(biāo)題欄、菜單欄、文檔工具欄、編輯區(qū)、【屬性】面板、插入欄、面板組、狀態(tài)欄等組成，如上圖所示。標(biāo)題欄：顯示當(dāng)前正在編輯的文檔的目錄和名稱。菜單欄：菜單欄位于標(biāo)題欄的下面，有10個菜單組成，包含了幾乎所有的Dreamweaver8命令。文檔工具欄：文檔工具欄中包含按鈕，使用這些按鈕可以在文檔的不同視圖間快，還包含一些與查看文檔、在本地和遠(yuǎn)程站點間傳輸文檔有關(guān)的常用命令和選項，如圖所示。插入欄：包含用于創(chuàng)建和插入對象（如表格、層和圖像）的按鈕。當(dāng)鼠標(biāo)指針滾動到一個按鈕上時，會出現(xiàn)一個工具提示，其中含有該按鈕的名稱，如下圖所示。插入欄插入欄上的插入命令按鈕被分成了如下七個常用類別：【常用】、【布局】、【表單】、【文本】、【HTML】、【服務(wù)器代碼】、【應(yīng)用程序】、【Flash元素】、【收藏】。狀態(tài)欄：編輯窗口底部的狀態(tài)欄提供與用戶正創(chuàng)建的文檔有關(guān)的其它信息，如下圖所示。編輯區(qū)：主要用來設(shè)計頁面和編輯代碼的工作區(qū)域。它有三種視圖模式：設(shè)計視圖、代碼視圖、拆分視圖?！緦傩浴棵姘澹簩Ξ?dāng)前編輯區(qū)選中的對象進行屬性設(shè)置，如設(shè)置文本的字體、大小、顏色。2.2．面板組2.3．變更面板默認(rèn)情況下，Dreamweaver8都是將幾個功能相近的面板集合成一個面板組，以進行集中管理，但這些面板不是固定的，可以自由更改，因此用戶可以將自己常用到的幾個面板集合到一個面板組中，以便使用。例如，將【層】移到【應(yīng)用程序】面板組的操作如下圖所示。2.4．首選參數(shù)設(shè)置執(zhí)行【編輯】/【首選參數(shù)】命令，打開【首選參數(shù)】對話框，通過設(shè)置這些參數(shù)，可以尋找一個最適合個人習(xí)慣的配置。3、

創(chuàng)建簡單頁面3.1創(chuàng)建頁面3.2保存頁面

3.3設(shè)置頁面屬性3.1．創(chuàng)建頁面

啟動Dreamweaver8程序后，執(zhí)行【文件】/【新建】命令，打開【新建文檔】對話框，在【常規(guī)】選項卡的【類別】列表選擇“基本頁”，在【基本頁】列表選擇“HTML”項，然后單擊“創(chuàng)建”按鈕即可，如下圖。在窗口中執(zhí)行【文件】/【保存】，打開【另存為】對話框，在【保存在】項選擇目錄，然后在【文件名】后面輸入需要保存的文件名“index.html”，如圖所示。單擊“保存”按鈕后，即可完成保存文檔。3.2．保存頁面3.2．設(shè)置頁面屬性

在【屬性】面板中單擊“頁面屬性”按鈕，打開打開【頁面屬性】對話框，然后進行相應(yīng)的設(shè)置，如圖所示。在【頁面屬性】對話框中可以設(shè)置網(wǎng)頁的外觀、鏈接、標(biāo)題、標(biāo)題/編碼、跟蹤圖像共五個方面的內(nèi)容。外觀：可以設(shè)置當(dāng)前頁面的字體、字號、背景色和4個邊距等。鏈接：設(shè)置網(wǎng)頁中的鏈接屬性。標(biāo)題效果：設(shè)置1-