資源描述:
《dreamweaver8.0入門圖文教程:dreamweaver 8 操作》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、dreamweaver8.0入門圖文教程:Dreamweaver8操作dreamweaver8.0入門圖文教程:Dreamweaver8操作環(huán)境第一天的內(nèi)容可能讓你覺得枯燥乏味,不過,“工欲善其事,必先利其器”,讓我們一起來了解Dreamweaver8的操作環(huán)境,完成站點(diǎn)的創(chuàng)建。一、Dreamweaver8的操作環(huán)境在首次啟動(dòng)Dreamweaver8時(shí)會(huì)出現(xiàn)一個(gè)“工作區(qū)設(shè)置”對(duì)話框,在對(duì)話框左側(cè)是Dreamweaver8的設(shè)計(jì)視圖,右側(cè)是Dreamweave8的代碼視圖。Dreamweaver8設(shè)計(jì)視圖布局提供了一個(gè)將全部元素置于一個(gè)窗口中的集成布局。我們選擇面向設(shè)計(jì)者的設(shè)計(jì)視圖布局
2、。在Dreamweave8中首先將顯示一個(gè)起始頁,可以勾選這個(gè)窗口下面的“不在顯示此對(duì)話框”來隱藏它。在這個(gè)頁面中包括“打開最近項(xiàng)目”、“創(chuàng)建新項(xiàng)目”“從范例創(chuàng)建”3個(gè)方便實(shí)用的項(xiàng)目,建議大家保留。新建或打開一個(gè)文檔,進(jìn)入Dreamweaver8的標(biāo)準(zhǔn)工作界面。Dreamweaver8的標(biāo)準(zhǔn)工作界面包括:標(biāo)題顯示、菜單欄、插入面板組、文檔工具欄、標(biāo)準(zhǔn)工具欄、文檔窗口、狀態(tài)欄、屬性面板和浮動(dòng)面板組。1、標(biāo)題顯示欄啟動(dòng)MacromediaDreamweave8后,標(biāo)題欄將顯示文字MacromediaDreamweave8.0,新建或打開一個(gè)文檔后,在后面還會(huì)顯示該文檔所在的位置和文件名稱
3、。2、菜單欄Dreamweave8的菜單共有10個(gè),即文件、編輯、視圖、插入、修改、文本、命令、站點(diǎn)、窗口和幫助。其中,編輯菜單里提供了對(duì)Dreamweaver菜單中[首選參數(shù)]的訪問。文件:用來管理文件。例如新建,打開,保存,另存為,導(dǎo)入,輸出打印等。編輯:用來編輯文本。例如剪切,復(fù)制,粘貼,查找,替換和參數(shù)設(shè)置等。查看:用來切換視圖模式以及顯示、隱藏標(biāo)尺、網(wǎng)格線等輔助視圖功能。插入:用來插入各種元素,例如圖片、多媒體組件,表格、框架及超級(jí)鏈接等。修改:具有對(duì)頁面元素修改的功能,例如在表格中插入表格,拆分、合并單元格,對(duì)其對(duì)象等。文本:用來對(duì)文本操作,例如設(shè)置文本格式等。命令:所有
4、的附加命令項(xiàng)站點(diǎn):用來創(chuàng)建和管理站點(diǎn)窗口:用來顯示和隱藏控制面板以及切換文檔窗口幫助:聯(lián)機(jī)幫助功能。例如按下F1鍵,就會(huì)打開電子幫助文本3、插入面板組插入面板集成了所有可以在網(wǎng)頁應(yīng)用的對(duì)象包括“插入”菜單中的選項(xiàng)。插入面板組其實(shí)就是圖像化了的插入指令,通過一個(gè)個(gè)的按鈕,可以很容易的加入圖像、聲音、多媒體動(dòng)畫、表格。圖層、框架、表單、Flash和ActiveX等網(wǎng)頁元素。4、文檔工具欄“文檔”工具欄包含各種按鈕,它們提供各種“文檔”窗口視圖(如“設(shè)計(jì)”視圖和“代碼”視圖)的選項(xiàng)、各種查看選項(xiàng)和一些常用操作(如在瀏覽器中預(yù)覽)。5、標(biāo)準(zhǔn)工具欄“標(biāo)準(zhǔn)”工具欄包含來自“文件”和“編輯”菜單中
5、的一般操作的按鈕:“新建”、“打開”、“保存”、“保存全部”、“剪切”、“復(fù)制”、“粘貼”、“撤消”和“重做”。6、文檔窗口當(dāng)我們打開或創(chuàng)建一個(gè)項(xiàng)目,進(jìn)入文檔窗口,我們可以在文檔區(qū)域中進(jìn)行輸入文字、插入表格和編輯圖片等操作?!拔臋n”窗口顯示當(dāng)前文檔??梢赃x擇下列任一視圖:“設(shè)計(jì)”視圖是一個(gè)用于可視化頁面布局、可視化編輯和快速應(yīng)用程序開發(fā)的設(shè)計(jì)環(huán)境。在該視圖中,Dreamweaver顯示文檔的完全可編輯的可視化表示形式,類似于在瀏覽器中查看頁面時(shí)看到的內(nèi)容?!按a”視圖是一個(gè)用于編寫和編輯HTML、JavaScript、服務(wù)器語言代碼以及任何其他類型代碼的手工編碼環(huán)境?!按a和設(shè)計(jì)”視
6、圖使您可以在單個(gè)窗口中同時(shí)看到同一文檔的“代碼”視圖和“設(shè)計(jì)”視圖。7、狀態(tài)欄“文檔”窗口底部的狀態(tài)欄提供與你正創(chuàng)建的文檔有關(guān)的其它信息。標(biāo)簽選擇器顯示環(huán)繞當(dāng)前選定內(nèi)容的標(biāo)簽的層次結(jié)構(gòu)。單擊該層次結(jié)構(gòu)中的任何標(biāo)簽以選擇該標(biāo)簽及其全部?jī)?nèi)容。單擊<body>可以選擇文檔的整個(gè)正文。8、屬性面板屬性面板并不是將所有的屬性加載在面板上,而是根據(jù)我們選擇的對(duì)象來動(dòng)態(tài)顯示對(duì)象的屬性屬性面板的狀態(tài)完全是隨當(dāng)前在文檔中選擇的對(duì)象來確定的。例如,當(dāng)前選擇了一幅圖像,那么屬性面板上就出現(xiàn)該圖像的相關(guān)屬性;如果選擇了表格,那么屬性面板會(huì)相應(yīng)的變化成表格的相關(guān)屬性。9、浮動(dòng)面板其它面板可以同稱為
7、浮動(dòng)面板,這些面板都浮動(dòng)于編輯窗口之外。在初次使用Dreamweave8的時(shí)候,這些面板根據(jù)功能被分成了若干組。在窗口菜單中,選擇不同的命令可以打開基本面板組、設(shè)計(jì)面板組、代碼面板組、應(yīng)用程序面板組、資源面板組和其它面板組。終于把Dreamweave8的基本工作界面介紹完了,你是否已經(jīng)了解它?從現(xiàn)在開始,讓我們一起來建造一座小房子。dreamweaver8.0入門圖文教程:Dreamweaver8本地站點(diǎn)的搭建與管理要制作一個(gè)能夠被大家瀏覽的網(wǎng)站,首先需要