創(chuàng)建超鏈接
課題:第七節(jié)
教學(xué)目標(biāo):
1.理解超鏈接的概念,了解鏈接的種類(lèi)。
2.學(xué)會(huì)規(guī)劃網(wǎng)站的各個(gè)鏈接,并正確完成。
3.掌握創(chuàng)建超鏈接的方法。
教學(xué)手段:多媒體電子網(wǎng)絡(luò)
教學(xué)過(guò)程:在上一章的學(xué)習(xí)中,我們熟悉了internet,那么因特網(wǎng)上若干個(gè)網(wǎng)站是如何聯(lián)系到一起的?
(引入超鏈接的概念,并復(fù)習(xí)超鏈接的特性)
[板書(shū)] 第七節(jié) 創(chuàng)建超鏈接
一、鏈接的概念和種類(lèi)
創(chuàng)建了web站點(diǎn)后,需要在頁(yè)面間建立超鏈接才能把單個(gè)的頁(yè)面有機(jī)聯(lián)系起來(lái)。根據(jù)需要,可以通過(guò)書(shū)簽鏈接到本頁(yè)的特定位置或鏈接到其它頁(yè)面,也可以通過(guò)創(chuàng)建圖像映射建立鏈接,使web保持動(dòng)態(tài)的特性和不斷更新的特性。鏈接是網(wǎng)頁(yè)制作中的重要技術(shù),也是www能夠流行的主要原因。
根據(jù)鏈接對(duì)象的不同性質(zhì),可以將鏈接分為四種:
1.同一頁(yè)面內(nèi)部的鏈接
2.不同頁(yè)面之間的鏈接
3.鏈接到web頁(yè)
4.建立圖像映射。
這些鏈接是如何建立的呢?
[板書(shū)] 二、建立超鏈接
超鏈接可以定義在文字中,也可以定義在圖片上,甚至是圖片中的局部位置上。無(wú)論建立何種鏈接,都要先選定文字或圖形作為鏈接源,然后單擊常用工具欄“超鏈接”按鈕,打開(kāi)“創(chuàng)建超鏈接”對(duì)話(huà)框,再進(jìn)行相應(yīng)設(shè)置即可。
1.在同一頁(yè)面建立鏈接。
[演示例1] 打開(kāi)huanbao網(wǎng)站中的questions.htm網(wǎng)頁(yè),對(duì)其中的“返回頁(yè)首”圖形建立鏈接,鏈接到同頁(yè)頁(yè)首。
在“預(yù)覽”狀態(tài)下,單擊“返回頁(yè)首”圖形,讓學(xué)生觀(guān)察鏈接的結(jié)果。
[提問(wèn)] 如果直接鏈接到同一頁(yè),鏈接的目標(biāo)位置在哪兒?(頁(yè)首)
[提問(wèn)] 如果網(wǎng)頁(yè)較長(zhǎng),想鏈接到網(wǎng)頁(yè)中間的某一特定位置,應(yīng)該如何操作呢?
引導(dǎo)回答:必須將這些特定位置標(biāo)記出來(lái),引入書(shū)簽的概念。
一般情況下,如果頁(yè)面較長(zhǎng),需要通過(guò)滾動(dòng)條的移動(dòng)進(jìn)行順序?yàn)g覽。有時(shí)只需閱讀網(wǎng)頁(yè)中的某一段文本,通過(guò)滾動(dòng)條則顯得很不方便,這時(shí),為了便于瀏覽和管理,可以在頁(yè)面中加入書(shū)簽,將幾個(gè)希望跳轉(zhuǎn)到的特定位置標(biāo)志出來(lái)(通常與網(wǎng)頁(yè)中的小標(biāo)題一致),這樣,訪(fǎng)問(wèn)者單擊頁(yè)面頂端的標(biāo)題,即可將其所鏈接的書(shū)簽所在位置的文本顯示在屏幕上。那么如何定義書(shū)簽?zāi)兀?/p>
[演示例2] 對(duì)questions.htm網(wǎng)頁(yè)中的各小標(biāo)題分別建立書(shū)簽式鏈接。
總結(jié):書(shū)簽可以是文字,也可以是插入點(diǎn)所在的位置。
[提問(wèn)] 如果書(shū)簽位于其它網(wǎng)頁(yè),能否建立超鏈接呢?
[板書(shū)] 2.不同頁(yè)面之間的鏈接。
若要鏈接到其它頁(yè)面,只要指定網(wǎng)頁(yè)文件名即可。
(學(xué)生操作練習(xí)例3,并進(jìn)行預(yù)覽,教師總結(jié)學(xué)生操作中存在的問(wèn)題)。
前面我們學(xué)習(xí)了框架的知識(shí),知道框架網(wǎng)頁(yè)其實(shí)就是幾個(gè)單個(gè)的網(wǎng)頁(yè)顯示在同一窗口中,如果在左框架中設(shè)置了鏈接源,而想將鏈接目標(biāo)顯示在同一窗口,比如右框架中,又應(yīng)該如何操作呢?
[演示例4] 打開(kāi)knowledge.htm框架網(wǎng)頁(yè),將左框的每一行標(biāo)題分別作為鏈接源,打開(kāi)“創(chuàng)建超鏈接”對(duì)話(huà)框,單擊“更改目標(biāo)框架”按鈕,分別介紹五種目標(biāo)框架的含義。然后讓學(xué)生針對(duì)各標(biāo)題內(nèi)容選擇相應(yīng)目標(biāo)框架,理解不同目標(biāo)的含義和用途。
(學(xué)生練習(xí)例4)
[板書(shū)] 3.鏈接到web站點(diǎn)。
在主頁(yè)上有幾個(gè)網(wǎng)站的圖標(biāo),如果能將它們分別鏈接到各自的網(wǎng)站,就可以建立與外界的聯(lián)系。通過(guò)前面的學(xué)習(xí),大家應(yīng)該已經(jīng)知道鏈接的方法了。