DW項(xiàng)目二電子商務(wù)網(wǎng)頁制作DreamweaverCS5入門DW項(xiàng)目二電子商務(wù)DreamweaverCS5入門認(rèn)識(shí)DreamweaverCS5。安裝和啟動(dòng)DreamweaverCS5。了解DreamweaverCS5的工作界面。會(huì)對(duì)DreamweaverCS5的工作區(qū)進(jìn)行設(shè)置。項(xiàng)目目標(biāo)認(rèn)識(shí)DreamweaverCS5。項(xiàng)目目標(biāo)試一試——結(jié)識(shí)Adobe家族新成員

AdobeDreamweaverCS5是一款所見即所得的網(wǎng)頁制作軟件，它功能強(qiáng)大，簡(jiǎn)單易學(xué)，即使你是初次學(xué)習(xí)，也能夠很快地使用它制作出簡(jiǎn)單的網(wǎng)頁來。試一試——結(jié)識(shí)Adobe家族新成員AdobeDream試一試——結(jié)識(shí)Adobe家族新成員第一步：雙擊桌面上的DW圖標(biāo)，運(yùn)行DreamweaverCS5軟件。第二步：觀察DreamweaverCS5的界面組成。包括菜單欄、起始頁、面板組和屬性面板等。試一試——結(jié)識(shí)Adobe家族新成員第一步：雙擊桌面上的DW圖試一試——結(jié)識(shí)Adobe家族新成員第三步：?jiǎn)螕羝鹗柬撝小靶陆ā睓谥械摹癏TML”選項(xiàng)，新建一個(gè)HTML空白文檔，在工作區(qū)設(shè)計(jì)視圖窗口中輸入一段文字。試一試——結(jié)識(shí)Adobe家族新成員第三步：?jiǎn)螕羝鹗柬撝小靶陆ㄔ囈辉嚒Y(jié)識(shí)Adobe家族新成員第四步：打開“文件”菜單選擇“保存”命令，在彈出的“另存為”對(duì)話框中選擇保存的位置，單擊“保存”按鈕將文檔保存。試一試——結(jié)識(shí)Adobe家族新成員第四步：打開“文件”菜單選試一試——結(jié)識(shí)Adobe家族新成員第五步：按F12鍵，可以在瀏覽器中預(yù)覽網(wǎng)頁效果。試一試——結(jié)識(shí)Adobe家族新成員第五步：按F12鍵，可以在試一試——結(jié)識(shí)Adobe家族新成員第四步：打開“文件”菜單選擇“保存”命令，在彈出的“另存為”對(duì)話框中選擇保存的位置，單擊“保存”按鈕將文檔保存。試一試——結(jié)識(shí)Adobe家族新成員第四步：打開“文件”菜單選試一試——結(jié)識(shí)Adobe家族新成員學(xué)習(xí)一個(gè)新的軟件首先要對(duì)其有一個(gè)大致的總體印象，了解它的界面組成和最基本的操作，通過自己動(dòng)手慢慢去摸索和熟悉，然后才能進(jìn)一步去深入學(xué)習(xí)軟件的各種功能和操作。AdobeDreamweaverCS5是Adobe家族的成員，是一款制作網(wǎng)頁的專業(yè)軟件，它功能強(qiáng)大，易于學(xué)習(xí)，初學(xué)者能夠很快上手使用它制作出簡(jiǎn)單的網(wǎng)頁來?；顒?dòng)小結(jié)試一試——結(jié)識(shí)Adobe家族新成員學(xué)習(xí)一個(gè)新的軟件首先要初識(shí)DreamweaverCS5

AdobeDreamweaverCS5是一款集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，DreamweaverCS5是第一套針對(duì)專業(yè)網(wǎng)頁設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁。Dreamweaver原本是由著名的軟件公司Macromedia開發(fā)的，Macromedia的著名產(chǎn)品還有矢量動(dòng)畫制作軟件Flash、網(wǎng)頁圖像處理軟件Fireworks等。2006年全球最大的圖像編輯軟件供應(yīng)商Adobe以換股方式收購了Macromedia公司，自此開始，Dreamweaver開始屬于ADOBE設(shè)計(jì)軟件系列。2007年Adobe發(fā)布了DreamweaverCS3，2008年發(fā)布DreamweaverCS4，到了2010年，Adobe推出了全新的DreamweaverCS5。初識(shí)DreamweaverCS5AdobeDreamDreamweaverCS5的安裝步驟1：將DreamweaverCS5的安裝光盤放在光驅(qū)中，此時(shí)會(huì)自動(dòng)進(jìn)行DreamweaverCS5的安裝程序的始化，并對(duì)系統(tǒng)進(jìn)行檢查。DreamweaverCS5的安裝步驟1：將DreamweDreamweaverCS5的安裝步驟2：如果系統(tǒng)滿足安裝所需要的條件，就會(huì)打開“AdobeDreamweaverCS5”安裝界面，首先是顯示的“Adobe軟件許可協(xié)議”頁面。DreamweaverCS5的安裝步驟2：如果系統(tǒng)滿足安裝DreamweaverCS5的安裝步驟3：閱讀軟件許可協(xié)議，單擊【接受】按鈕，進(jìn)入序列號(hào)頁面。DreamweaverCS5的安裝步驟3：閱讀軟件許可協(xié)議DreamweaverCS5的安裝步驟4：輸入產(chǎn)品序列號(hào)，或選擇“安裝此產(chǎn)品的試用版”，單擊“下一步”按鈕，進(jìn)入“安裝選項(xiàng)”頁面。DreamweaverCS5的安裝步驟4：輸入產(chǎn)品序列號(hào)，DreamweaverCS5的安裝步驟5：選擇需要安裝程序的磁盤并指定安裝路徑，單擊“安裝”按鈕，進(jìn)入“安裝進(jìn)度”頁面。DreamweaverCS5的安裝步驟5：選擇需要安裝程序DreamweaverCS5的安裝步驟6：安裝過程會(huì)持續(xù)幾分鐘的時(shí)間，然后彈出如圖2-10所示的頁面，單擊【完成】按鈕，完成DreamweaverCS5的安裝工作。DreamweaverCS5的安裝步驟6：安裝過程會(huì)持續(xù)幾DreamweaverCS5的啟動(dòng)DreamweaverCS5安裝完畢后，會(huì)自動(dòng)在“開始”按鈕的“程序”菜單中添加啟動(dòng)項(xiàng)，同時(shí)也會(huì)在桌面上創(chuàng)建DreamweaverCS5快捷方式圖標(biāo)。單擊“程序”菜單中相應(yīng)的啟動(dòng)項(xiàng)或雙擊桌面快捷方式，都可以啟動(dòng)DreamweaverCS5。DreamweaverDreamweaverCS5的啟動(dòng)DreamweaveDreamweaverCS5的啟動(dòng)

單擊“確定”后，將進(jìn)入DreamweaverCS5的起始頁。可以勾選下面的“不再顯示”來隱藏它。在起始頁中可以打開最近使用過的文檔或創(chuàng)建新文檔，還可以從起始頁通過“快速入門”或“資源”來了解DreamweaverCS5的更多信息。DreamweaverCS5的啟動(dòng)單擊“確定”后，將進(jìn)DreamweaverCS5的退出用以下五種方法都可以退出DreamweaverCS5：（1）打開“文件”菜單，選擇“退出”命令。（2）單擊DreamweaverCS5窗口右上角的“關(guān)閉”按鈕。（3）雙擊DreamweaverCS5窗口左上角的控制按鈕。（4）按快捷鍵<Ctrl>+Q。（5）按組合鍵<Alt>+F4。在退出DreamweaverCS5時(shí)，窗口中如還有正在編輯的網(wǎng)頁，系統(tǒng)會(huì)提示你是否保存本次對(duì)文件的編輯，你可以根據(jù)需要選擇“是”、“否”或“取消”。如選擇“是”，系統(tǒng)將保存本次編輯并退出DreamweaverCS5；如選擇“否”，系統(tǒng)將不保存本次編輯，文件回到編輯前的狀態(tài)，并退出DreamweaverCS5；如選擇“取消”，系統(tǒng)將不退出DreamweaverCS5，繼續(xù)保持編輯狀態(tài)。請(qǐng)注意：DreamweaverCS5的退出用以下五種方法都可以退出DreamweaverCS5的窗口組成

DreamweaverCS5的窗口界面如圖2-13所示。包括：標(biāo)題欄、菜單欄、插入欄、文檔工具欄、文檔窗口、狀態(tài)欄、屬性面板和面板組。DreamweaverCS5的窗口組成DreamweaDreamweaverCS5的窗口組成1．菜單欄菜單欄提供了DreamweaverCS5的所有功能，一共包含十個(gè)菜單。2．文檔工具欄文檔工具欄中顯示的是已經(jīng)打開的各個(gè)文檔的圖標(biāo)，單位擊各圖標(biāo)可以在不同文檔間進(jìn)行切換。3．文檔窗口文檔窗口是網(wǎng)頁文檔的編輯區(qū)，它用于顯示當(dāng)前正在編輯的網(wǎng)頁文檔。設(shè)計(jì)者可以在文檔區(qū)域中進(jìn)行各種編輯操作。4．標(biāo)簽選擇器標(biāo)簽選擇器用于快速選擇網(wǎng)頁中的各種標(biāo)簽，在網(wǎng)頁布局時(shí)非常有用。DreamweaverCS5的窗口組成1．菜單欄DreamweaverCS5的窗口組成5．屬性檢查器網(wǎng)頁設(shè)計(jì)中的每個(gè)對(duì)象都有自己的屬性，比如文字有字體、字號(hào)、對(duì)齊方式等屬性，圖像有大小、鏈接、替換文字等屬性。屬性檢查器的設(shè)置項(xiàng)目會(huì)根據(jù)對(duì)象的不同而變化。6．狀態(tài)欄狀態(tài)欄中顯示與正在編輯的文檔有關(guān)的其他信息。DreamweaverCS5的窗口組成5．屬性檢查器DreamweaverCS5的窗口組成7．面板組為了方便設(shè)計(jì)者的編輯工作，DreamweaverCS5組合了各種具備各種功能的面板供設(shè)計(jì)者選擇使用，每個(gè)面板組都可以展開或折疊，可以和其他面板組?？吭谝黄鸹蛉∠？?，所以也稱為浮動(dòng)面板。（1）查看面板組打開“窗口”菜單，選擇“顯示面板”或“隱藏面板”，可以顯示或隱藏面板組。也可以單擊面板組名稱，或者直接按快捷鍵F4快速隱藏和顯示面板組。（2）關(guān)閉面板組要關(guān)閉某個(gè)面板，可以單擊該面板標(biāo)題欄右側(cè)的按鈕，在彈出的菜單中選擇“關(guān)閉標(biāo)簽組”。如果要再打開被關(guān)閉的面板組，可以選擇“窗口”菜單，然后選擇要打開的面板名稱即可。DreamweaverCS5的窗口組成7．面板組（1）查看DreamweaverCS5的窗口組成8．“文件”面板“文件”面板是很常用的面板，利用它可以管理站點(diǎn)的文件和文件夾。通過“文件”面板還可以訪問本地磁盤上的全部文件。DreamweaverCS5的窗口組成8．“文件”面板了解DreamweaverCS5的視圖管理在DreamweaverCS5的文檔窗口中可以使用三種視圖方式查看當(dāng)前文檔。1．“設(shè)計(jì)”視圖模式

這是一個(gè)用于可視化頁面布局、可視化編輯和快速應(yīng)用程序開發(fā)的設(shè)計(jì)環(huán)境。在“設(shè)計(jì)”視圖中，設(shè)計(jì)者可以“所見即所得”地設(shè)計(jì)網(wǎng)頁。了解DreamweaverCS5的視圖管理在Dreamwe了解DreamweaverCS5的視圖管理２．“代碼”視圖模式這是一個(gè)用于編寫和編輯html、Javascript、服務(wù)器語言代碼以及任何其他類型代碼的手工編碼環(huán)境。了解DreamweaverCS5的視圖管理２．“代碼”視圖了解DreamweaverCS5的視圖管理3．“拆分”視圖模式

這種視圖模式在單個(gè)窗口中同時(shí)顯示同一文檔的“代碼”視圖和“設(shè)計(jì)”視圖。了解DreamweaverCS5的視圖管理3．“拆分”視圖自定義DreamweaverCS5的工作區(qū)一個(gè)使用順手的工作界面能提高工作效率。在DreamweaverCS5中，你可以根據(jù)自己的愛好和需要自定義工作區(qū)，使其適合個(gè)人的需要。1．選擇工作區(qū)布局在DreamweaverCS5中，你可以選擇“設(shè)計(jì)器”和“編碼器”工作區(qū)布局?！霸O(shè)計(jì)器”是一個(gè)多文檔界面的集成工作區(qū)，其中全部文檔窗口和面板被集成在一個(gè)較大的應(yīng)用程序窗口中，面板組停靠在窗口右側(cè)；“編碼器”也是集成的工作區(qū)，但是面板組組?？吭诖翱谧髠?cè)，并且文檔窗口在默認(rèn)情況下顯示代碼視圖。打開“窗口”菜單，選擇“工作區(qū)布局”，可以設(shè)置“設(shè)計(jì)器”和“編碼器”工作區(qū)布局，也可以單擊窗口右上角的工作區(qū)切換器來設(shè)置工作區(qū)布局。自定義DreamweaverCS5的工作區(qū)一個(gè)使用順手了解DreamweaverCS5的視圖管理在以前版本的Dreamweaver中，菜單欄下面還有一個(gè)“插入”欄，“插入”欄中包含了多個(gè)按鈕，單擊這些按鈕可以將各種對(duì)象（如圖像、表格、DIV標(biāo)簽等）插入到頁面中。使用插入欄插入對(duì)象比使用“插入”菜單更便捷。

在DreamweaverCS5中，我們可以在工作區(qū)布局中選擇“經(jīng)典”布局，這樣窗口界面中就會(huì)出現(xiàn)我們熟悉的“插入”欄了。了解DreamweaverCS5的視圖管理在以前版本的了解DreamweaverCS5的視圖管理2．保存自定義工作區(qū)布局DreamweaverCS5可以保存自定義的工作區(qū)設(shè)置。打開“窗口”菜單，選擇“工作區(qū)布局”子菜單中的“新建工作區(qū)”命令，可以建立自定義工作區(qū)設(shè)置；當(dāng)你需要將工作區(qū)還原成原先設(shè)置過的狀態(tài)時(shí)，可以通過打開“窗口”菜單，選擇“工作區(qū)布局”子菜單，或通過工作區(qū)切換器，然后選擇前面保存過的布局名稱來恢復(fù)成該工作區(qū)布局設(shè)置。了解DreamweaverCS5的視圖管理2．保存自定義工項(xiàng)目總結(jié)

我們需要使用專業(yè)的軟件來制作網(wǎng)頁，DreamweaverCS5就是一款非常流行的專業(yè)的網(wǎng)頁制作軟件，無論你是菜鳥還是網(wǎng)頁設(shè)計(jì)師，都可以使用它來制作出各種各樣的網(wǎng)頁。本項(xiàng)目引領(lǐng)大家學(xué)習(xí)DreamweaverCS5的入門知識(shí)和操作。DreamweaverCS5的工作界面主要由菜單欄、文檔工具欄、文檔窗口、屬性檢查器和面板組構(gòu)。使用者可以通過“設(shè)計(jì)”視圖、“代碼”視圖、和“拆分”視圖三種方式來查看同一文檔。DreamweaverCS5中的面板被組織到面板組中，每個(gè)面板組都可以展開或折疊，并且可以和其他面板組放置在一起或取消放置。你可以根據(jù)自己的喜好和需要自定義定DreamweaverCS5的工作區(qū)。項(xiàng)目總結(jié)我們需要使用專業(yè)的軟件來制作網(wǎng)頁，Dreamwe推薦資源推薦資源謝謝觀賞！謝謝觀賞！DW項(xiàng)目二電子商務(wù)網(wǎng)頁制作DreamweaverCS5入門DW項(xiàng)目二電子商務(wù)DreamweaverCS5入門認(rèn)識(shí)DreamweaverCS5。安裝和啟動(dòng)DreamweaverCS5。了解DreamweaverCS5的工作界面。會(huì)對(duì)DreamweaverCS5的工作區(qū)進(jìn)行設(shè)置。項(xiàng)目目標(biāo)認(rèn)識(shí)DreamweaverCS5。項(xiàng)目目標(biāo)試一試——結(jié)識(shí)Adobe家族新成員

AdobeDreamweaverCS5是一款所見即所得的網(wǎng)頁制作軟件，它功能強(qiáng)大，簡(jiǎn)單易學(xué)，即使你是初次學(xué)習(xí)，也能夠很快地使用它制作出簡(jiǎn)單的網(wǎng)頁來。試一試——結(jié)識(shí)Adobe家族新成員AdobeDream試一試——結(jié)識(shí)Adobe家族新成員第一步：雙擊桌面上的DW圖標(biāo)，運(yùn)行DreamweaverCS5軟件。第二步：觀察DreamweaverCS5的界面組成。包括菜單欄、起始頁、面板組和屬性面板等。試一試——結(jié)識(shí)Adobe家族新成員第一步：雙擊桌面上的DW圖試一試——結(jié)識(shí)Adobe家族新成員第三步：?jiǎn)螕羝鹗柬撝小靶陆ā睓谥械摹癏TML”選項(xiàng)，新建一個(gè)HTML空白文檔，在工作區(qū)設(shè)計(jì)視圖窗口中輸入一段文字。試一試——結(jié)識(shí)Adobe家族新成員第三步：?jiǎn)螕羝鹗柬撝小靶陆ㄔ囈辉嚒Y(jié)識(shí)Adobe家族新成員第四步：打開“文件”菜單選擇“保存”命令，在彈出的“另存為”對(duì)話框中選擇保存的位置，單擊“保存”按鈕將文檔保存。試一試——結(jié)識(shí)Adobe家族新成員第四步：打開“文件”菜單選試一試——結(jié)識(shí)Adobe家族新成員第五步：按F12鍵，可以在瀏覽器中預(yù)覽網(wǎng)頁效果。試一試——結(jié)識(shí)Adobe家族新成員第五步：按F12鍵，可以在試一試——結(jié)識(shí)Adobe家族新成員第四步：打開“文件”菜單選擇“保存”命令，在彈出的“另存為”對(duì)話框中選擇保存的位置，單擊“保存”按鈕將文檔保存。試一試——結(jié)識(shí)Adobe家族新成員第四步：打開“文件”菜單選試一試——結(jié)識(shí)Adobe家族新成員學(xué)習(xí)一個(gè)新的軟件首先要對(duì)其有一個(gè)大致的總體印象，了解它的界面組成和最基本的操作，通過自己動(dòng)手慢慢去摸索和熟悉，然后才能進(jìn)一步去深入學(xué)習(xí)軟件的各種功能和操作。AdobeDreamweaverCS5是Adobe家族的成員，是一款制作網(wǎng)頁的專業(yè)軟件，它功能強(qiáng)大，易于學(xué)習(xí)，初學(xué)者能夠很快上手使用它制作出簡(jiǎn)單的網(wǎng)頁來?；顒?dòng)小結(jié)試一試——結(jié)識(shí)Adobe家族新成員學(xué)習(xí)一個(gè)新的軟件首先要初識(shí)DreamweaverCS5

AdobeDreamweaverCS5是一款集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，DreamweaverCS5是第一套針對(duì)專業(yè)網(wǎng)頁設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁。Dreamweaver原本是由著名的軟件公司Macromedia開發(fā)的，Macromedia的著名產(chǎn)品還有矢量動(dòng)畫制作軟件Flash、網(wǎng)頁圖像處理軟件Fireworks等。2006年全球最大的圖像編輯軟件供應(yīng)商Adobe以換股方式收購了Macromedia公司，自此開始，Dreamweaver開始屬于ADOBE設(shè)計(jì)軟件系列。2007年Adobe發(fā)布了DreamweaverCS3，2008年發(fā)布DreamweaverCS4，到了2010年，Adobe推出了全新的DreamweaverCS5。初識(shí)DreamweaverCS5AdobeDreamDreamweaverCS5的安裝步驟1：將DreamweaverCS5的安裝光盤放在光驅(qū)中，此時(shí)會(huì)自動(dòng)進(jìn)行DreamweaverCS5的安裝程序的始化，并對(duì)系統(tǒng)進(jìn)行檢查。DreamweaverCS5的安裝步驟1：將DreamweDreamweaverCS5的安裝步驟2：如果系統(tǒng)滿足安裝所需要的條件，就會(huì)打開“AdobeDreamweaverCS5”安裝界面，首先是顯示的“Adobe軟件許可協(xié)議”頁面。DreamweaverCS5的安裝步驟2：如果系統(tǒng)滿足安裝DreamweaverCS5的安裝步驟3：閱讀軟件許可協(xié)議，單擊【接受】按鈕，進(jìn)入序列號(hào)頁面。DreamweaverCS5的安裝步驟3：閱讀軟件許可協(xié)議DreamweaverCS5的安裝步驟4：輸入產(chǎn)品序列號(hào)，或選擇“安裝此產(chǎn)品的試用版”，單擊“下一步”按鈕，進(jìn)入“安裝選項(xiàng)”頁面。DreamweaverCS5的安裝步驟4：輸入產(chǎn)品序列號(hào)，DreamweaverCS5的安裝步驟5：選擇需要安裝程序的磁盤并指定安裝路徑，單擊“安裝”按鈕，進(jìn)入“安裝進(jìn)度”頁面。DreamweaverCS5的安裝步驟5：選擇需要安裝程序DreamweaverCS5的安裝步驟6：安裝過程會(huì)持續(xù)幾分鐘的時(shí)間，然后彈出如圖2-10所示的頁面，單擊【完成】按鈕，完成DreamweaverCS5的安裝工作。DreamweaverCS5的安裝步驟6：安裝過程會(huì)持續(xù)幾DreamweaverCS5的啟動(dòng)DreamweaverCS5安裝完畢后，會(huì)自動(dòng)在“開始”按鈕的“程序”菜單中添加啟動(dòng)項(xiàng)，同時(shí)也會(huì)在桌面上創(chuàng)建DreamweaverCS5快捷方式圖標(biāo)。單擊“程序”菜單中相應(yīng)的啟動(dòng)項(xiàng)或雙擊桌面快捷方式，都可以啟動(dòng)DreamweaverCS5。DreamweaverDreamweaverCS5的啟動(dòng)DreamweaveDreamweaverCS5的啟動(dòng)

單擊“確定”后，將進(jìn)入DreamweaverCS5的起始頁?？梢怨催x下面的“不再顯示”來隱藏它。在起始頁中可以打開最近使用過的文檔或創(chuàng)建新文檔，還可以從起始頁通過“快速入門”或“資源”來了解DreamweaverCS5的更多信息。DreamweaverCS5的啟動(dòng)單擊“確定”后，將進(jìn)DreamweaverCS5的退出用以下五種方法都可以退出DreamweaverCS5：（1）打開“文件”菜單，選擇“退出”命令。（2）單擊DreamweaverCS5窗口右上角的“關(guān)閉”按鈕。（3）雙擊DreamweaverCS5窗口左上角的控制按鈕。（4）按快捷鍵<Ctrl>+Q。（5）按組合鍵<Alt>+F4。在退出DreamweaverCS5時(shí)，窗口中如還有正在編輯的網(wǎng)頁，系統(tǒng)會(huì)提示你是否保存本次對(duì)文件的編輯，你可以根據(jù)需要選擇“是”、“否”或“取消”。如選擇“是”，系統(tǒng)將保存本次編輯并退出DreamweaverCS5；如選擇“否”，系統(tǒng)將不保存本次編輯，文件回到編輯前的狀態(tài)，并退出DreamweaverCS5；如選擇“取消”，系統(tǒng)將不退出DreamweaverCS5，繼續(xù)保持編輯狀態(tài)。請(qǐng)注意：DreamweaverCS5的退出用以下五種方法都可以退出DreamweaverCS5的窗口組成

DreamweaverCS5的窗口界面如圖2-13所示。包括：標(biāo)題欄、菜單欄、插入欄、文檔工具欄、文檔窗口、狀態(tài)欄、屬性面板和面板組。DreamweaverCS5的窗口組成DreamweaDreamweaverCS5的窗口組成1．菜單欄菜單欄提供了DreamweaverCS5的所有功能，一共包含十個(gè)菜單。2．文檔工具欄文檔工具欄中顯示的是已經(jīng)打開的各個(gè)文檔的圖標(biāo)，單位擊各圖標(biāo)可以在不同文檔間進(jìn)行切換。3．文檔窗口文檔窗口是網(wǎng)頁文檔的編輯區(qū)，它用于顯示當(dāng)前正在編輯的網(wǎng)頁文檔。設(shè)計(jì)者可以在文檔區(qū)域中進(jìn)行各種編輯操作。4．標(biāo)簽選擇器標(biāo)簽選擇器用于快速選擇網(wǎng)頁中的各種標(biāo)簽，在網(wǎng)頁布局時(shí)非常有用。DreamweaverCS5的窗口組成1．菜單欄DreamweaverCS5的窗口組成5．屬性檢查器網(wǎng)頁設(shè)計(jì)中的每個(gè)對(duì)象都有自己的屬性，比如文字有字體、字號(hào)、對(duì)齊方式等屬性，圖像有大小、鏈接、替換文字等屬性。屬性檢查器的設(shè)置項(xiàng)目會(huì)根據(jù)對(duì)象的不同而變化。6．狀態(tài)欄狀態(tài)欄中顯示與正在編輯的文檔有關(guān)的其他信息。DreamweaverCS5的窗口組成5．屬性檢查器DreamweaverCS5的窗口組成7．面板組為了方便設(shè)計(jì)者的編輯工作，DreamweaverCS5組合了各種具備各種功能的面板供設(shè)計(jì)者選擇使用，每個(gè)面板組都可以展開或折疊，可以和其他面板組?？吭谝黄鸹蛉∠？浚砸卜Q為浮動(dòng)面板。（1）查看面板組打開“窗口”菜單，選擇“顯示面板”或“隱藏面板”，可以顯示或隱藏面板組。也可以單擊面板組名稱，或者直接按快捷鍵F4快速隱藏和顯示面板組。（2）關(guān)閉面板組要關(guān)閉某個(gè)面板，可以單擊該面板標(biāo)題欄右側(cè)的按鈕，在彈出的菜單中選擇“關(guān)閉標(biāo)簽組”。如果要再打開被關(guān)閉的面板組，可以選擇“窗口”菜單，然后選擇要打開的面板名稱即可。DreamweaverCS5的窗口組成7．面板組（1）查看DreamweaverCS5的窗口組成8．“文件”面板“文件”面板是很常用的面板，利用它可以管理站點(diǎn)的文件和文件夾。通過“文件”面板還可以訪問本地磁盤上的全部文件。DreamweaverCS5的窗口組成8．“文件”面板了解DreamweaverCS5的視圖管理在DreamweaverCS5的文檔窗口中可以使用三種視圖方式查看當(dāng)前文檔。1．“設(shè)計(jì)”視圖模式

這是一個(gè)用于可視化頁面布局、可視化編輯和快速應(yīng)用程序開發(fā)的設(shè)計(jì)環(huán)境。在“設(shè)計(jì)”視圖中，設(shè)計(jì)者可以“所見即所得”地設(shè)計(jì)網(wǎng)頁。了解DreamweaverCS5的視圖管理在Dreamwe了解DreamweaverCS5的視圖管理２．“代碼”視圖模式這是一個(gè)用于編寫和編輯html、Javascript、服務(wù)器語言代碼以及任何其他類型代碼的手工編碼環(huán)境。了解DreamweaverCS5的視圖管理２．“代碼”視圖了解DreamweaverCS5的視圖管理3．“拆分”視圖模式

這種視圖模式在單個(gè)窗口中同時(shí)顯示同一文檔的“代碼”視圖和“設(shè)計(jì)”視圖。了解DreamweaverCS5的視圖管理3．“拆分”視圖自定義DreamweaverCS5的工作區(qū)一個(gè)使用順手的工作界面能提高工作效率。在DreamweaverCS5中，你可