4.3.2超級(jí)鏈接

1、高中信息技術(shù)網(wǎng)站設(shè)計(jì)與制作教學(xué)設(shè)計(jì)（二）超級(jí)鏈接教學(xué)目標(biāo)：1. 知識(shí)與技能：通過(guò)網(wǎng)頁(yè)的設(shè)計(jì)制作，知道使用表格可以清晰地劃分不同的頁(yè)面區(qū)域， 了解表格屬性中的像素與百分比的差異。通過(guò)設(shè)置文字超級(jí)鏈接，感受超級(jí)鏈接在網(wǎng)站中 的重要作用。2. 過(guò)程與方法：通過(guò)動(dòng)手實(shí)踐，了解設(shè)計(jì)、制作簡(jiǎn)單網(wǎng)站的基本過(guò)程。通過(guò)網(wǎng)站建設(shè)任 務(wù)，學(xué)會(huì)并采用任務(wù)驅(qū)動(dòng)的學(xué)習(xí)方法。3. 情感態(tài)度和價(jià)值觀：通過(guò)體驗(yàn)網(wǎng)站建設(shè)過(guò)程中的趣味性與成就感，激發(fā)學(xué)習(xí)信息技術(shù) 的熱情，通過(guò)網(wǎng)站內(nèi)容的編輯，增強(qiáng)環(huán)保意識(shí)。教學(xué)內(nèi)容與學(xué)情分析本節(jié)內(nèi)容是上?？平坛霭嫔绯霭娴木W(wǎng)絡(luò)技術(shù)應(yīng)用的第四章第二節(jié)網(wǎng)站建設(shè)，本 章教學(xué)以學(xué)生用網(wǎng)頁(yè)展示研究性學(xué)習(xí)成果為案

2、例，讓學(xué)生體驗(yàn)網(wǎng)站的規(guī)劃，設(shè)計(jì)，制作， 發(fā)布，經(jīng)歷一個(gè)網(wǎng)站完整的創(chuàng)建過(guò)程。本節(jié)課時(shí)為第3課時(shí)：網(wǎng)頁(yè)制作與超級(jí)鏈接。，前兩課時(shí)教學(xué)內(nèi)容為網(wǎng)站的規(guī)劃與設(shè)計(jì)，介紹 frontpage軟件使用，網(wǎng)站的建立及首頁(yè)的 創(chuàng)建。在創(chuàng)建首頁(yè)時(shí)，學(xué)生已經(jīng)初步了解了頁(yè)面制作中表格的使用，并完成了一級(jí)目錄 的創(chuàng)建。本節(jié)課主要任務(wù)一是設(shè)計(jì)一個(gè)帶導(dǎo)航欄的二級(jí)子頁(yè)，通過(guò)在表格單元格里再設(shè)計(jì)一 個(gè)表格來(lái)加深對(duì)表格應(yīng)用的使用。任務(wù)二是利用二級(jí)子頁(yè)完成首頁(yè)的超級(jí)鏈接，通過(guò)這 一任務(wù)學(xué)會(huì)文字的超級(jí)鏈接創(chuàng)建。授課對(duì)象為高一年級(jí)的學(xué)生，估計(jì)有部分學(xué)生不能完 成二級(jí)子頁(yè)的表格創(chuàng)建，要降低要求。教學(xué)重點(diǎn)：二級(jí)子頁(yè)及導(dǎo)航欄制作，文字超級(jí)鏈接

3、設(shè)置教學(xué)難點(diǎn)：網(wǎng)頁(yè)設(shè)計(jì)中表格屬性的應(yīng)用，超級(jí)鏈接設(shè)置的完整性。教學(xué)方法：以學(xué)生需要網(wǎng)頁(yè)展示研究性學(xué)習(xí)成果為情境，以學(xué)生完成網(wǎng)站建設(shè)為任務(wù)，采 用情境教學(xué)與任務(wù)驅(qū)動(dòng)相結(jié)合的方法。教學(xué)用具：多媒體網(wǎng)絡(luò)教室學(xué)生成績(jī)檔案記錄系統(tǒng)教學(xué)過(guò)程：教學(xué)過(guò)程教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖教學(xué)過(guò)程教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖同學(xué)們，看看下面的圖片，會(huì)不會(huì) 很熟呢？主頁(yè) 日擊牙樂盤 留宣極相ffll說(shuō)說(shuō)個(gè)人檔 分孚更孫那么還有這些呢?一、創(chuàng)設(shè)情 境，引入問(wèn) 題（4分 鐘）*認(rèn)證空間應(yīng)用中心學(xué)生思考并回答復(fù)習(xí)回憶首頁(yè)制作AW我們上節(jié)課學(xué)習(xí)并制作了一個(gè)網(wǎng)站和首 頁(yè)，如果你們的空間或微博用自己首頁(yè) 設(shè)計(jì)的風(fēng)格，大家對(duì)自己的設(shè)計(jì)滿意

4、嗎？大家看看老師給的頁(yè)面：借鑒一下。ay學(xué)生觀摩教 師給的首頁(yè)， 對(duì)比自己的 首頁(yè)讓學(xué)生感受一下 網(wǎng)站的風(fēng)格二、分析問(wèn) 題 提出任務(wù)（1分鐘）學(xué)生思考在頁(yè)面設(shè)計(jì) 中使用表格交待布置任務(wù), 引起學(xué)生興趣我們繼續(xù)創(chuàng)建網(wǎng)站的歷程，大家可以看 到首頁(yè)上還有6個(gè)子欄目，如果這6個(gè) 欄目的頁(yè)面都完成了，我們的網(wǎng)站第一 級(jí)的結(jié)構(gòu)就完成了。如何制作二級(jí)子頁(yè) 呢？由于電池種類比較多，我們的頁(yè)面也要 做出欄目。要想清晰的劃分頁(yè)面區(qū)域， 使用什么方法好呢？教學(xué)過(guò)程教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖任務(wù)1“電池種 類”子頁(yè)制 作（15分 鐘）教師演示導(dǎo)航欄目錄的制作。先從主頁(yè)復(fù)制一個(gè)新的頁(yè)面，刪除內(nèi)容 后在表格中拆分成二列，然

5、后在單兀格 中再創(chuàng)建一個(gè)10行一列的表格。解釋寬度與像素的差異及通常的作法。學(xué)生觀摩導(dǎo) 航欄制作演示表格比 較復(fù)雜的操作， 加深學(xué)生對(duì)表格 的理解。J.阿Hi4上甲鼻IfFll4-l-dB.-471K 1 it T Rf -.VfQT 教師巡視指導(dǎo)學(xué)生動(dòng)手實(shí) 踐學(xué)生通過(guò)任 務(wù)1進(jìn)一步學(xué)習(xí) 表格的使用。冋：大家想一想，電池原理這個(gè)頁(yè)面與 電池種類頁(yè)面的版面設(shè)計(jì)能不能一 樣？如果可以一樣，那么要如何做就可 以得到電池地原理頁(yè)面版面呢？ 提示：我們可以在frontpage中復(fù)制頁(yè) 面學(xué)生自主學(xué) 習(xí)復(fù)制一個(gè)新 的頁(yè)面為網(wǎng)站模板 的引入埋下輔墊任務(wù)二文字超級(jí) 鏈接的設(shè) 置（20分 鐘）我們已經(jīng)有了二個(gè)頁(yè)

6、面了，那么如何把 它們組織起來(lái)呢？教師演示“首頁(yè)”文字超級(jí)鏈接的制作。機(jī)二包 Cl 曲學(xué)生回答：超級(jí)鏈接學(xué)生觀摩按照網(wǎng)站建 立的流程，引出 新的任務(wù)lU町怕 dctn |：FT旳0 5ndei.hi3 IJTH)|11 J丄皚LIi haha. flL=s1 Sufrs* H dciT.Miid dqLhii-三_J對(duì)于學(xué)習(xí)能力強(qiáng)的學(xué)生，要求使用 教師發(fā)給其它的4個(gè)頁(yè)面，完成7個(gè)鏈 接。教師巡視指導(dǎo)動(dòng)手實(shí)踐完 成首頁(yè)的三 個(gè)或全部7個(gè) 超級(jí)鏈接不同的任務(wù)難度，充分考慮學(xué) 生的差異性教學(xué)過(guò)程教師活動(dòng)大家有沒有發(fā)現(xiàn)一個(gè)問(wèn)題：我們只能從首頁(yè)出去，能從別的頁(yè)面回到首頁(yè) 嗎？如果要回來(lái)，要怎么做？提示：可以在frontpage中復(fù)制首 頁(yè)的鏈接教師演示：復(fù)制一級(jí)欄目is削醴翩廉.帥頤上彭也丄.遷翻如果超級(jí)鏈接沒設(shè)置好，會(huì)出現(xiàn)如下網(wǎng) 頁(yè)學(xué)生活動(dòng)學(xué)生思考，提 出自己的做 法學(xué)生動(dòng)手實(shí) 踐，通過(guò)一個(gè)“ haha.htm ”的頁(yè)面反饋，檢查自己的超級(jí)鏈接。設(shè)計(jì)意圖初步理解超級(jí)鏈 接的設(shè)計(jì)要求方便學(xué)生檢查 超級(jí)鏈接的同時(shí) 增加學(xué)習(xí)的趣味 性三、任務(wù)上 交 課堂小結(jié) 作業(yè)布置（3分鐘）今天我們進(jìn)一步學(xué)習(xí)了網(wǎng)頁(yè)設(shè)計(jì)中表格 的使用，還學(xué)習(xí)了文字超級(jí)鏈接的設(shè)置 當(dāng)然我們網(wǎng)站的內(nèi)容還不夠充實(shí)，老師 提供給大家的只是一個(gè)樣本。下節(jié)課我 們接著創(chuàng)建其它的網(wǎng)頁(yè)，考慮到大家的 時(shí)間不多，老師給大