【正文】 目標(biāo) 4. 知識(shí)目標(biāo) ：學(xué)會(huì)增加行列、合并行列和拆分行列。 要?jiǎng)h除行或列，選擇要?jiǎng)h除的行或列，單擊鼠標(biāo)右鍵，在彈出菜單中選擇 “ 刪除行 ” 或 “ 刪除列 ” 命令即可。 完成下圖 做一做 45 評(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è) “ ☆ ” 評(píng)一評(píng) 同學(xué)們，本節(jié)課你的表現(xiàn)怎樣呢？快來評(píng)一評(píng)吧？ 46 第十課 插入 Flash 動(dòng)畫 通過前面的學(xué)習(xí)，相信你已經(jīng)能制作出一個(gè)簡(jiǎn)單的網(wǎng)頁了，很有成就感吧 ^_^ 不過，一個(gè)優(yōu)秀的網(wǎng)站應(yīng)該不僅僅是由文字和圖片組成的，而是動(dòng)態(tài)的、多媒體。 a) 47 打開 ，設(shè)置頁面屬性，在彈出的“頁面屬性”對(duì)話框中，“外觀”項(xiàng)設(shè)置字體為“宋體”，字號(hào)為 16px，文本顏色為 F282A8，背景圖像為 img/，上邊距為 50px、下、左、右的邊距都為 0。設(shè)置第一行左邊單元格的寬為 173px，高為 137px，設(shè)置第二行的高為 238px，將第三行的兩個(gè)單元格合并，高度為50px。第一行高度為 15，其余各行高度都為 40。 將光標(biāo)放置在表格 4 右側(cè)單元格中，單擊常用快捷欄中的媒體按鈕，然后在彈出的列表中選擇 Flash。 勾選“循環(huán)”復(fù)選框時(shí)影片將連續(xù)播放，否則影片在播放一次后自動(dòng)停止。單擊常用快捷欄的媒體按鈕，在列看一看 學(xué)習(xí)目標(biāo) 知識(shí)目標(biāo)： flash 的插入 技能目標(biāo)：學(xué)會(huì) flash 文本的插入、 flash 按鈕的插入、 flashpaper 的插入 情感、態(tài)度和價(jià)值觀目標(biāo)：通過學(xué)習(xí) flash插件的插入了解網(wǎng)頁的一些特殊頁面的制作 51 表中選擇 Flash 文本，彈出“插入 Flash 文本”對(duì)話框，字體隨意，大 小 22px，顏色設(shè)置為 F5E458，轉(zhuǎn)滾顏色為 54C994，文本為“圖片素材”，背景顏色 6DCFF6，選擇自己需要的路徑鏈接。 “鏈接”用于輸入按鈕的鏈接，可以是外部鏈接，也可以是內(nèi)部鏈接。在瀏覽器中打開包含 FlashPaper 文檔的頁面時(shí)，瀏覽者能夠?yàn)g覽 FlashPaper 文檔中的所有頁面，而無需 加載新的 Web 頁。 如果需要，通過輸入寬度和高度（以像素為單位）指定 FlashPaper 對(duì)象在網(wǎng)頁上的尺寸。 如果需要，在屬性檢查器中設(shè)置其他屬性。 做一做 53 評(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è) “ ☆ ” 評(píng)一評(píng) 同學(xué)們，本節(jié)課你的表現(xiàn)怎樣呢？快來評(píng)一評(píng)吧？ 54 第十二課 插入聲音 聲音能極好的烘托網(wǎng)頁頁面的氛圍，網(wǎng)頁中常見的聲音格式有 WAV、 MP MIDI、 AIF、 RA、或 Real Audio 格式。 看一看 學(xué)習(xí)目標(biāo) 知識(shí)目標(biāo)：知道如何插入聲音。 彈出“選擇文件”對(duì)話框，在對(duì)話框中 01 音頻文件。 超級(jí)鏈接是指站點(diǎn)內(nèi)不同網(wǎng)頁之間、站點(diǎn)與 Web 之間的鏈接關(guān)系，它可以使站點(diǎn)內(nèi)的網(wǎng)頁成為有機(jī)的整體，還能夠使不同站點(diǎn)之間建立聯(lián)系。 看一看 學(xué)習(xí)目標(biāo) 知識(shí)目標(biāo)：了解網(wǎng)頁的鏈接。 * 外部鏈接：不同 網(wǎng)站文檔之間的鏈接。 如： 相對(duì)路徑，相對(duì)路徑最適合網(wǎng)站的內(nèi)部鏈接。如鏈接到上一級(jí)目錄中的文件，則先輸入” ../“再輸入目錄名，文件名。 （ 1）直接輸入地址 輸入并選中文字 ,在屬性面板中，“鏈接”用來設(shè)置圖像或文字的超鏈接，“目標(biāo)”用來設(shè)置打開方式。 做一做 評(píng)一評(píng) 同學(xué)們，本節(jié)課你的表現(xiàn)怎樣呢？快來評(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)在我們一起來學(xué)習(xí)更加復(fù)雜的鏈接。 “鏈接”用來設(shè)置超鏈接連接到的路徑。 創(chuàng)建內(nèi)部鏈接 在文檔窗口選中文字，單擊屬性面板“鏈接”后的 按鈕，彈出“選擇文件”對(duì)話框，選擇要鏈接到的網(wǎng)頁文件，即可鏈接到這個(gè)網(wǎng)頁。 創(chuàng)建錨點(diǎn)鏈接 所謂錨點(diǎn)鏈接，是指在同一個(gè)頁面中的不同位置的鏈接。 然后在圖像上需要?jiǎng)?chuàng)建熱區(qū)的位置拖動(dòng)鼠標(biāo)，即可創(chuàng) 65 建熱區(qū) 。為了避免大量的重復(fù)勞動(dòng)，可以使用 Dreamweaver8 提供的模板功能，將具有相同版面結(jié)構(gòu)的頁面制作為模板，將相同的元素（如導(dǎo)航欄）制作為庫項(xiàng)目，并存放在庫中可以隨時(shí)調(diào)用。 情感、態(tài)度和價(jià)值觀目標(biāo)：培養(yǎng)學(xué)生的合作意識(shí)和自學(xué) 能力 68 直接創(chuàng)建模板 選擇“窗口 /資源”命令，打開“資源”面板，切換到模板子面板，如下圖所示。 將普通網(wǎng)頁另存為模板 69 打開一個(gè)已經(jīng)制作完成的網(wǎng)頁，刪除網(wǎng)頁中不需要的部分，保留幾個(gè)網(wǎng)頁共同需要的區(qū)域?！傲泶鏋椤蔽谋究蛴脕碓O(shè)置模板的命名。 在保存模板時(shí)，如果模板中沒有定義任何可編輯區(qū)域，系統(tǒng)將顯示警告信息。 2. 找到其他同學(xué)做的較好的模板，把它設(shè)為自己的模板。 從文件菜單新建模板選擇“文件 /新建”命令，打開“新建文檔”對(duì)話框，然后再類別中選擇“模板頁”，并選取相關(guān)的模板類型，直接單擊“創(chuàng)建”按鈕即可。 單擊“保存”按鈕， 保存模板。 在彈出的“ 另存模板”對(duì)話框中，“站點(diǎn)”下拉列表框用來設(shè)置模板保存的站點(diǎn)， 選擇一個(gè)選項(xiàng)。 然后單擊“編輯” 按鈕，打開模板進(jìn)行編輯。 看一看 學(xué)習(xí)目標(biāo) 知識(shí)目標(biāo)：如何創(chuàng)建模板。 選中這個(gè)圖像熱點(diǎn)，在屬性面板上可以給這個(gè)圖像熱點(diǎn)設(shè)置超鏈接即可。再選中需要鏈接錨點(diǎn)的文字，再屬性面板中拖動(dòng)鏈接后的 到錨點(diǎn)上即可。 64 此外，我們還可以直接將相對(duì)地址輸入到“鏈接”文本框里來鏈接一個(gè)頁面。 “標(biāo)題”文本框用來設(shè)置超鏈接的標(biāo)題。 單擊常用快捷欄中的“超級(jí)鏈接”按鈕。如下圖所示。 創(chuàng)建外部鏈接 不論是文字還是圖像，都可以創(chuàng)建鏈接到絕對(duì)地址的外部鏈接。要鏈接到下一級(jí)目錄中的文件，只需要輸入目錄名。 * Email 鏈接：發(fā)送電子郵件的鏈接。 情感、態(tài)度和價(jià)值觀目標(biāo)：通過學(xué)習(xí)插入鏈接，了解頁面元素是怎么連接在一起的。 許多頁面元素可以作為鏈接載體，如：文本、圖像、圖像熱區(qū)、動(dòng)畫等。 選中該圖標(biāo)，在屬性面板中可以對(duì)播放器的屬性進(jìn)行設(shè) 置： 按下 F12 鍵，打開瀏覽器預(yù)覽，這個(gè)頁面實(shí)現(xiàn)了嵌入音樂的效果，在瀏覽器里顯示了播放插件。 情感、態(tài)度和價(jià)值觀目標(biāo)：通過學(xué)習(xí)插入聲音，了解聲音的聲音格式，培養(yǎng)的網(wǎng)絡(luò)的興趣。如果希望在頁面顯示瀏覽器的外觀，可以使用這種方法。 插入 flash 文本。 單擊“確定”在頁面中插入文檔。 52 在“文檔”窗口中，將光標(biāo)放放在頁面上想要顯示 FlashPaper 文檔的位置，然后選擇“插入” “媒體” “ FlashPaper”。 如果需要修改 Flash 按鈕對(duì)象，可以先選中它，然后在屬性面板中單擊“編輯”按鈕，會(huì)自動(dòng)彈出剛才的“插入 Flash 按鈕”對(duì)話框，更改它的設(shè)置就可以了。 插入 Flash 按鈕 我們?cè)趯⒐鈽?biāo)放置于插入 Flash按鈕的位置，單擊常用快捷欄的媒體按鈕，在列表中選擇 Flash 按鈕，彈出“插入 Flash 按鈕”對(duì)話框。 49 在“品質(zhì)”下拉列表中可以選擇 Flash 影片的畫質(zhì)，以最佳狀態(tài)顯示，就選擇“高品質(zhì)”。單擊“確定”按鈕后，插入的 Flash 動(dòng)畫并不會(huì)在文 檔窗口中顯示內(nèi)容，而是以一個(gè)帶有字母 F 的灰色框來表示。邊框、單元格邊距和間距都為 0。在第三行將光標(biāo)水平居中，輸入文字“版權(quán)所有 169。 現(xiàn)在我們開始布局～ ^_^～ （ 1）插入一個(gè) 1行 1列的表格（表格 1），表格的寬度為 726px，邊框粗細(xì)為 0，單元格邊距為 0、單 元格間距為 1，背景顏色為892321，將表格居中對(duì)齊。 一、插入 Flash 動(dòng)畫 插入 Flash 為了 合理的安排這一課的頁面元素，在插入 Flash 動(dòng)畫之前，讓我們先來復(fù)習(xí)一下表格布局吧 ^_^ 看一看 學(xué)習(xí)目標(biāo) 知識(shí)目標(biāo)： flash 的插入 技能目標(biāo)：復(fù)習(xí)表格的制作 ,學(xué)會(huì)在網(wǎng)頁中插入flash 動(dòng)畫。 合并單元格時(shí)，選中要合并的單元格，單擊屬性面板中的 “ 合并 ” 按鈕即可。 5. 情感、態(tài)度和價(jià)值觀目標(biāo) ： 培養(yǎng)學(xué)生 自學(xué)能力。那么我們?cè)撛趺葱薷倪@些表格呢？ 表格的行和列 選中要插入行或列的單元格，單擊鼠標(biāo)右鍵，在彈出菜單中選擇 “ 插入行 ” 或 “ 插入列 ” 或 “ 插入行或列 ” 命令。 “標(biāo)題”復(fù)選框使選擇的單元格成為標(biāo)題單元格，單元格內(nèi)的文字自動(dòng)以標(biāo)題格式顯示出來。 40 “水平”文本框用來設(shè)置單元格內(nèi)元素的水平排版方式，是居左、居右或是居中。 “邊框顏色”用來設(shè)置表格邊框的顏色。 39 “填充”文本框用來設(shè)置單元格邊距，“間距”文本框用來設(shè)置單元格間距。 插入一個(gè)四列三行的表格，設(shè)置 自己喜歡的間距、邊距和邊框。 選擇單元格對(duì)象 對(duì)于表格、行、列、單元格屬性的設(shè)置是以選擇這些對(duì)象為前提的。 “頁眉”定義頁眉樣式，可以在四種樣式中選擇一種。當(dāng)寬度的單位選擇百分比時(shí)，表格的寬度會(huì)隨瀏覽器窗口的大小而改變。 看一看 學(xué)習(xí)目標(biāo) 1 知識(shí)目標(biāo)：學(xué)會(huì)插入表格 2 技能目標(biāo)：學(xué)會(huì)插入表格并且能夠調(diào)整表格格式 3 情感、 態(tài)度和價(jià)值觀目標(biāo)：培養(yǎng)學(xué)生的集體榮譽(yù)感及合作精神。 圖片與文本一樣，是網(wǎng)頁中最常用到的內(nèi)容，其變化相對(duì)較少，要想排出精致美觀的網(wǎng)頁，下一節(jié)課的內(nèi)容可是必不可少的哦，繼續(xù)努力吧 ^_^ 插入兩張