dreamweaver教程教案

《dreamweaver教程教案》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

1、Dreamweaver入門(mén)一、文檔的創(chuàng)建與編輯二、插入圖像對(duì)象三、使用表格布局網(wǎng)頁(yè)四、框架和框架集五、層六、CSS格式一、文檔的創(chuàng)建與編輯Dreamweaver為處理各種Web設(shè)計(jì)和開(kāi)發(fā)文檔提供了靈活的環(huán)境。除了HTML文檔以外，還可以創(chuàng)建和打開(kāi)各種基于文本的文檔，如CFML、ASP、JavaScript和CSS。Dreamweaver還支持源代碼文件，如VisualBasic、.NET、C#和Java。Dreamweaver為創(chuàng)建文檔提供了若干選項(xiàng)。可以創(chuàng)建以下文檔：新的空白文檔或模板基于Dreamweaver附帶的某預(yù)定義頁(yè)面布局的文檔基于某現(xiàn)有模板的

2、文檔文檔的創(chuàng)建包括創(chuàng)建空白文檔和打開(kāi)現(xiàn)有文檔；文檔的編輯包括文檔頁(yè)面屬性的設(shè)置、插入換行標(biāo)簽、文字屬性的設(shè)置、段落屬性的設(shè)置、列表的使用及文檔的保存等。Dreamweaver啟動(dòng)首頁(yè)中各欄的作用：最近打開(kāi)的文檔列表，點(diǎn)擊項(xiàng)目名或點(diǎn)擊“打開(kāi)”按鈕打開(kāi)已有文檔創(chuàng)建新文檔或站點(diǎn)鏈接到DreamweaverExchange網(wǎng)站1、創(chuàng)建一個(gè)空白文檔要?jiǎng)?chuàng)建一個(gè)空白文檔，可以按照如下方法進(jìn)行操作：選擇【文件】/【新建】菜單命令，彈出新建文檔界面，如下圖所示,選擇相應(yīng)的文檔類(lèi)別，單擊“創(chuàng)建”按鈕。2、打開(kāi)現(xiàn)有文檔打開(kāi)現(xiàn)有文檔，可以按如下方法進(jìn)行：方法一：選擇【文件】/【打

3、開(kāi)】菜單命令，彈出“打開(kāi)”對(duì)話框。如下圖,在該對(duì)話框內(nèi)選中要打開(kāi)的文檔，單擊“打開(kāi)”按鈕即可。方法二：在Windows的“資源管理器”（或者“我的電腦”）中選中要打開(kāi)的文檔的圖標(biāo)，單擊右鍵，然后從快捷菜單中選擇“使用Dreamweaver編輯”選項(xiàng)。3、文件頁(yè)面屬性設(shè)置新的文檔建好后，先對(duì)文檔的屬性進(jìn)行設(shè)置，包括指定頁(yè)面的默認(rèn)字體和字體大小、背景顏色、邊距、鏈接樣式等，也可以修改現(xiàn)有頁(yè)面的屬性。操作：打開(kāi)【修改】菜單/【頁(yè)面屬性】項(xiàng)，或在文檔窗口右擊，從快捷菜單中選擇【頁(yè)面屬性】選項(xiàng)，或點(diǎn)擊頁(yè)面空白處，在下面的“屬性”面板中點(diǎn)擊“頁(yè)面屬性”按鈕，均可打開(kāi)下

4、圖所示的對(duì)話框。頁(yè)面屬性分類(lèi)說(shuō)明：外觀：設(shè)定頁(yè)面默認(rèn)布局選項(xiàng)，其中包括：(1)頁(yè)面字體：指定在Web頁(yè)的默認(rèn)字體。DW將使用指定字體(宋體)，除非已為某一文本元素專門(mén)指定另一種字體。(2)大?。褐付ㄔ赪eb頁(yè)的默認(rèn)字體大小。DW將使用指定的字體大?。?3號(hào)/中），除非已為某一文本元素專門(mén)指定了另一種字體大小。(3)文本顏色：指定顯示字體的默認(rèn)顏色(黑色)。(4)背景著色：指定文檔的背景顏色。(5)背景圖像：指定文檔的背景圖像。(6)重復(fù)：如果背景圖像沒(méi)有填滿整個(gè)窗口，DW8對(duì)圖像的處理有四種:重復(fù)（即平鋪，默認(rèn)）、不重復(fù)、橫向重復(fù)（單行）和縱向重復(fù)（單列）

5、。鏈接：設(shè)定與鏈接有關(guān)的文本屬性，其中包括：(1)鏈接字體：指定鏈接文本使用的默認(rèn)字體。(2)大小：指定鏈接文本使用的默認(rèn)的字體大小。(3)鏈接顏色：指定鏈接文本的顏色。(4)變換圖像鏈接：指定當(dāng)鼠標(biāo)指向鏈接文本時(shí)的顏色。(5)已訪問(wèn)鏈接：指定訪問(wèn)過(guò)的鏈接的顏色。(6)活動(dòng)鏈接：指定當(dāng)鼠標(biāo)在鏈接上單擊時(shí)文本的顏色。(7)下劃線樣式：指定應(yīng)用于鏈接的下劃線樣式。標(biāo)題：設(shè)定文檔頁(yè)中的標(biāo)題使用的字體、字號(hào)和顏色。(1)標(biāo)題字體：指定Web頁(yè)中標(biāo)題的字體。DW默認(rèn)使用頁(yè)面的字體。(2)標(biāo)題：標(biāo)題1至標(biāo)題6指定最多六種標(biāo)題標(biāo)簽使用的字體大小和顏色。4、設(shè)置文字屬性文

6、字是文檔的基礎(chǔ)和靈魂，任何一個(gè)文檔都離不開(kāi)文字。在DW8中，可以對(duì)文字的格式、字體、字號(hào)、顏色以及對(duì)齊格式等屬性進(jìn)行設(shè)置。選中【窗口】/【屬性】菜單項(xiàng)，在下方顯示如下圖所示的“屬性”面板，在其中進(jìn)行相關(guān)設(shè)置。5、段落屬性良好的段落格式可以使文檔清晰易讀，便于理解。一般來(lái)說(shuō)，每在文檔窗口中輸入文字，然后按下回車(chē)鍵，即可將之定義為一個(gè)段落。有時(shí)候也可以手工將文檔窗口中的文字行定義為段落，方法如下：（1）將插入點(diǎn)放置在要定義為段落的文字行中。（2）選擇【文本】【段落格式】【段落】項(xiàng)，這時(shí)插入點(diǎn)所在的文字行就被定義為一個(gè)段落。（3）如果希望取消對(duì)段落的指定，可

7、以選擇【無(wú)】項(xiàng)。使用屬性面板同樣可以定義段落，如下圖所示。段落對(duì)齊方式指定段落6、文檔的保存文檔的保存有多種方法，目的不同，保存的方法也不相同。保存文檔（1）選擇【文件】【保存】項(xiàng)，或按【Ctrl+S】組合鍵。（2）如果文檔尚未保存過(guò)，則會(huì)出現(xiàn)“另存為”對(duì)話框。選擇路徑并輸入文件名，單擊”保存”按鈕，即可存儲(chǔ)文檔。（3）如果文檔已經(jīng)保存過(guò)，則會(huì)直接在原處存儲(chǔ)文檔。另存文檔如果希望將文檔以另外的名稱保存，可以按如下方法操作：（1）選擇【文件】【另存為】項(xiàng)。（2）出現(xiàn)“另存為”對(duì)話框。選擇路徑并輸入文件名，單擊”保存”按鈕，即可將文檔以另外的名稱保存。存儲(chǔ)

8、所有文檔在實(shí)際創(chuàng)作過(guò)程中，可能同時(shí)打開(kāi)多個(gè)窗口，編輯了多個(gè)DW文檔