遼師大版信息技術八上《用導航欄與超鏈接組織網(wǎng)頁》說課稿(共26張)

1、用導航欄與超鏈接組織用導航欄與超鏈接組織網(wǎng)頁網(wǎng)頁 說課稿說課稿Contents教材分析&學情分析教學目標&教學重、難點教學方法&設計思路教學過程教學反思教材分析教材分析& &學情分析學情分析v本節(jié)內容選自江蘇省普通高中信息基礎網(wǎng)絡第六章第三節(jié)，超級鏈接是網(wǎng)頁組成中的重要元素。v正是因為超鏈接的作用，使得因特網(wǎng)上豐富的信息資源構成了開放互動、相互連接的知識網(wǎng)絡，以便我們在閱讀時靈活地選擇和轉化內容，主動而迅速地獲得很多相關信息。v高一學生好奇心強，求知欲旺盛，又具備了一定信息素養(yǎng)，大部分同學都上過網(wǎng)，有過瀏覽網(wǎng)頁的體驗，對信息技術充滿了興趣，能設計制作一個

2、網(wǎng)站更是學生心中的夢想。v當學生在進入前期的建立站點、網(wǎng)站設計、規(guī)劃、信息收集與整理、網(wǎng)頁內容的初步設計后，如果能把獨立的網(wǎng)頁聯(lián)系起來，以便能隨心所欲、自由自在的在自己的網(wǎng)站上遨游，那是多么快樂的事，超鏈接的學習，正是讓學生實現(xiàn)了心愿，更是體驗到網(wǎng)頁開發(fā)的樂趣，學習的興趣也在內心被喚起。教學目標教學目標& &教學重、難點教學重、難點【知識與能力】v 了解超鏈接、鏈接載體、鏈接目標的概念v 能夠明確鏈接載體和鏈接目標的區(qū)別v 了解什么可以做鏈接載體，什么可以做鏈接目標?！具^程和方法】v 掌握如何使用圖像、文字、圖像熱區(qū)建立超級鏈接。v 掌握如何鏈接到內部文檔、外部文檔、電子郵箱地

3、址?！厩楦袘B(tài)度和價值觀】v 培養(yǎng)學生對網(wǎng)頁制作的濃厚興趣，激發(fā)學生的學習積極性。v 培養(yǎng)學生對信息查詢、處理的能力，提高學生的信息素養(yǎng)【教學重、難點】v了解超鏈接、鏈接載體、鏈接目標的概念，明確超鏈接的含義v為文字、圖片及圖片熱區(qū)、外部網(wǎng)站、本地文件和郵箱地址三類超級鏈接建立超級鏈接教學方法教學方法& &設計思路設計思路v運用案例教學法，讓學生了解超鏈接的特點，明確超鏈接的特點，明確超鏈接的意義，結合實例，讓學生了解熱區(qū)域的概念v在教學過程中，除了我們教會學生“怎么做”，還有一點非常的關鍵就是要讓學生了解“為什么這么做”，所以我們在課堂不僅僅要簡單演示操作，學生也不是簡單模仿教

4、師的操作。我們要通過有效的方法，讓學生有趣的、迅速的了解操作背后的相關概念和術語，達到舉一反三的目的。v本實例的操作過程中，高中學生完全有自學能力，能讓在探究過程中有困難的學生得到幫助，讓基礎好的學生有自我挑戰(zhàn)的余地，探究更多的技術，更好發(fā)展不同層次學生的能力，體驗成功的快樂。 v這些都是基礎，最關鍵的是“怎么用”，所以我在課堂上給學生一個空間讓學生去發(fā)揮，自己設計超級鏈接的應用，然后展示，讓學生從別人的創(chuàng)意中得到啟發(fā)。教學過程教學過程一、新課導入（體驗超級鏈接）一、新課導入（體驗超級鏈接）v老師：我們平常在瀏覽網(wǎng)站時，會注意到，在網(wǎng)頁上都有一些熱文字或圖片,當鼠標指針移動到文字或圖片上時，就

5、會變成一只手掌“ ”的樣子，單擊可以打開其他網(wǎng)頁，這是什么原因呢？v學生:因為在網(wǎng)頁中使用了超鏈接v老師：對，回答的很正確，我們通過單擊網(wǎng)頁中熱文字或圖片，就可瀏覽到其中的詳細內容，其實是鏈接到一個新的頁面上,這就是我們今天將要講述的網(wǎng)頁“超鏈接”方式。v這節(jié)課，我們就來學習一下在Frontpage中制作超鏈接的方法。v二、講述新課二、講述新課v在網(wǎng)頁里，我們把這種點擊后會進行頁面切換的網(wǎng)頁界面元素叫超鏈接。v超鏈接是從一個網(wǎng)頁指向另一個目的端連接關系，用來超鏈接的對象可以是另一個網(wǎng)頁，也可以是一張圖片、一個電子郵件地址、一個文件，一個書簽甚至是一個應用程序。v 一個完整的超鏈接包含：鏈接載體

6、和鏈接目標。v 當瀏覽者單擊已經(jīng)鏈接的文字或圖片后，鏈接對象將顯示在瀏覽器上，并且根據(jù)對象的類型來打開或運行。v按照鏈接路徑的不同，網(wǎng)頁中超鏈接一般分為以下3種類型：內部鏈接、錨點鏈接和外部鏈接。v如果按照使用對象的不同，網(wǎng)頁中的鏈接又可以分為：文本超鏈接、圖像超鏈接、E-mail鏈接、多媒體文件鏈接、空鏈接等。 創(chuàng)建超鏈接創(chuàng)建超鏈接1創(chuàng)建文本超鏈接 （1）創(chuàng)建一個指向站點內其他網(wǎng)頁的超鏈接。 選擇“插入”菜單的“超鏈接”命令，在文件列表框內選擇“頁面1.htm”文件，注意在URL文本框中顯示了該文件的地址。 單擊“確定”按鈕，文本超鏈接完成。 v 我們也可以將超鏈接指向其他站點的網(wǎng)頁。在“創(chuàng)

7、建超鏈接”對話框里，在URL地址欄直接輸入要連接的網(wǎng)頁或網(wǎng)站的地址。 v 如果不清楚要作超鏈接的地址，只要單擊URL地址框后面的放大鏡就可以用瀏覽器在Internet上查找要鏈接的網(wǎng)頁，F(xiàn)rontPage會自動記錄你找到的地址。單擊“確定”按鈕。v 我們還可以改變已經(jīng)設置好的超鏈接。在普通模式頁面，在要改變的超鏈接下單擊鼠標右鍵，選擇“超鏈接屬性”命令，輸入新的URL地址就可以了。要想取消超鏈接，刪除所有URL地址框里的內容就可以了。 2創(chuàng)建圖片超鏈接 具體操作步驟如下：（1）在網(wǎng)頁中選擇要創(chuàng)建超級鏈接的圖片 ；（2）單擊工具欄中的“插入超鏈接”按鈕，打開“插入超鏈接”對話框；（3）在“查找范

8、圍”下拉列表中選擇要鏈接的網(wǎng)頁（4）單擊“確定”按鈕，圖片超鏈接完成。 3創(chuàng)建電子郵件超鏈接 網(wǎng)友通過Email及時與你聯(lián)系，也是網(wǎng)站站長和網(wǎng)友交流的重要手段。創(chuàng)建電子郵件超鏈接的具體方法如下：（1）選中要建立超鏈接的文本，單擊工具欄中的“插入超鏈接”按鈕，打開“插入超鏈接”對話框；（2）單擊“信封”按鈕，輸入你的郵箱地址，在“主題”文本框中輸入主題；（3）單擊“確定”按鈕。 這時超鏈接就建立好了。這時超鏈接就建立好了。這樣這樣OUTLOOKOUTLOOK被激活了，現(xiàn)在就可以發(fā)被激活了，現(xiàn)在就可以發(fā)EmailEmail了。了。4創(chuàng)建書簽超鏈接 書簽即錨點。（1）創(chuàng)建書簽 書簽：是網(wǎng)頁中被標記的

9、位置、文本或圖像，是網(wǎng)頁的某個局部區(qū)域的代表名字，通過建立到書簽的超鏈接，可以實現(xiàn)瀏覽內容的快速定位。被定義為標簽的文本看起來和別的文本沒有什么區(qū)別，而僅僅是被做上一個標記。 而這種標記只能在編輯網(wǎng)頁時看到，對訪問者來說，書簽標記完全是隱藏的。在這些標記的幫助下，才能在使用超鏈接時進行精確定位。 v我們選中“默認名稱”四個字，選擇“插入”菜單“書簽”命令，書簽名稱就是選擇的文本名稱。v在這里，我們可以直接修改書簽名稱 。當你的書簽名為空時，你還要自己輸入一個名稱。v現(xiàn)在我們單擊“確定”按鈕，在普通視圖里“默認名稱”被加了下劃虛線，表示這兒有一個書簽。 v現(xiàn)在我們講講光標位置書簽的表示。完成以后

10、，你看，一個小旗。（2）使用書簽創(chuàng)建鏈接 書簽創(chuàng)建超級鏈接的操作步驟。 選中要創(chuàng)建超級鏈接的文本； 單擊工具欄中的“插入超鏈接”按鈕，打開“插入超鏈接”對話框； 單擊“書簽”按鈕，彈出“在文檔中選擇位置”對話框； 選擇要鏈接的書簽，單擊“確定”按鈕，完成書簽的鏈接。 修改書簽：選擇“插入”菜單的“書簽”命令，在對話框中選中你要修改的書簽，選擇“轉到” 跳到相應位置，這時可以直接修改書簽名稱，也可跳到相應位置，這時可以直接修改書簽名稱，也可以單擊以單擊“清除清除”按鈕刪除書簽。按鈕刪除書簽。 在瀏覽器上，超鏈接有三種狀態(tài)：一般狀態(tài)、已訪問狀態(tài)和當前狀態(tài)。對應地有三種顏色：超鏈接顏色、已訪問的超級

11、鏈接顏色和當前超鏈接顏色。5編輯超級鏈接v 我們可以改變這些顏色。首先在網(wǎng)頁上單擊鼠標右鍵，選擇“網(wǎng)頁屬性”，進入“網(wǎng)頁屬性”對話框， 選擇選擇“背景背景”選項卡，你可以改變選項卡，你可以改變一般的、已一般的、已訪問的和當前的超鏈接的顏色訪問的和當前的超鏈接的顏色，這里我們單擊，這里我們單擊“超鏈接超鏈接”下拉列表框，選擇綠色，單擊下拉列表框，選擇綠色，單擊“確定確定”按鈕，超鏈接的顏色就改變了。按鈕，超鏈接的顏色就改變了。 6 6、圖形地圖、圖形地圖v我們在FrontPage里還可以建立圖形地圖，使一個圖形指向多個鏈接目標。 圖形地圖是什么意思呢？當我們單擊圖片的不同部分時，就可以跳到頁面的

12、不同部分 。 v這里一個圖形鏈接了多個書簽。可是，怎么制作圖形地圖呢？ 首先，要在圖形上繪制熱點。v我們選中OFFICE圖形， 圖形上有一個個的小框框。這就是熱點，當我們?yōu)g圖形上有一個個的小框框。這就是熱點，當我們?yōu)g覽時單擊他們就可以鏈接到別的地方。覽時單擊他們就可以鏈接到別的地方。v圖片工具欄有按鈕可以添加熱點。 v這個可以添加矩形熱點，我們用的就是它。v這個用來添加圓形熱點， v這個可以添加不規(guī)則熱點。 接下來 我們按下“矩形熱點”按鈕，在圖片的上拖一個框，接著就會彈出“創(chuàng)建超鏈接”對話框， 選擇事先建立好的書簽。按“確定”按鈕。 根據(jù)具體情況，我們可以創(chuàng)建鏈接到其他網(wǎng)頁的鏈接。還可以拖動

13、熱點框調整位置，也可以拖動熱點框的小黑點改變框的大小。 如果我們單擊圖形中沒有熱點覆蓋的地方，在默認情況下不會發(fā)生跳轉，有時我們也可以設置一個默認跳轉位置，這樣單擊圖形的任何地方都會跳轉。 v單擊圖形，選中OFFICE圖片，單擊鼠標右鍵，選擇“圖片屬性”命令， 在在“常規(guī)常規(guī)”選項卡中單擊選項卡中單擊“默認超鏈接默認超鏈接”中的中的“瀏覽瀏覽”按鈕，按鈕， 選擇選擇“OFFICEOFFICE全新亮相全新亮相”書簽。單擊書簽。單擊“確定確定”按鈕。再在按鈕。再在“圖片圖片屬性屬性”窗口中選擇窗口中選擇“確定確定”。單擊沒有熱點的地方就會自動跳到。單擊沒有熱點的地方就會自動跳到“OFFICEOFF

14、ICE全新亮相全新亮相”書簽的位置。書簽的位置。 在在InternetInternet上超鏈接應用非常上超鏈接應用非常廣泛廣泛，可以說整個，可以說整個InternetInternet就是一就是一個由無數(shù)個超鏈接連接起來的網(wǎng)絡，要想制作好網(wǎng)頁就一定要掌握個由無數(shù)個超鏈接連接起來的網(wǎng)絡，要想制作好網(wǎng)頁就一定要掌握如何使用超鏈接。如何使用超鏈接。 教學反思教學反思v技術的學習在信息技術課中是一項很重要的內容,今天我們學習了各種超鏈接的使用方法，同學們都做的非常好！通過本節(jié)課的學習應該能夠使自己的網(wǎng)頁更加神奇、美妙！v本節(jié)課學習的是FrontPage的超級鏈接，前面學生已經(jīng)學習了通過Internet瀏覽網(wǎng)上的信息，對超級鏈接已經(jīng)有了感性的認識，對于超鏈接的一般運用，學生