第一篇：07創建超鏈接和網頁教案

案例名稱

創建超鏈接和網頁模板

一、教材內容分析

本課主要有三個教學內容：制作“超鏈接”，設置超鏈接顏色和設置超鏈接熱區。學生對超鏈接的內容是比較陌生的，所以首先讓學生明確超鏈接的概念。學生明確超鏈接后教師再講如何創建超鏈接的創建。字超鏈接是最普通的一種超鏈接形式，教師在講解這個操作時重點要說明的是要確定超鏈接的目標。超鏈接的目標有多種，如網頁、圖片、音樂、視頻等，本課要求學生掌握鏈接到網頁就可以了。圖片超鏈接和文字超鏈接建立的方法是一樣的。超鏈接熱區的建立重點是自選圖形的使用。本課重點是超鏈接的建立，學好本課為后面的網頁、網站的設計打下基礎。

二、教學目標（知識，技能，情感態度、價值觀）

知識與技能：1． 建立文字超鏈接、圖片超鏈接、電子郵件的超鏈接； 2． 學會設置超鏈接顏色和設置超鏈接熱區。

過程與方法：1．通過創建網頁超鏈接的操作，使學生了解網頁中創建超鏈接的基本方法，消除對網頁鏈接的神秘感；

2．通過教師講解、演示，學生觀察、動手操作、理解記憶等學習方法，使學生學會正確建立和修改文字及圖片超鏈接的操作。

情感態度與價值觀：1．完成文字和圖片超鏈接的創建，使學生感受成功的喜悅和快樂。2．培養學生勤于思考和自己動手探索新知識的良好學習品質。

三、學習者特征分析

1．該班級學生基礎知識比較扎實，思維活躍，學習興趣濃厚，課堂參與積極、主動。2．該班級學生能熟練掌握電腦的基本操作，能夠在網絡環境下順利的開展自主和合作探究活動。

3．該班級學生對超鏈接這部分內容還不熟悉，對于超鏈接及超鏈接熱區的創建的實際操作能力有待提升。

四、教學策略選擇與設計

直觀演示與自主學習相結合，合作練習與教師的講授相結合五、教學環境及資源準備

多媒體教室、自制教學課件

六、教學過程

教學過程

教師活動

學生活動

設計意圖及資源準備

質疑導入

首先，老師演示自己制作的網站，用超鏈接預覽所有的網頁，讓學生仔細觀察。然后，讓學生按照老師的方法，演示自己的作品，看能不能進行，為什么？ 對，有“手”形的地方，就是“超級鏈接”。

學習自主練習

學生踴躍發言，說老師的網頁上有“手”的形狀

教師制作完成《介紹我自己》網站（含有超級鏈接）。學生：已制作完成，共4張網頁。

拉進學生與知識點的距離，讓學生對超鏈接產生神秘感。

引入網頁制作中

合作探究

（超鏈接的建立及超鏈接顏色的設置）

一、超鏈接的建立 提問：“這些超鏈接（文字、圖片）是怎么制作的？” 教師巡視

指出操作要點：建立文字超鏈接時需要選中制作超鏈接的文本！提問：超鏈接制作的方法？ 提問：超鏈接的對象是什么呢？

二、設置超鏈接顏色

讓同學們觀察建立文字超鏈接后文字有什么變化？我們能夠修改超鏈接的顏色嗎？

按照書本上的圖示，討論、探究超鏈接制作的方法。學生嘗試制作超鏈接

小組發言并演示超鏈接的建立方法

學生回答超鏈接的對象可以是網頁、文件、網址、電子郵件等 學生通過觀察后回答并按照書上嘗試改變超鏈接文字的顏色 小組成員間合作練習掌握超鏈接文字的顏色的的設置方法

培養學生的自學能力、他人交流合作的能力、語言表達能力 讓學生動手制作、體驗超鏈接，提高學生的動手操作能力。培養學生與他人交流合作能力

演示講解

三、設置超鏈接熱區

課件演示（設置超鏈接熱區后）“米老鼠” 單擊“米老鼠”的頭鏈接到“第一個網頁”，單擊“米老鼠”的手鏈接到“第二個網頁”，單擊“米老鼠”的腳鏈接到“第三個網頁”。教師提問：這是怎么制作出來的？

教師講解演示：通過借助自選圖形來建立熱區。

指出操作要點：先建立自選圖形，并設置自選圖形的超鏈接，再設置自選圖形為透明。鼓勵學生嘗試實踐

學生觀察教師的操作，掌握操作的方法后自己實踐操作

加強學生對超鏈接的理解。消除對超鏈接的神秘感。

展示與評價

組織學生將自己的優秀制作向全班同學進行展示，并以組為單位評價作品。

各小組推薦優秀作品進行展示并自評，其他小組對作品進行評價

通過作品展示與評價能夠相互取長補短

課后拓展 同學們，今天我們學習了網頁間的超鏈接的制作方法，那么，能不能鏈接到其他格式的文件，如doc,exe等？

課后學生合作或獨立完成。

拓展、作業。

教學流程圖

七、教學評價設計

1、在學習的過程中你遇到了哪些困難，你是怎樣解決的？

2、對于熟練的學生，探究：如何制作“電子郵件”的超鏈接？

3、你能為熟練設置文字和圖片的超鏈接嗎？

八、幫助和總結

學習了各種超鏈接的使用方法，同學生都做的非常好。通過本節課的學習你應該能使自己的網頁更加充實和美妙。

第二篇：七年級下冊第5單元第5課網頁超鏈接教案

七年級下冊第5單元第5課《網頁超鏈接》教案

授課人：青島24中 張靜

三維目標：

知識與技能：

1、熟悉以文字、圖片為鏈接源的基本操作

2、掌握鏈接到站點內網頁、電子郵件、網頁內書簽的操作

3、理解在網頁（站點）內建立超鏈接的意義

4、了解廣義的超鏈接內涵 過程與方法：

1、在模仿教師演示、自主學習和小組協作學習的過程中掌握建立超級鏈接的基本方法。

2、通過層次遞進的4個任務、2個拓展任務和綜合運用任務，逐漸理解超鏈接的意義與內涵。情感、態度和價值觀：

1、在收集整理校園文化網站素材、制作校園文化網站的過程中，加深加深學生對學校文化理念的理解，讓學生樹立正確的人生觀、價值觀。

2、小組間競爭、小組內合作的學習方式，既激發了學生的學習積極性，又培養了合作精神。

教學重點：

1、建立超鏈接的基本操作

2、鏈接到站點內網頁、電子郵件、網頁內書簽的操作方法 教學難點：

1、鏈接到電子郵件、網頁內書簽的操作方法

2、理解在網頁（站點）內建立超鏈接的意義 教學過程：

一、復習導入

學生1演示：插入滾動字幕、插入視頻的操作。

學生2演示：下載作業、打開站點、預覽網頁的操作。師：點評作業，引入新課。

二、新授一

師：演示建立文字超鏈接的方法，學生模仿完成任務1。任務1：給首頁index.htm添加文字超鏈接。

具體要求：將首頁內的文字“鴻源雕塑”鏈接到對應的網頁“hongyuan.htm”。

同樣，將其它文字“教學樓”、“?；招Ｓ枴?、“文化長廊”、“聯系我們”鏈接到對應的網頁。

步驟提示：選中要鏈接的文字→單擊工具欄 →選中被鏈接的網頁→確定。

反饋：請一個沒有全部完成的學生演示任務1，發現問題，現場分析。師啟發：在子頁中建立圖片返回鏈接，出示任務2。任務2：給子網頁建立返回主頁的超鏈接。具體要求：將網頁hongyuan.htm中的圖片鏈接到網站主頁index.htm。（先保存，再預覽）

生：看書、看屏幕回放教程，自主學習完成任務2，遠程消息反饋。

三、新授二

廣播：階段小結。出示“lianxi.htm”網頁，引出鏈接目標是電子郵件地址的超鏈接。提示操作，強調按鈕的使用和正確輸入電子郵件地址。出示任務3 任務3：給網頁lianxi.htm添加電子郵件超鏈接。

具體要求：給“hssyqd24@163.com” 建立電子郵件超鏈接，使得用戶點擊此鏈接可以自動進入“outlook express”的界面，給我們寫信。

生：看書、看屏幕回放教程，完成任務3，遠程消息反饋。

師：階段反饋，大屏幕投影教給大家在“超鏈接”視圖中快速檢查“超鏈接完成的情況”。

廣播：出示“wenhua.htm”網頁，講解書簽超鏈接的用法，演示書簽超鏈接的建立步驟（先插入書簽標記，再建立超鏈接）出示任務4。

任務4：給網頁wenhua.htm添加書簽超鏈接。

具體要求：給網頁中的小故事“價值的轉換”和“薔薇的啟示”分別添加書簽超鏈接。

步驟提示：先插入書簽標記，再建立超鏈接。生：小組協作完成任務4，遠程消息反饋。

四、拓展與綜合運用

師：結合板書，按照鏈接目標分類，還可以補充普通文件、外網的網頁地址等。

拓展任務1：將網頁wenhua.htm鏈接到一個普通文件。具體要求：在網頁的書簽鏈接行右邊添加文字“更多精彩”，將其鏈接到素材庫中的word文檔“文化長廊.doc”。

拓展任務2：將網頁lianxi.htm鏈接到學校的網站。

具體要求：將網頁中的文字“點擊進入”鏈接到校園網網址“http://www.qd24.qdedu.net”

綜合運用：下載自己的“校園文化-你的名字”站點，將本節課所學到的超鏈接知識運用到自己的“校園文化-你的名字”站點內，把所有的網頁鏈接起來。

五、小結反饋

小組推選代表演示自己的作品。學生發言，談學習感受。教師總結。

第三篇：《設置超鏈接》參考教案

設置超級鏈接

一、教學目標 1.知識目標 認識超鏈接 2.能力目標

學會建立文本超級鏈接；學會設置超級鏈接的打開方式； 學會設置不同對象的超鏈接。

3.情感目標

通過對螞蟻世界的研究，培養觀察自然的興趣。

二、教學重點與難點

設置不同對象的超鏈接。

三、教學準備

網絡機房、多媒體教學軟件等。

四、教學過程

（一）談話導入

教師問：如何利用網頁共享視頻資料？ 學生思考，教師引導出超鏈接。

（二）自主探究 交流分享

1、出示任務：

（1）新建網頁，設置標題為“螞蟻總動員”，保存為 maiyi.html。（2）第一行輸入“螞蟻總動員”第二行輸入“螞蟻錄像 欣賞”，第三行輸入“白蟻”、“橋蟻”。

（3）把文本“白蟻”鏈接到桌面“白蟻”視頻片段，打 開方式為“_blank”。

2、學生自學課本，完成任務

3、學生演示匯報。

4、任務二：①新建網頁link.html，標題為“昆蟲網站導航”。②輸入你知道的昆蟲網站的名字，并把它們鏈接到相應的網址，打開方式為“_blank”。

5、學生探究操作

6、學生演示匯報

（三）合作學習釋疑解難

1、學生提出問題。

2、教師根據情況補充問題。

3、小組合作解決問題。

4、各小組匯報。

（四）實踐創作 展示評價

1、創作內容：課本28頁實踐與創新。

2、學生創作。

3、小組評選優秀作品。

4、優秀作品展示。

5、共同評價作品

（五）梳理總結 拓展延伸

本節課收獲是什么？覺得自己哪個部分掌握的比較好了，哪個地方還要繼續努力。

第四篇：第七節 自由自在——超鏈接教案

第七節 自由自在——超級鏈接

知識目標:

1、掌握在PowerPonit中設置幻燈片之間的超鏈接的方法

2、掌握在PowerPonit中插入動作按鈕的方法 能力目標: 通過學習為幻燈片設置超鏈接和插入動作按鈕,提高學生自主學習的能力,團結協作能力。情感目標: 通過教學探索,激發學生探求未知、認識新知的愿望,提高學習的積極性和主動性。

二、教學重點、難點 教學重、難點:

1、掌握在PowerPonit中設置幻燈片之間的超鏈接的方法

2、掌握在PowerPonit中插入動作按鈕的方法

三、教學方法:任務驅動法

四、教學過程 導入

在教室利用多媒體演示前屆學生完成好的《詩詞欣賞》PPT作品。先通過單擊，順序播放幻燈片；

然后再展示通過單擊“目錄”中相應標題，自動跳轉到相應幻燈片的效果，體會超級鏈接的效果。

新授

1、幻燈片之間的超鏈接

播放喬丹同學做好的幻燈片，沒有超級鏈接。

提問：我們怎樣做到像前面那樣想瀏覽哪張幻燈片就到哪張呢？（生先探索）

操作方法:選擇要插入超鏈的文字,依次選擇“插入”-“超級鏈接”,彈出“插入超級鏈接對話框”,從中選擇“文檔中的位置”,再從右側選擇文檔中的位置,比如可按幻燈片標題,選擇一個頁面,選擇好后單擊“確定”按鈕。

2、插入動作按鈕

通過動作按鈕的設置,也可以添加超鏈接,幫助我們在幻燈片間自由跳轉,達到人機交互的效果。下面我們就學習如何插入動作按鈕。

找學生演示操作過程,師進行點評。然后按照同樣的方法為其他幾張幻燈片也插入動作按鈕。學生練習,鞏固新知：一組同學到微機室操作（為他們前期做好的幻燈片插入超級鏈接）。擴展

提問：怎樣從任意一張幻燈片“回到”目錄幻燈片呢？ 小結：

本節我們學習了如何在PPT中插入超級鏈接和利用“動作設置”進行超級鏈接。通過超級鏈接無需再按順序瀏覽幻燈片。

第五篇：建立超鏈接公開課教案

市級公開課教案 科目

網絡技術應用

學校

溧陽市竹簀中學

班級

高一（4）

教者

陽建偉

課題

網站實現---建立超鏈接

課型

新課

日期

5月8日

教學 目標

知識目標：（1）明確超級鏈接的意義及二要素。技能目標：（2）掌握創建超鏈接的一般方法。情感目標：（1）培養學生的交流意識和合作能力。（2）培養學生勇于挑戰、大膽探索的精神。

教學 重點 熟練使用FrontPage軟件為網頁創建各種超鏈接

教學 難點

創建熱區鏈接、書簽鏈接

教學 流程

教學內容

教師活動

學生活動

引入

和學生一起上網引入超鏈接

上網并講解

看教師演示、思考并和教師探討

一、知識準備

二、教師引導，任務驅動，小組合作學習

一、超鏈接的基礎知識

1、本質上是屬于網頁的一部分，各個網頁通過超鏈接以后才能真正構成一個網站。它是從一個網頁元素指向一個目標的連接關系。鏈接的兩個要素：鏈接源、鏈接目標

二、精心設計網站的鏈接結構

對比兩種鏈接結構的優缺點，得出最好的鏈接結構

三、創建各種超鏈接 完成任務

任務一：用文字或圖片建立超鏈接 用文字或圖片建立指向URL的超鏈接(用于友情鏈接，關聯網站等等)用文字或圖片建立指向文件的超鏈接（用于與本站子頁建立連接關系或提供文件下載等等）

3、用文字或圖片建立指向郵箱的超鏈接（用于瀏覽者通過郵箱聯系網站管理員）任務二：調整超鏈接的顏色 任務三：制作圖片熱區超鏈接 圓形熱區 長方形熱區

（不同圖片區域鏈接到不同目標）任務四：制作書簽鏈接

完成任務一二三四，構成一個完整的網站

四、學生完成：

學生參照學案指示完成任務

五、任務評價

和學生一起分析超鏈接的表現形式,通過和學生對話中引出超鏈接的幾種常見形式

結合網頁中的實例和代碼講解什么是鏈接源和鏈接目標，并說明哪些元素可以作為鏈接源（如：文本、圖像、圖像熱區），而鏈接目標可以是任意的網絡資源 演示完成任務的大致步驟，提醒注意點 巡視、發現共性問題

要求學生上教師機演示任務

引導學生分析網頁超鏈接的顏色和整個網頁的風格是否一致 通過竹中校園網首頁鏈接方法對比講解圖片的熱區鏈接 頁面內容太多時，便于同頁面跳轉，準確定位 讓學生評價此學生作業，教師總評（過程和結果）

認真聽講、模仿完成任務 分組討論完成任務 學生自評、互相評價

有時間、有能力的同學做

拓展任務：（用FrontPage打開“校友風采.htm”）

用文字“湯淑蘭”創建鏈接到相對應網頁的超鏈接,目標框架為“網頁默認值main ”

操作方法：選中文字“湯淑蘭”---右擊---超鏈接---點擊文件按鈕---選擇“湯淑蘭.htm”---確定)

總結

回顧本節知識，總結建立超鏈接的一般方法，及不同類型的超鏈接的應用場合?？偨Y要點

鞏固提高

教學反思

這節課，我在上課之初即拋出問題，將學生的注意力引向本課的主要內容——超鏈接，接下來帶領學生上網，讓學生的抽象思維和形象思維相結合，了解平時上網經常使用的就是超鏈接，然后講解超鏈接的基礎知識，包括超鏈接在網頁HTML中的狀態，接著講解網頁最優化的拓撲結構——星樹混合，為創建超鏈接打下理論基礎。在講解實際創建超鏈接之前，和學生分析網上常見的超鏈接表現形式，學生回答不全的由教師補充，之后，以任務驅動的學習方式讓學生完成幾種常見的超鏈接的創建，在任務設計中，涵蓋了所有的知識點，其中包括超鏈接文字三種狀態的顏色修改，并詳細設置了任務的操作說明，接下來從現實需要的角度引導學生創建熱區鏈接和書簽鏈接，最后總結 在實際上課中出現的問題：

高估學生的動手能力。學生在做“任務一”時候，內容是圖片和文字創建到文件、URL、郵箱等基本操作，這些內容在高一上學期講過，加上詳細的操作說明。因此我沒花時間具體講怎么做，結果部分學生還是搞混淆了——不管鏈接到哪里都在URL輸入。課后反思：雖然口頭糾正一下，但收效甚微，以后講到這里的時候仍然要在演示一遍，強調不同的鏈接目標選擇不同的按鈕。

理論部分稍顯冗長。盡管理論也很重要，相對操作內容來說，時間安排上還是花的太多，整整耗時17分鐘，導致后面學生沒有充裕的時間來完成任務。課后反思：進一步精簡理論鋪墊，壓縮操作部分內容。