任務(wù)3任務(wù)1輸入并設(shè)置網(wǎng)站子頁文本——文本輸入與編輯任務(wù)2在主頁中插入導(dǎo)航條和圖像——應(yīng)用圖像為主頁設(shè)置動(dòng)畫和背景音樂——應(yīng)用動(dòng)畫和多媒體項(xiàng)目三制作汽車網(wǎng)站——輸入與編輯網(wǎng)頁元素任務(wù)1?輸入并設(shè)置網(wǎng)站子頁文本——文本輸入與編輯◆熟練掌握文本的輸入方法◆掌握各種文本格式的設(shè)置方法一、輸入文本在Dreamweaver中輸入文本的方法非常簡單，只要將光標(biāo)定位在網(wǎng)頁的某個(gè)位置，然后選擇輸入法輸入文本即可。對于大量的外部文本，用戶可利用剪貼板將其拷貝到網(wǎng)頁文檔中。打開外部文本并復(fù)制二、設(shè)置文本段落格式和字符格式默認(rèn)情況下，輸入文本的字體、字號等，與該網(wǎng)頁“頁面屬性”中設(shè)置的相同。文本的格式設(shè)置有字符格式與段落格式之分。其中，要設(shè)置段落格式，只需將光標(biāo)定位在該段落即可進(jìn)行設(shè)置；要設(shè)置字符格式，應(yīng)首先利用拖動(dòng)方法選中文本，然后再進(jìn)行設(shè)置。文本“屬性”面板設(shè)置文本顏色設(shè)置段落對齊1.設(shè)置字體列表Dreamweaver中自帶的字體有限，一般滿足不了大多數(shù)網(wǎng)頁設(shè)計(jì)者的需求?？梢酝ㄟ^設(shè)置字體列表解決這一問題。2.設(shè)置文本字體及大小設(shè)置好需要的字體列表后，就可以為網(wǎng)頁中的文本設(shè)置字體了。3.設(shè)置段落對齊和縮進(jìn)通過設(shè)置段落對齊和縮進(jìn)格式，可以更好地為文檔布局。文本及段落格式設(shè)置4.設(shè)置列表項(xiàng)“編號列表”的設(shè)置方法同“項(xiàng)目列表”類似。選中文本?應(yīng)用“項(xiàng)目列表”格式三、插入水平線和特殊字符1.插入水平線水平線對于組織信息和區(qū)分版塊很有幫助，如圖所示。網(wǎng)頁中的水平線水平線“屬性”面板2.插入特殊字符要插入特殊字符，可在定位插入點(diǎn)后，選擇“插入記錄”→“HTML”→“特殊字符”命令，然后在彈出的菜單中選擇相應(yīng)的特殊字符。插入特殊字符任務(wù)2?在主頁中插入導(dǎo)航條和圖像——應(yīng)用圖像◆掌握編輯圖像的方法◆掌握圖像各種特效的制作方法◆掌握導(dǎo)航條的制作方法一、網(wǎng)頁中常見的圖像文件格式JPEG（聯(lián)合圖像專家組標(biāo)準(zhǔn)）格式：該格式適于表現(xiàn)色彩豐富、具有連續(xù)色調(diào)的圖像，如各種照片。GIF（圖形交換格式）格式：由于它最多只能包含256種顏色，因而適合表現(xiàn)色調(diào)不連續(xù)或具有大面積單一顏色的圖像。PNG（便攜網(wǎng)絡(luò)圖像）格式：該格式集JPEG和GIF格式的優(yōu)點(diǎn)于一身，圖像質(zhì)量高且可包含透明區(qū)。二、插入與編輯圖像在Dreamweaver中插入圖像的方法非常簡單，下面介紹具體操作。確定插入點(diǎn)后單擊“圖像”按鈕插入圖像“圖像標(biāo)簽輔助功能屬性”對話框“首選參數(shù)”對話框下面列出圖像“屬性”面板中各常用項(xiàng)的意義。圖像：設(shè)置圖像名稱，主要用于通過腳本控制圖像。寬和高：圖像的寬度和高度（單位為像素），改變了圖像的尺寸后，該數(shù)值將加粗顯示。圖像“屬性”面板源文件：顯示圖像文件的路徑。鏈接：用于創(chuàng)建從圖像到其他文件的鏈接。替換：在瀏覽器無法顯示圖像文件時(shí)，在圖像位置顯示的說明性文字。垂直邊距和水平邊距：指定圖像上、下、左、右空白的像素值。目標(biāo)：設(shè)置在何處打開鏈接文檔，_blank表示新窗口，_self表示當(dāng)前窗口，_parent表示當(dāng)前窗口的父窗口，_top表示當(dāng)前窗口的頂級窗口。邊框：設(shè)置圖像邊框的粗細(xì)，以像素為單位。有時(shí)在為圖像設(shè)置鏈接后，圖像的周圍會(huì)多出一個(gè)藍(lán)色的邊框，此時(shí)只需將圖像的邊框值設(shè)置為“0”，即可將該邊框去掉。對齊：確定圖像在單元格或頁面中的對齊方式。三、使用圖像占位符圖像占位符相當(dāng)于圖像的臨時(shí)替代對象。如果網(wǎng)頁中的某個(gè)圖像尚未制作好，可暫時(shí)用圖像占位符代替。打開“圖像占位符”對話框插入圖像占位符替換圖像四、制作鼠標(biāo)經(jīng)過圖像要制作鼠標(biāo)經(jīng)過圖像，需要用到兩張大小相同，而內(nèi)容不同的圖像。其中一張作為原始圖像，在頁面打開的時(shí)候顯示；另一張則作為鼠標(biāo)經(jīng)過圖像，在鼠標(biāo)經(jīng)過的時(shí)候替換原始圖像顯示出來。設(shè)置圖像名稱和原始圖像插入鼠標(biāo)經(jīng)過圖像預(yù)覽文檔五、制作導(dǎo)航條導(dǎo)航條在網(wǎng)站中起著不可替代的作用，它把網(wǎng)站中的各個(gè)頁面連接起來。每一個(gè)網(wǎng)站都有自己的導(dǎo)航條。利用與制作鼠標(biāo)經(jīng)過圖像類似的方法，可制作具有可變效果的導(dǎo)航條。制作導(dǎo)航條需要用到兩組大小相同而內(nèi)容不同的圖片。設(shè)置鼠標(biāo)經(jīng)過圖像預(yù)覽網(wǎng)頁任務(wù)3?為主頁設(shè)置動(dòng)畫和背景音樂——應(yīng)用動(dòng)畫和多媒體◆掌握插入Flash動(dòng)畫的方法◆掌握插入音頻和視頻的方法一、插入Flash動(dòng)畫Flash動(dòng)畫是一種流行的矢量動(dòng)畫，具有文件尺寸小、變化豐富的優(yōu)點(diǎn)，因而很多網(wǎng)頁中都會(huì)使用。選擇Flash動(dòng)畫插入Flash動(dòng)畫Flash動(dòng)畫“屬性”面板“屬性”面板中部分常用設(shè)置項(xiàng)的意義如下。循環(huán)：選中該選項(xiàng)后，F(xiàn)lash動(dòng)畫將連續(xù)播放。自動(dòng)播放：如果選中該選項(xiàng)，則在打開頁面時(shí)自動(dòng)播放Flash動(dòng)畫。垂直邊距和水平邊距：指定Flash動(dòng)畫周圍的空白像素值。寬和高：以像素為單位指定Flash動(dòng)畫的寬度和高度。文件：指向Flash動(dòng)畫文件的路徑。重設(shè)大?。簩lash動(dòng)畫恢復(fù)到實(shí)際大小。品質(zhì)：設(shè)置Flash動(dòng)畫的播放品質(zhì)。比例：確定Flash動(dòng)畫如何適應(yīng)在其“寬”和“高”編輯框中設(shè)置的尺寸。對齊：確定影片在頁面上的對齊方式。背景顏色：指定Flash動(dòng)畫區(qū)域的背景顏色。參數(shù)：單擊此按鈕打開一個(gè)對話框，可在其中輸入傳遞給Flash動(dòng)畫的附加參數(shù)。二、應(yīng)用透明Flash動(dòng)畫假如已為網(wǎng)頁、某個(gè)表格或某個(gè)單元格設(shè)置了一張背景圖像，在單元格中插入一個(gè)Flash動(dòng)畫時(shí)，由于Flash動(dòng)畫的背景顏色會(huì)遮蓋掉背景圖像，就看不到背景圖像了。為使背景圖像能夠正常顯示，需要將Flash動(dòng)畫的背景顏色改成透明。插入動(dòng)畫預(yù)覽網(wǎng)頁效果預(yù)覽透明背景的動(dòng)畫效果“參數(shù)”對話框三、插入Flash按鈕Flash按鈕包括兩類，一類是用Flash軟件制作的按鈕，另一類是Dreamweaver中集成的按鈕。前者的插入方法與