Dreamweaver CS5網(wǎng)頁制作項(xiàng)目三.ppt

1、項(xiàng)目3web內(nèi)容的設(shè)置、任務(wù)1web基本設(shè)置任務(wù)2文本輸入和編輯任務(wù)3圖像任務(wù)4應(yīng)用程序動(dòng)畫和多媒體、任務(wù)1web基本設(shè)置、任務(wù)說明、創(chuàng)建新網(wǎng)頁后，一般需要對頁面進(jìn)行簡單的設(shè)置，主要是標(biāo)題信息設(shè)定預(yù)備知識、一、文檔頭信息，頭信息包括web關(guān)鍵字、web頁說明等。 使用Google、Baidu、Yahoo等搜索引擎搜索網(wǎng)頁時(shí)，不是搜索網(wǎng)頁的所有內(nèi)容，而是僅搜索網(wǎng)頁的關(guān)鍵詞。 為了能夠在搜索引擎中搜索自己的網(wǎng)頁，最好將關(guān)鍵詞設(shè)定為人們經(jīng)常使用的詞語。 二、通過設(shè)置文檔頁屬性和頁屬性，可以設(shè)置網(wǎng)頁外觀、標(biāo)題、超鏈接等屬性。 要設(shè)置頁面屬性，請單擊“屬性”檢查器中的“頁面屬性”按鈕，選擇“修改”菜單中

2、的“頁面屬性”命令，或按Ctrl J鍵，而不選擇web文檔中的對象任務(wù)實(shí)施是在“隨機(jī)”站點(diǎn)的主頁上設(shè)定基本信息，學(xué)習(xí)頭信息和頁屬性的設(shè)定方法之后，通過在“隨機(jī)”站點(diǎn)的主頁上設(shè)定基本信息，進(jìn)一步鞏固之前學(xué)到的東西(具體的操作參照視頻3-1 )。 任務(wù)2輸入和編輯文本，任務(wù)說明，文本是網(wǎng)頁最基本的組成部分，可以有效地向讀者傳達(dá)各種信息。 內(nèi)容豐富的網(wǎng)頁通常有大量的文本。 在Dreamweaver中，可以直接輸入文本，從其他文檔復(fù)制文本，也可以插入水平線、特殊字符等。 在此學(xué)習(xí)在網(wǎng)頁上輸入和編輯文本的相關(guān)知識。 準(zhǔn)備知識，另一方面，輸入文本，在Dreamweaver中輸入文本的方法非常簡單，只要將插

3、入點(diǎn)放在網(wǎng)頁的某個(gè)位置(例如表格單元格內(nèi))，選擇輸入方式輸入文本即可。 對于大量的外部文本，可以使用剪貼板將其復(fù)制到web文檔中。二、文本格式和文本屬性檢查器有兩種類型： HTML和CSS，用戶可以使用其中一種設(shè)置文本格式。 應(yīng)用HTML類型時(shí)，Dreamweaver會(huì)將文本格式屬性添加到頁面正文的HTML代碼中。 應(yīng)用CSS類型時(shí)，Dreamweaver會(huì)將屬性寫入文檔標(biāo)題或其他樣式表。 應(yīng)用HTML類型。 如果“屬性”檢查器尚未打開，請選擇“窗口”“屬性”菜單將其打開。 默認(rèn)情況下，如果選擇要設(shè)置格式的文本或?qū)⒉迦朦c(diǎn)放在要設(shè)置屬性的段落上，則文本的HTML類型屬性將顯示在“屬性”檢查器中。

4、 應(yīng)用、2CSS類型，然后單擊屬性檢查器左側(cè)的CSS按鈕以顯示文本的CSS類型屬性。 三、插入水平線和特殊字符，插入一條水平線，定位插入點(diǎn)后，選擇“插入”“HTML”“水平線”菜單，即可插入水平線。 也可以單擊“插入”面板的“常規(guī)”類別中的“水平線”按鈕來插入水平線。 插入、2特殊字符。 要插入版權(quán)符號，請放置插入點(diǎn)，然后選擇“插入”“html”“特殊字符”“版權(quán)”菜單插入版權(quán)符號。 如果在“特殊字符”下方的菜單中找不到所需的字符，可以通過選擇菜單底部的“其他字符”命令打開“插入其他字符”對話框。 執(zhí)行任務(wù)，一、通過在“天使”站點(diǎn)的主頁上設(shè)定文本內(nèi)容，然后在“天使”站點(diǎn)的主頁上設(shè)定文本內(nèi)容，進(jìn)

5、一步強(qiáng)化在網(wǎng)頁上輸入文本進(jìn)行設(shè)定的方法，練習(xí)(具體的操作是視頻3-2-1 ) 二、通過在“歐美雅”網(wǎng)站的子頁面上設(shè)置文本內(nèi)容，在“歐美雅”網(wǎng)站的子頁面(sub1.html )上設(shè)置文本內(nèi)容，進(jìn)一步強(qiáng)化在網(wǎng)頁上輸入和設(shè)置文本的方法(具體操作是視頻3-2-2) 、任務(wù)3應(yīng)用圖像、任務(wù)說明、只有文字的網(wǎng)頁顯得非常單調(diào)，容易引起視覺疲勞。 為了提高網(wǎng)頁的可視性，可以在網(wǎng)頁上適當(dāng)添加圖像。接下來，我們將學(xué)習(xí)如何將圖像應(yīng)用于網(wǎng)頁。預(yù)備知識、一、插入和編輯圖像、向網(wǎng)頁插入圖像時(shí)，最好能保證網(wǎng)頁和插入的圖像在現(xiàn)在的網(wǎng)站上。 否則，在網(wǎng)頁發(fā)行后容易發(fā)生圖像看不見的情況。 制作、二、鼠標(biāo)經(jīng)過圖像，要制作鼠標(biāo)經(jīng)過圖

6、像，需要兩張大小相同內(nèi)容不同的圖像。 其中一張作為原始圖像，在打開頁面時(shí)顯示，另一張作為鼠標(biāo)直通圖像，在鼠標(biāo)滑動(dòng)時(shí)替換為原始圖像顯示。 讓我們來看一下鼠標(biāo)直通圖像的制作方法。執(zhí)行任務(wù)，一、通過在“天花板”站點(diǎn)的主頁上設(shè)定圖像內(nèi)容，然后在“天花板”站點(diǎn)的主頁上設(shè)定圖像內(nèi)容，使在網(wǎng)頁上插入圖像進(jìn)行編輯的操作更加牢固、練習(xí)(具體的操作請參照視頻3-3-1 )。二、通過在“歐雅”站點(diǎn)的子頁面上設(shè)置圖像內(nèi)容，在“歐雅”站點(diǎn)的子頁面上設(shè)置圖像內(nèi)容，進(jìn)一步增強(qiáng)在網(wǎng)頁上插入圖像進(jìn)行編輯的方法，并進(jìn)行練習(xí)(具體操作請參照視頻3-3-2 )。應(yīng)用任務(wù)4動(dòng)畫和多媒體、任務(wù)說明，相信通過以前的學(xué)習(xí)，讀者能夠制作簡單的網(wǎng)頁，但是細(xì)心的讀者可能發(fā)現(xiàn)以前介紹的網(wǎng)頁上只有靜止的照片和文字，太單調(diào)了在本節(jié)中，您將學(xué)習(xí)如何向網(wǎng)頁添加動(dòng)畫和多媒體元素，以使網(wǎng)頁更加豐富。 學(xué)習(xí)了插入Flash動(dòng)畫、預(yù)備知識、一、插入圖像，F(xiàn)lash動(dòng)畫的插入是小菜一碟，讓我們來看看具體的操作吧。 插入音頻文件，音樂不僅能陶冶人的情操，