【正文】 11 第 9 課時(shí)： 第 五 課 制作校園風(fēng)景 欄目 教學(xué)目標(biāo)： 學(xué)會制作“校園風(fēng)景” 網(wǎng)頁。 學(xué)會修改網(wǎng)頁的標(biāo)題 教學(xué)重難點(diǎn)： 在網(wǎng)頁中插入表格和在表格里插入縮略圖 教學(xué)課時(shí)： 2 課時(shí) 教學(xué)過程： 一、導(dǎo) 入： 師：完成網(wǎng)站的主頁后，就可以按照網(wǎng)站的結(jié)構(gòu)圖制作與各個(gè)欄目相關(guān)的網(wǎng)頁了。 二、新授 制作“校園風(fēng)景”網(wǎng)頁 “校園風(fēng)景”欄目是用來展示校園各處風(fēng)景的圖片的，為了讓訪問網(wǎng)站的人能夠方便的找到自己感興趣的圖片，可以先把收集到的圖片分類 ，如分成“教學(xué)樓”、“孺子樓”、“書山閣”等，然后把這些圖片插入不同的網(wǎng)頁。 任務(wù)一：新建一個(gè)網(wǎng)頁，并訪照如下表格布局來安排網(wǎng)頁內(nèi)容，并把“校園風(fēng)景”做成藝術(shù)字 。 制作“教學(xué)樓”網(wǎng)頁 由于我們要把“教學(xué)樓”圖片按照正面、背面、側(cè)面三個(gè)角度展示給訪問者，所以為了使圖片整齊、有序，同樣采用表格布局，把 圖片及說明文字放在表格的不同單元格中。 教師演示操作方法： 第一步：新建一個(gè)網(wǎng)頁， 插入一個(gè) 3 行 3 列的表格，合并第 1 行的單元格。 第三步：把插入點(diǎn)移到第 2 行第 1 列的單元格中，然后單擊常用工具欄中的 “來自文件”按鈕，插入事先準(zhǔn)備好的教學(xué)樓正面圖片。 第五步：選定插入的圖片，單擊圖片工具欄中的“自動縮略圖”按鈕，選定的圖片就會縮小，變成縮略圖。 第七步：用以上方法，在其他單元格中插入圖片和說明文字，并為圖片設(shè)置縮略圖技術(shù)。 第九步：保存做好的網(wǎng)頁并在瀏覽器里瀏覽網(wǎng)頁 。 師：每制作好一個(gè)網(wǎng)頁，我們都應(yīng)該給這個(gè)網(wǎng)頁起一個(gè)標(biāo)題，這個(gè)標(biāo)題在瀏覽者瀏覽網(wǎng)頁會在標(biāo)題欄里看到。 小結(jié)： 14 第 10 課時(shí)： 第 六 課 建立超鏈接 教學(xué)目標(biāo)： 1. 認(rèn)識超 級鏈接； 2. 掌握建立文字、圖片 、網(wǎng)頁 超級鏈接的方法。我們把從一個(gè)頁面到另一個(gè)頁面的鏈接叫做超級鏈接。 2．以 “伊金霍洛旗第四小學(xué) ”的首頁為例，介紹網(wǎng)頁的鏈接。如第一個(gè)頁面中包括 “校園風(fēng)景 ”、 “組織機(jī)構(gòu) ”、 “校園明星 ”、 “師資隊(duì)伍 ”等欄目，“校園風(fēng)景”欄目 又分別鏈接有 “教學(xué)樓 ”網(wǎng)頁、 “孺子樓 ”網(wǎng)頁、 “書山閣 ”網(wǎng)頁 等六大內(nèi)容。 3．請學(xué)生隨便找一個(gè)網(wǎng)站，點(diǎn)擊網(wǎng)頁，體驗(yàn)超級鏈接。然后 1. 單擊 “插入 ”→“ 超鏈接 ”，彈出 “創(chuàng)建超鏈接 ”對話框； 2. 選擇超鏈接到的網(wǎng)頁。 {當(dāng)鼠標(biāo)移動到有超級鏈接的文字或圖片時(shí)，一般情況下，鼠標(biāo)會變成手狀，表明這上面有超級鏈接。 創(chuàng)建好首頁到 “班級簡介 ”頁面的超級鏈接后，我們可以輕松地從首頁進(jìn)入到“班級簡介 ”頁面。 } 四 .觀察設(shè)置超級 鏈接前后， “首頁 ”文字有什么變化。 過程與方法：在小組活動中培養(yǎng)學(xué)生自我探究、主動學(xué)習(xí)、自我創(chuàng)新的能力，培養(yǎng)學(xué)生如何獲取信息、處理信息和應(yīng)用信息的能力。 情 感態(tài)度與價(jià)值觀 通過學(xué)習(xí)對學(xué)生進(jìn)行愛書、愛讀書的思想教育。這節(jié)課我們就以制作“星星書屋”網(wǎng)頁為例，介紹在網(wǎng)頁中如何制作和使用書簽。 制作“星星書屋”網(wǎng)頁 17 師生一起制作“星 星書屋”網(wǎng)頁 教師將“星星書屋”網(wǎng)頁中用到的素材傳到學(xué)生機(jī)上。 制作書簽 師：網(wǎng)頁的內(nèi)容制作完成了，同學(xué)們現(xiàn)在瀏覽一下這個(gè)網(wǎng)頁的第二篇、第四篇文章，發(fā)現(xiàn)什么問題了嗎？ 生：?? 師：有沒有什么好辦法？讓我們想找哪篇文章就一下子找到呢？ 師：可以利用 frontpage 的書簽功能，幫我們實(shí)現(xiàn)這個(gè)想法 制作書簽的方法： 第一步：在頁面編輯區(qū)中選定第一篇文章的題目，單擊插入菜單中的書簽命令。 第三步：用同樣的方法，把另外幾篇文章的題目也設(shè)置成書簽。打開“創(chuàng)建超鏈接”對話框。 第六步：用同樣的方法，創(chuàng)建其它幾篇文章的超鏈接。 添加網(wǎng)頁背景 為了進(jìn)一步美化網(wǎng)頁，還可以適當(dāng)設(shè)置網(wǎng)頁的背景。 18 任務(wù)：請你給“星星書屋”網(wǎng)頁設(shè)置一個(gè)漂亮的背景。 三、課堂小結(jié) 19 第 1 14 課時(shí)： 第 八 課 制作表單網(wǎng)頁 教學(xué)目標(biāo)： 知識目標(biāo)：了解表單網(wǎng)頁的功能與用途，了解表單網(wǎng)頁從設(shè)計(jì)到發(fā)布的完整過程。 情感目標(biāo)：培養(yǎng)學(xué)生勤于思考的習(xí)慣與解決問題的能力。 完成環(huán)保知識調(diào)查。 表單元件的插入 〖提示〗表單元件的插入方法。 展示學(xué)生作品，反饋任務(wù)一完成情況，分析典型錯(cuò)誤。 自主學(xué)習(xí)，動手實(shí)踐。 修改調(diào)整，上傳文件。 表單元件屬性設(shè)置 〖演示〗 查看學(xué)生作品，單擊“提交”按鈕，出現(xiàn)錯(cuò)誤。 20 〖提問〗 單擊“提交”按鈕，為何提示出錯(cuò)？ 引導(dǎo)學(xué)生繼續(xù)完成任務(wù)二，為表單的成功發(fā)布做準(zhǔn)備。 展示學(xué)生作品，反饋任務(wù)二完成情況，糾正錯(cuò)誤。 積極思考，回答問題。 修改文件并上傳。 表單的提交 〖講授、提示〗表單的提交。 展示學(xué)生作品，反饋任務(wù)三完成情況，驗(yàn)觀看演示。 提交表單，檢驗(yàn)是否成功、所填寫的信息是否都已正確顯示。 排除錯(cuò)誤，重新上 以表單的提交為全部教學(xué)內(nèi)容的尾聲，讓學(xué)生對表單設(shè)計(jì)的過程有一個(gè)完整的理解，留下鮮明的印象，體驗(yàn)成功的喜悅。 傳文件。 回顧本課內(nèi)容。 根據(jù)任務(wù)完成情況進(jìn)行自我評價(jià)。 22 第 1 16 課時(shí)： 第 九 課 制作框架網(wǎng)頁 ? 教學(xué)目標(biāo)： 知識與技能 （ 1）理解框架網(wǎng)頁的概念、特點(diǎn)和作用。 （ 3）初步掌握將框架結(jié)構(gòu)與表格布局結(jié)合使用來制作網(wǎng)頁。 （ 5）掌握框架網(wǎng)頁中插入超鏈接的方法。 情感態(tài)度與價(jià)值觀 （ 1）通過以“清明節(jié)”為主題的框架 結(jié)構(gòu)網(wǎng)頁制作活動，了解更多有關(guān)清明節(jié)由來、習(xí)俗等方面的知識，呼吁大家一起來關(guān)注傳統(tǒng)文化。 重點(diǎn)： 框架網(wǎng)頁的新建與保存 框架網(wǎng)頁屬性的設(shè)置：重新設(shè)置初始頁面，邊框的設(shè)置，框架的拆分等 難點(diǎn)： 框架網(wǎng)頁中超鏈接的設(shè)置 教學(xué)過程： 教學(xué)過程 教師活動 學(xué)生活動 設(shè)計(jì)意圖 創(chuàng)設(shè)情景 清明節(jié)要到了，對于這個(gè)傳統(tǒng)節(jié)日你們了解多少？ 學(xué)生對教師的問題進(jìn)行思考。 引出主題 展示已做好的“清明節(jié)”框架網(wǎng)頁，教師點(diǎn) 擊超鏈接做簡單介紹。 相比以前利用表格整體設(shè)計(jì)制作網(wǎng)頁，這種網(wǎng)頁能否只制作變化的內(nèi)容來提高效率？ 引出主題 —— 框架網(wǎng)頁 題進(jìn)行思考回答（有 3 塊內(nèi)容，上側(cè)與左側(cè)的內(nèi)容沒有變化，只有右側(cè)的內(nèi)容在變化） 的特點(diǎn)。 框架網(wǎng)頁是一種特殊的網(wǎng)頁，它將瀏覽器窗口分割成不同的區(qū)域，每一個(gè)區(qū)域我們就稱為一個(gè)框，這些框可獨(dú)立顯 示網(wǎng)頁。 利用框架技術(shù)設(shè)計(jì)網(wǎng)頁，方便設(shè)計(jì)者提高制作效率，也提醒瀏覽者關(guān)注主要內(nèi)容的變化。 為了讓學(xué)生能更好的學(xué)習(xí)框架網(wǎng)頁設(shè)計(jì)技術(shù)，必須要理解框架網(wǎng)頁的概念、特點(diǎn)及作用。 選擇新建的框架類型（假定為：“橫幅和目錄”型）。教師簡單描述這兩個(gè)按鈕的不同。因?yàn)榭蚣芫W(wǎng)頁每一個(gè)框都是一個(gè)網(wǎng)頁，所以在保存的時(shí)候要對每一個(gè)區(qū)域的網(wǎng)頁獨(dú)立保存，最后對整個(gè)框架進(jìn)行保存。 請學(xué)生思考：用設(shè)置初始網(wǎng)頁的方法建立的網(wǎng)頁需要再單獨(dú)保存一個(gè)網(wǎng)頁嗎？ 學(xué)生觀察教師操作的內(nèi)容，掌握新建、保存框架網(wǎng)頁的方法，并對教師在制作過程中提出的問題進(jìn)行思考猜想。 教師不明確給出結(jié)果，而是讓學(xué)生大膽猜想并在觀察中得到答案，這比教師直接給出結(jié)果要好，同時(shí)也進(jìn)一步讓學(xué)生理解“設(shè)置初始網(wǎng)頁”和“新建網(wǎng)頁”在保存時(shí)的不同。 要求學(xué)生獨(dú)立完成 3個(gè)框的設(shè)計(jì)制作。 任務(wù)：框架網(wǎng)頁的新建、保存及制作（ top 頁、left 頁、 main頁）。 解后模仿操作，有效突破。 教師做簡單的介紹、引導(dǎo)。 學(xué)生依照學(xué)件完善自己的框架網(wǎng)頁。 畫 龍 點(diǎn) 睛 設(shè)置超鏈接 轉(zhuǎn)播學(xué)生的畫面，反饋學(xué)生實(shí)踐結(jié)果。 學(xué)生根據(jù)學(xué)件提示，自主完成超鏈接的設(shè)置，從而體會框架網(wǎng)頁的特點(diǎn)與優(yōu)勢。 由于超鏈接后面有專門課時(shí)，這里不深入，設(shè)置超鏈接為制作框架網(wǎng)頁服務(wù)。 學(xué)生參與交流評價(jià) 培養(yǎng)學(xué)生網(wǎng)頁設(shè)計(jì)的審美能力、創(chuàng)新能力。 延伸拓展 展示其他的框架類型制作的網(wǎng)頁，鼓勵學(xué)有余力的學(xué)生自主探究完成。 拓展學(xué)生的眼界，讓他們將所學(xué)知識應(yīng)用到更廣的網(wǎng)頁設(shè)計(jì)中去。 3．情感態(tài)度價(jià)值觀 ： 通過制作 雨巷 美文欣賞 網(wǎng)頁，讓學(xué)生 圍繞教學(xué)內(nèi)容，利用多媒體創(chuàng)設(shè)的情境，借助詩歌的意象體會詩歌意境，理解作者的思想感情及丁香姑娘的象征意義，感知詩歌，提高鑒賞能力，激情增趣。體會詩歌意境，激情增趣。 任務(wù)驅(qū)動探究學(xué)習(xí) 登錄信息 技術(shù)論壇，出示上機(jī)任務(wù) 總?cè)蝿?wù)：利用Dreamweaver 軟件，給《雨巷》美文欣賞網(wǎng)頁添加網(wǎng)頁特效，讓靜態(tài)網(wǎng)頁“動”起來 任務(wù)一：啟動Deamweaver 軟件，在文件面 板 中 找 到 ：D:\wytx\ 文件并雙擊打開，在作者頭像區(qū)域添加一個(gè)層，并輸入“戴望舒，著名雨巷詩人”文字，通過層的行為面板，實(shí)現(xiàn)當(dāng)鼠標(biāo)移到戴望舒頭像上，會在圖像的旁邊出現(xiàn)一段文字介紹。 明確學(xué)習(xí)總?cè)蝿?wù)，選用DreamweaveMX 2020軟件來完成效果。 理解層的概念與層的應(yīng)用 將《雨巷》網(wǎng)頁中的第一幅圖通過層的顯示與隱藏添加說明文字“戴望舒，著名雨巷詩人” 通過層與時(shí)間軸實(shí)現(xiàn)游動的丁香姑娘頭像 （ 4 任 選一項(xiàng)完成） 已完成作業(yè)的同學(xué)，嘗試完任務(wù)三、四。 明確小任務(wù)的具體要求，給學(xué)生了解這節(jié)課具體要掌握的知識技術(shù)。 課前技術(shù)支持錄像，在學(xué)生上機(jī)時(shí)播放，