【導(dǎo)讀】同學(xué)們你們喜歡上網(wǎng)嗎？你知道那么多絢麗的網(wǎng)頁(yè)時(shí)怎么做出的嗎？那么跟我一起學(xué)習(xí)Dreamweaver吧！器限制的充滿動(dòng)感的網(wǎng)頁(yè)。像設(shè)計(jì)的FIREWORKS，三者被俗稱為網(wǎng)頁(yè)三劍客。的家喻戶曉，網(wǎng)頁(yè)技術(shù)的不斷發(fā)展和完善，隨之而產(chǎn)生了眾多網(wǎng)頁(yè)編輯器，頁(yè)編輯器，兩者各有千秋。網(wǎng)頁(yè)制作和在WORD中進(jìn)行文本編輯不會(huì)感到有什么區(qū)別。它集網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站開(kāi)發(fā)和站點(diǎn)管理功能于一身，具有可視化、支持多平臺(tái)和跨瀏覽器的特性，是目前網(wǎng)站設(shè)計(jì)、開(kāi)發(fā)、制作的首選工具?；蛞暬庉嫮h(huán)境大量減少了代碼的編寫，同時(shí)亦保證了其專業(yè)。進(jìn)行實(shí)時(shí)的訪問(wèn)。無(wú)論用戶習(xí)慣手工輸入HTML源代碼還是使用可視化的編。Dreamweaver可以方便地加入動(dòng)畫、聲音圖片及其他的媒體。第一課網(wǎng)絡(luò)基礎(chǔ)知識(shí)----------------------------------------------5. 第二課Dreamweaver操作環(huán)境-----------------------------------9. 第三課站點(diǎn)的搭建及管理----------------------------------------14. 第五課插入圖像----------------------------------------------------25. 第十一課插入Flash動(dòng)畫--------------------------------------------50. 第十四課創(chuàng)建鏈接關(guān)系----------------------------------------------62. 第十五課創(chuàng)建模板----------------------------------------------------67. 而這項(xiàng)工作也不再象它的啟。Dreamweaver無(wú)疑是這些軟件當(dāng)中的佼佼者，可

　　

【正文】 注： 評(píng)價(jià)時(shí)用 “ ☆ ” 表示，優(yōu)是 3 個(gè) “ ☆ ” ，良是 2 個(gè) “ ☆ ” ，達(dá)標(biāo)是 1 個(gè) “ ☆ ” 評(píng)一評(píng) 同學(xué)們，本節(jié)課你的表現(xiàn)怎樣呢？快來(lái)評(píng)一評(píng)吧？ 54 第十二課 插入聲音 聲音能極好的烘托網(wǎng)頁(yè)頁(yè)面的氛圍，網(wǎng)頁(yè)中常見(jiàn)的聲音格式有 WAV、 MP MIDI、 AIF、 RA、或 Real Audio 格式。 嵌入音樂(lè) 嵌入音頻可以將聲音直接插入頁(yè)面中，但只有瀏覽者在瀏覽網(wǎng)頁(yè)時(shí)具有所選聲音文件的適當(dāng)插件后，聲音才可以播放。如果希望在頁(yè)面顯示瀏覽器的外觀，可以使用這種方法。 將光標(biāo)放置于我們想要顯示播放器的位置。 看一看 學(xué)習(xí)目標(biāo) 知識(shí)目標(biāo)：知道如何插入聲音。 技能目標(biāo)：了解聲音的格式，知道如何插入聲音，并且能夠插入聲音和了解聲音的調(diào)整。 情感、態(tài)度和價(jià)值觀目標(biāo)：通過(guò)學(xué)習(xí)插入聲音，了解聲音的聲音格式，培養(yǎng)的網(wǎng)絡(luò)的興趣。 55 單擊快捷欄上的“媒體”按鈕，從下拉列表中選擇“插件”。 彈出“選擇文件”對(duì)話框，在對(duì)話框中 01 音頻文件。 56 單擊確定按鈕后，插入的插件在文檔窗口中以下圖所示圖標(biāo)來(lái)顯示。 選中該圖標(biāo)，在屬性面板中可以對(duì)播放器的屬性進(jìn)行設(shè) 置： 按下 F12 鍵，打開(kāi)瀏覽器預(yù)覽，這個(gè)頁(yè)面實(shí)現(xiàn)了嵌入音樂(lè)的效果，在瀏覽器里顯示了播放插件。 在你的網(wǎng)頁(yè)上加入一首你喜歡的歌 評(píng)價(jià)內(nèi)容 自評(píng) 互評(píng) 師評(píng) 做一做 評(píng)一評(píng) 同學(xué)們，本節(jié)課你的表現(xiàn)怎樣呢？快來(lái)評(píng)一評(píng)吧？ 57 第十三課 創(chuàng)建鏈接關(guān)系 1 合作探究 知識(shí)掌握 學(xué)習(xí)態(tài)度 發(fā)現(xiàn)思考 學(xué)習(xí)效果 注： 評(píng)價(jià)時(shí)用 “ ☆ ” 表示，優(yōu)是 3 個(gè) “ ☆ ” ，良是 2 個(gè) “ ☆ ” ，達(dá)標(biāo)是 1 個(gè) “ ☆ ” 58 鏈接是一個(gè)網(wǎng)站的靈魂，一個(gè)網(wǎng)站是由多個(gè)頁(yè)面組成的，而這些頁(yè)面之間依據(jù)鏈接確 定相互之間的導(dǎo)航關(guān)系。 超級(jí)鏈接是指站點(diǎn)內(nèi)不同網(wǎng)頁(yè)之間、站點(diǎn)與 Web 之間的鏈接關(guān)系，它可以使站點(diǎn)內(nèi)的網(wǎng)頁(yè)成為有機(jī)的整體，還能夠使不同站點(diǎn)之間建立聯(lián)系。超級(jí)鏈接由兩部分組成：鏈接載體和鏈接目標(biāo)。 許多頁(yè)面元素可以作為鏈接載體，如：文本、圖像、圖像熱區(qū)、動(dòng)畫等。而鏈接目標(biāo)可以是任意網(wǎng)絡(luò)資源，如：頁(yè)面、圖像、聲音、程序、其他網(wǎng)站、 Email 甚至是頁(yè)面中的某個(gè)位置 錨點(diǎn)。 看一看 學(xué)習(xí)目標(biāo) 知識(shí)目標(biāo)：了解網(wǎng)頁(yè)的鏈接。 技能目標(biāo)：了解網(wǎng)頁(yè)中鏈接的作用和鏈接的分類，學(xué)會(huì)創(chuàng)建一個(gè)外部的鏈接。 情感、態(tài)度和價(jià)值觀目標(biāo)：通過(guò)學(xué)習(xí)插入鏈接，了解頁(yè)面元素是怎么連接在一起的。 59 鏈接的類型 如果按鏈接目標(biāo)分類，可以將超級(jí)鏈接分為以下幾種類型： * 內(nèi)部鏈接：同一網(wǎng)站文檔之間的鏈接。 * 外部鏈接：不同 網(wǎng)站文檔之間的鏈接。 * 錨點(diǎn)鏈接：同一網(wǎng)頁(yè)或不同網(wǎng)頁(yè)中指定位置的鏈接。 * Email 鏈接：發(fā)送電子郵件的鏈接。 關(guān)于鏈接路徑 絕對(duì)路徑，為文件提供完全的路徑，包括適用的協(xié)議，例如、 ftp， rtsp 等。 如： 相對(duì)路徑，相對(duì)路徑最適合網(wǎng)站的內(nèi)部鏈接。如果鏈接到同一目錄下，則只需要輸入要鏈接文件的名稱。要鏈接到下一級(jí)目錄中的文件，只需要輸入目錄名。然后輸入“ /“，再輸入文件名。如鏈接到上一級(jí)目錄中的文件，則先輸入” ../“再輸入目錄名，文件名。 根路徑： 是指從站點(diǎn)根文件夾到被鏈接文檔經(jīng)由的路徑，以前斜杠開(kāi)頭，例如， /fy/ 就是站點(diǎn)根文件夾下的fy 子文件夾中的一個(gè)文件（ ）的根路徑。 創(chuàng)建外部鏈接 不論是文字還是圖像，都可以創(chuàng)建鏈接到絕對(duì)地址的外部鏈接。創(chuàng)建鏈接的方法可以直接輸入地址也可以使用超級(jí)鏈接對(duì)話框。 （ 1）直接輸入地址 輸入并選中文字 ,在屬性面板中，“鏈接”用來(lái)設(shè)置圖像或文字的超鏈接，“目標(biāo)”用來(lái)設(shè)置打開(kāi)方式。 60 我們?cè)凇版溄印蔽谋究蛑苯虞斎胪獠拷^對(duì)地址 _blank（在一個(gè)新的未命名的瀏覽器窗口中打開(kāi)鏈接）。如下圖所示。 給你的網(wǎng)站做一個(gè)鏈接，鏈接到新浪網(wǎng)。 做一做 評(píng)一評(píng) 同學(xué)們，本節(jié)課你的表現(xiàn)怎樣呢？快來(lái)評(píng)一評(píng)吧？ 61 評(píng)價(jià)內(nèi)容 自評(píng) 互評(píng) 師評(píng) 合作探究 知識(shí)掌握 學(xué)習(xí)態(tài)度 發(fā)現(xiàn)思考 學(xué)習(xí)效果 注： 評(píng)價(jià)時(shí)用 “ ☆ ” 表示，優(yōu)是 3 個(gè) “ ☆ ” ，良是 2 個(gè) “ ☆ ” ，達(dá)標(biāo)是 1 個(gè) “ ☆ ” 62 第十四課 (2) 上節(jié)課我們了解了鏈接的種類和最基本的鏈接方法，現(xiàn)在我們一起來(lái)學(xué)習(xí)更加復(fù)雜的鏈接。我們知道網(wǎng)站就是由很多的鏈接的頁(yè)面組成的，那么怎么鏈接呢？我們一起做吧！ 1 使用超級(jí)鏈接對(duì)話框 打開(kāi)一個(gè)頁(yè)面，選中文字。 單擊常用快捷欄中的“超級(jí)鏈接”按鈕。 看一看 學(xué)習(xí)目標(biāo) 知識(shí)目標(biāo)：會(huì)創(chuàng)建鏈接 技能目標(biāo)：詳細(xì)鏈接的創(chuàng)建方法及 創(chuàng)建內(nèi)部鏈接、創(chuàng)建 E－ mail 鏈接、創(chuàng)建錨點(diǎn)鏈接、制作圖像映射 情感、態(tài)度和價(jià)值觀目標(biāo)：通過(guò)學(xué)習(xí)插入鏈接，了解頁(yè)面元素是怎么連接在一起的 63 彈出“超級(jí)鏈接”對(duì)話框，我們進(jìn)行以下各項(xiàng)的設(shè)置： “文本”文本框用來(lái)設(shè)置超級(jí)鏈接顯示的文本。 “鏈接”用來(lái)設(shè)置超鏈接連接到的路徑。 “目標(biāo)”下拉列表框用來(lái)設(shè)置超鏈接的打開(kāi)方式，有四個(gè)選項(xiàng)。 “標(biāo)題”文本框用來(lái)設(shè)置超鏈接的標(biāo)題。 設(shè)置 好后，單擊“確定”按鈕，向網(wǎng)頁(yè)中插入超鏈接。 創(chuàng)建內(nèi)部鏈接 在文檔窗口選中文字，單擊屬性面板“鏈接”后的 按鈕，彈出“選擇文件”對(duì)話框，選擇要鏈接到的網(wǎng)頁(yè)文件，即可鏈接到這個(gè)網(wǎng)頁(yè)。 我們也可以拖動(dòng)“鏈接”后的 按鈕到站點(diǎn)面板上的相應(yīng)網(wǎng)頁(yè)文件，則鏈接將指向這個(gè)網(wǎng)頁(yè)文件。 64 此外，我們還可以直接將相對(duì)地址輸入到“鏈接”文本框里來(lái)鏈接一個(gè)頁(yè)面。 創(chuàng)建 E－ mail 鏈接 單擊常用快捷欄中的“電子郵件鏈接”按鈕，彈出“電子郵件鏈接”對(duì)話框，在對(duì)話框的文本框那輸入要鏈接的文本，然后在 E－ mail 文本框內(nèi)輸入郵箱地址即可。 創(chuàng)建錨點(diǎn)鏈接 所謂錨點(diǎn)鏈接，是指在同一個(gè)頁(yè)面中的不同位置的鏈接。 打開(kāi)一個(gè)頁(yè)面較長(zhǎng)的網(wǎng)頁(yè)，將光標(biāo)放置于要 插入錨點(diǎn)的地方，單擊常用快捷欄的“命名錨記”按鈕，插入錨點(diǎn)。再選中需要鏈接錨點(diǎn)的文字，再屬性面板中拖動(dòng)鏈接后的 到錨點(diǎn)上即可。 制作圖像映射 打開(kāi)一個(gè)自己制作的網(wǎng)頁(yè)文件，選中一張圖片，在屬性面板中，有不同形狀的圖像熱區(qū)按鈕，選擇一個(gè)熱區(qū)按鈕單擊。 然后在圖像上需要?jiǎng)?chuàng)建熱區(qū)的位置拖動(dòng)鼠標(biāo)，即可創(chuàng) 65 建熱區(qū) 。此時(shí)，選中的部分被稱著圖像熱點(diǎn)。 選中這個(gè)圖像熱點(diǎn)，在屬性面板上可以給這個(gè)圖像熱點(diǎn)設(shè)置超鏈接即可。 現(xiàn)在，請(qǐng)發(fā)揮你的想象力，巧妙運(yùn)用各種頁(yè)面元素來(lái)豐富你的網(wǎng)頁(yè)，把它裝扮的更加生動(dòng)和精彩！ 做一做 評(píng)一評(píng) 66 評(píng)價(jià)內(nèi)容 自評(píng) 互評(píng) 師評(píng) 合作探究 知識(shí)掌握 學(xué)習(xí)態(tài)度 發(fā)現(xiàn)思考 學(xué)習(xí)效果 注： 評(píng)價(jià)時(shí)用 “ ☆ ” 表示，優(yōu)是 3 個(gè) “ ☆ ” ，良是 2 個(gè) “ ☆ ” ，達(dá)標(biāo)是 1 個(gè) “ ☆ ” 同學(xué)們，本節(jié)課你的表現(xiàn)怎樣呢？快來(lái)評(píng)一評(píng)吧？ 67 第十五課 創(chuàng)建模板 在我們制作網(wǎng)站的過(guò)程 中，為了統(tǒng)一風(fēng)格，很多頁(yè)面會(huì)用到相同的布局、圖片和文字元素。為了避免大量的重復(fù)勞動(dòng)，可以使用 Dreamweaver8 提供的模板功能，將具有相同版面結(jié)構(gòu)的頁(yè)面制作為模板，將相同的元素（如導(dǎo)航欄）制作為庫(kù)項(xiàng)目，并存放在庫(kù)中可以隨時(shí)調(diào)用。 模板的創(chuàng)建有三種方式。 看一看 學(xué)習(xí)目標(biāo) 知識(shí)目標(biāo)：如何創(chuàng)建模板。 技能目標(biāo)：模板的創(chuàng)建方法 ,了解創(chuàng)建模板的作用。 情感、態(tài)度和價(jià)值觀目標(biāo)：培養(yǎng)學(xué)生的合作意識(shí)和自學(xué) 能力 68 直接創(chuàng)建模板 選擇“窗口 /資源”命令，打開(kāi)“資源”面板，切換到模板子面板，如下圖所示。 單擊模板面板上的“擴(kuò)展”按鈕，在彈出菜單中選擇“新建模板”這是在瀏覽窗口出現(xiàn)一個(gè)未命名的模板文件，給模板命名。 然后單擊“編輯” 按鈕，打開(kāi)模板進(jìn)行編輯。 編輯完成后，保存模板，完成模板建立。 將普通網(wǎng)頁(yè)另存為模板 69 打開(kāi)一個(gè)已經(jīng)制作完成的網(wǎng)頁(yè)，刪除網(wǎng)頁(yè)中不需要的部分，保留幾個(gè)網(wǎng)頁(yè)共同需要的區(qū)域。 選擇“文件 /另存為模板”命令將網(wǎng)頁(yè)另存為模板。 在彈出的“ 另存模板”對(duì)話框中，“站點(diǎn)”下拉列表框用來(lái)設(shè)置模板保存的站點(diǎn)， 選擇一個(gè)選項(xiàng)?！艾F(xiàn)存的模板”選框顯示了當(dāng)前站點(diǎn)的所有模板?！傲泶鏋椤蔽谋究蛴脕?lái)設(shè)置模板的命名。單擊“另存模板”對(duì)話框中的“保存”按鈕，就把當(dāng)前網(wǎng)頁(yè)轉(zhuǎn)換為了模板，同時(shí)將模板另存到選擇的站點(diǎn)。 單擊“保存”按鈕， 保存模板。系統(tǒng)將自動(dòng)在根目錄下創(chuàng)建Template 文件夾，并將創(chuàng)建的模板文件保存在該文件夾中。 在保存模板時(shí)，如果模板中沒(méi)有定義任何可編輯區(qū)域，系統(tǒng)將顯示警告信息。我們可以先單擊“確定”，以后再定義可編輯區(qū)域。 從文件菜單新建模板選擇“文件 /新建”命令，打開(kāi)“新建文檔”對(duì)話框，然后再類別中選擇“模板頁(yè)”，并選取相關(guān)的模板類型，直接單擊“創(chuàng)建”按鈕即可。 70 1. 創(chuàng)建一個(gè)自己的模板。 2. 找到其他同學(xué)做的較好的模板，把它設(shè)為自己的模板。 做一做 評(píng)一評(píng) 同學(xué)們，本節(jié)課你的表現(xiàn)怎樣呢？快來(lái)評(píng)一評(píng)吧？ 71 評(píng)價(jià)內(nèi)容 自評(píng) 互評(píng) 師評(píng) 合作探究 知識(shí)掌握 學(xué)習(xí)態(tài)度 發(fā)現(xiàn)思考 學(xué)習(xí)效果 注： 評(píng)價(jià)時(shí)用 “ ☆ ” 表示，優(yōu)是 3 個(gè) “ ☆ ” ，良是 2 個(gè) “ ☆ ” ，達(dá)標(biāo)是 1 個(gè) “ ☆ ” 72