4.3.2超級鏈接

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

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

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

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

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

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