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

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

2、期的建立站點、網(wǎng)站設(shè)計、規(guī)劃、信息收集與整理、網(wǎng)頁內(nèi)容的初步設(shè)計后，如果能把獨立的網(wǎng)頁聯(lián)系起來，以便能隨心所欲、自由自在的在自己的網(wǎng)站上遨游，那是多么快樂的事，超鏈接的學(xué)習(xí)，正是讓學(xué)生實現(xiàn)了心愿，更是體驗到網(wǎng)頁開發(fā)的樂趣，學(xué)習(xí)的興趣也在內(nèi)心被喚起。教學(xué)目標(biāo)教學(xué)目標(biāo)& &教學(xué)重、難點教學(xué)重、難點【知識與能力】v 了解超鏈接、鏈接載體、鏈接目標(biāo)的概念v 能夠明確鏈接載體和鏈接目標(biāo)的區(qū)別v 了解什么可以做鏈接載體，什么可以做鏈接目標(biāo)。【過程和方法】v 掌握如何使用圖像、文字、圖像熱區(qū)建立超級鏈接。v 掌握如何鏈接到內(nèi)部文檔、外部文檔、電子郵箱地址?！厩楦袘B(tài)度和價值觀】v 培養(yǎng)學(xué)生對網(wǎng)頁制作的濃厚興趣

3、，激發(fā)學(xué)生的學(xué)習(xí)積極性。v 培養(yǎng)學(xué)生對信息查詢、處理的能力，提高學(xué)生的信息素養(yǎng)【教學(xué)重、難點】v了解超鏈接、鏈接載體、鏈接目標(biāo)的概念，明確超鏈接的含義v為文字、圖片及圖片熱區(qū)、外部網(wǎng)站、本地文件和郵箱地址三類超級鏈接建立超級鏈接教學(xué)方法教學(xué)方法& &設(shè)計思路設(shè)計思路v運用案例教學(xué)法，讓學(xué)生了解超鏈接的特點，明確超鏈接的特點，明確超鏈接的意義，結(jié)合實例，讓學(xué)生了解熱區(qū)域的概念v在教學(xué)過程中，除了我們教會學(xué)生“怎么做”，還有一點非常的關(guān)鍵就是要讓學(xué)生了解“為什么這么做”，所以我們在課堂不僅僅要簡單演示操作，學(xué)生也不是簡單模仿教師的操作。我們要通過有效的方法，讓學(xué)生有趣的、迅速的了解操作背后的相關(guān)概

4、念和術(shù)語，達(dá)到舉一反三的目的。v本實例的操作過程中，高中學(xué)生完全有自學(xué)能力，能讓在探究過程中有困難的學(xué)生得到幫助，讓基礎(chǔ)好的學(xué)生有自我挑戰(zhàn)的余地，探究更多的技術(shù)，更好發(fā)展不同層次學(xué)生的能力，體驗成功的快樂。 v這些都是基礎(chǔ)，最關(guān)鍵的是“怎么用”，所以我在課堂上給學(xué)生一個空間讓學(xué)生去發(fā)揮，自己設(shè)計超級鏈接的應(yīng)用，然后展示，讓學(xué)生從別人的創(chuàng)意中得到啟發(fā)。教學(xué)過程教學(xué)過程一、新課導(dǎo)入（體驗超級鏈接）一、新課導(dǎo)入（體驗超級鏈接）v老師：我們平常在瀏覽網(wǎng)站時，會注意到，在網(wǎng)頁上都有一些熱文字或圖片,當(dāng)鼠標(biāo)指針移動到文字或圖片上時，就會變成一只手掌“ ”的樣子，單擊可以打開其他網(wǎng)頁，這是什么原因呢？v學(xué)生

5、:因為在網(wǎng)頁中使用了超鏈接v老師：對，回答的很正確，我們通過單擊網(wǎng)頁中熱文字或圖片，就可瀏覽到其中的詳細(xì)內(nèi)容，其實是鏈接到一個新的頁面上,這就是我們今天將要講述的網(wǎng)頁“超鏈接”方式。v這節(jié)課，我們就來學(xué)習(xí)一下在Frontpage中制作超鏈接的方法。v二、講述新課二、講述新課v在網(wǎng)頁里，我們把這種點擊后會進(jìn)行頁面切換的網(wǎng)頁界面元素叫超鏈接。v超鏈接是從一個網(wǎng)頁指向另一個目的端連接關(guān)系，用來超鏈接的對象可以是另一個網(wǎng)頁，也可以是一張圖片、一個電子郵件地址、一個文件，一個書簽甚至是一個應(yīng)用程序。v 一個完整的超鏈接包含：鏈接載體和鏈接目標(biāo)。v 當(dāng)瀏覽者單擊已經(jīng)鏈接的文字或圖片后，鏈接對象將顯示在瀏覽

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

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

8、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)頁中被標(biāo)記的位置、文本或圖像，是網(wǎng)頁的某個局部區(qū)域的代表名字，通過建立到書簽的超鏈接

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

10、選中要創(chuàng)建超級鏈接的文本； 單擊工具欄中的“插入超鏈接”按鈕，打開“插入超鏈接”對話框； 單擊“書簽”按鈕，彈出“在文檔中選擇位置”對話框； 選擇要鏈接的書簽，單擊“確定”按鈕，完成書簽的鏈接。 修改書簽：選擇“插入”菜單的“書簽”命令，在對話框中選中你要修改的書簽，選擇“轉(zhuǎn)到” 跳到相應(yīng)位置，這時可以直接修改書簽名稱，也可跳到相應(yīng)位置，這時可以直接修改書簽名稱，也可以單擊以單擊“清除清除”按鈕刪除書簽。按鈕刪除書簽。 在瀏覽器上，超鏈接有三種狀態(tài)：一般狀態(tài)、已訪問狀態(tài)和當(dāng)前狀態(tài)。對應(yīng)地有三種顏色：超鏈接顏色、已訪問的超級鏈接顏色和當(dāng)前超鏈接顏色。5編輯超級鏈接v 我們可以改變這些顏色。首先在

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

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

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

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