不朽情缘五滴血有多少兄弟中过

書(shū)名：網(wǎng)頁(yè)設(shè)計(jì)與制作案例教程（HTML+CSS+DIV+JavaScript）
作者名：李志云
本章字?jǐn)?shù)： 1728字
更新時(shí)間： 2021-01-28 17:32:58

1.4 Dreamweaver工具的使用

創(chuàng)建、編輯網(wǎng)頁(yè)可以使用常用的文本編輯器，如Editplus、記事本等。但最方便的網(wǎng)頁(yè)制作工具是Dreamweaver，其智能化的輸入代碼方式、方便的可視化操作都為網(wǎng)頁(yè)制作和瀏覽提供了很大的方便。本節(jié)主要介紹Dreamweaver CS6的使用。

1.4.1 Dreamweaver的發(fā)展

Adobe Dreamweaver（DW）中文名稱為“夢(mèng)想編織者”，原來(lái)是美國(guó)Macromedia公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和網(wǎng)站管理于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器。DW 是第一套針對(duì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師開(kāi)發(fā)的視覺(jué)化網(wǎng)頁(yè)制作工具，它可以輕而易舉地制作出跨越平臺(tái)限制和瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)。

Macromedia公司成立于1992年，2005年被Adobe公司收購(gòu)。Adobe公司推出的版本從Adobe Dreamweaver CS3到Dreamweaver CS6，再到最新版本Dreamweaver CC。Dreamweaver CC版本只能運(yùn)行在Windows 7及以上系統(tǒng)，Windows XP及以下系統(tǒng)不能運(yùn)行。

本書(shū)采用Adobe Dreamweaver CS6版本，它是當(dāng)前應(yīng)用比較廣泛的版本。

1.4.2 Dreamweaver CS6的操作界面

啟動(dòng)Dreamweaver CS6后，其操作界面主要由6部分組成，包括菜單欄、插入欄、文檔工具欄、文檔窗口、屬性面板、CSS 樣式面板及文件面板，每個(gè)部分的具體位置如圖1-5所示。

圖1-5 Dreamweaver CS6操作界面

1．菜單欄

Dreamweaver CS6菜單欄包括文件、編輯、查看、插入、修改、格式、命令、站點(diǎn)、窗口、幫助10個(gè)菜單項(xiàng)，如圖1-5所示。

2．插入欄

經(jīng)常使用的標(biāo)記，可以直接通過(guò)插入欄中的相關(guān)按鈕選擇，這些按鈕一般都和菜單中的命令相對(duì)應(yīng)。插入欄集成了多種網(wǎng)頁(yè)元素，包括超鏈接、圖像、表格、多媒體等，如圖1-5所示。

3．文檔工具欄

文檔工具欄提供了各種“文檔”視圖窗口，包括代碼、拆分和設(shè)計(jì)視圖，通過(guò)單擊此處的選項(xiàng)卡，可以進(jìn)行三種視圖方式的切換。另外，單擊該工具欄中相應(yīng)按鈕還可以瀏覽及刷新網(wǎng)頁(yè)等。

4．文檔窗口

文檔窗口是制作網(wǎng)頁(yè)時(shí)用到最多的區(qū)域之一，此處會(huì)顯示所有打開(kāi)的文檔，并對(duì)網(wǎng)頁(yè)文檔進(jìn)行編輯。

5．屬性面板

屬性面板主要用于顯示在文檔窗口中所選中元素的屬性，用戶可以在屬性面板中直接對(duì)網(wǎng)頁(yè)元素的屬性進(jìn)行修改。選中的元素不同，屬性面板中的內(nèi)容也不一樣。

注意

如果屬性面板不顯示，可以從菜單欄選擇“窗口”｜“屬性”命令，或者按組合鍵“Ctrl+F3”讓其顯示。

6.CSS樣式面板

CSS樣式面板用于顯示或設(shè)置網(wǎng)頁(yè)元素的樣式。用戶可以在CSS樣式面板中創(chuàng)建或修改網(wǎng)頁(yè)元素的樣式。如果網(wǎng)頁(yè)對(duì)元素創(chuàng)建了樣式，在CSS樣式面板中可以查看到該網(wǎng)頁(yè)元素的所有樣式。

注意

（1）一般制作網(wǎng)頁(yè)時(shí)，不通過(guò) CSS 樣式面板創(chuàng)建樣式，而是通過(guò)代碼創(chuàng)建CSS樣式，這樣效率會(huì)更高。

（2）如果 CSS 樣式面板不顯示，可以從菜單欄選擇“窗口”｜“CSS 樣式”命令，或者按組合鍵“Shift +F11”讓其顯示。

7．文件面板

文件面板是很重要的面板，用于顯示或添加當(dāng)前站點(diǎn)中的文件或文件夾。用戶選中當(dāng)前站點(diǎn)名稱，右鍵單擊，選擇“新建文件”或“新建文件夾”，可以在當(dāng)前站點(diǎn)中添加文件或文件夾。如果在文件面板中雙擊文件名稱，可打開(kāi)該文件進(jìn)行修改。另外，通過(guò)文件面板還可以對(duì)文件進(jìn)行刪除、剪切、復(fù)制等操作。

注意

（1）在文件面板中選中文件后，按鍵盤(pán)上的Delete鍵，可快速刪除文件；按組合鍵“Ctrl+D”可復(fù)制文件。

（2）如果文件面板不顯示，可以從菜單欄選擇“窗口”｜“文件”命令，或者按快捷鍵F8讓其顯示。