中職教育二年級上學(xué)期電子與信息《超級鏈接》教學(xué)課件

超級鏈接目標(biāo)TARGET知識目標(biāo)了解鏈接與路徑掌握各種鏈接的設(shè)置方法技能目標(biāo)能選擇恰當(dāng)?shù)逆溄又谱骶W(wǎng)頁效果目錄認(rèn)識超級鏈接1添加超級鏈接2一、認(rèn)識超級鏈接鏈接是網(wǎng)頁中極為重要的部分，單擊文檔中的鏈接，即可跳轉(zhuǎn)至相應(yīng)的位置。認(rèn)識超鏈接1、鏈接的概念鏈接（Hyperlink）也叫超級鏈接，由源端點和目標(biāo)端點兩部分組成，通常將開始位置的端點稱為源端點（或源錨），而將目標(biāo)位置的端點稱為目標(biāo)端點（或目標(biāo)錨）。鏈接就是由源端點到目標(biāo)端點的一種跳轉(zhuǎn)。認(rèn)識超鏈接2、鏈接的路徑一般來說，DreamweaverCC允許的路徑有三種，即絕對路徑、相對路徑和根相對路徑。URL(UniformResourceLocator，統(tǒng)一資源定位符)是互聯(lián)網(wǎng)上標(biāo)準(zhǔn)資源的地址，由三部分組成：協(xié)議類型、存放資源的主機(jī)域名、資源文件名。如/index.php絕對路徑：被鏈接文件的完整URL。相對路徑：以當(dāng)前文檔所在的位置為起點到被鏈接文檔經(jīng)由的路徑。根相對路徑：提供從站點根文件夾到被鏈接文檔所經(jīng)過的路徑。二、添加超級鏈接

介紹各種超級鏈接的添加方法。添加超鏈接1、添加文本鏈接添加鏈接的方法有三種。第一種，使用菜單命令創(chuàng)建鏈接。選中需要創(chuàng)建鏈接的文字，單擊【插入】——【hyperlink】菜單命令。第二種，使用屬性面板創(chuàng)建鏈接。第三種，使用【指向文件】按鈕創(chuàng)建鏈接。2、添加圖像鏈接

與添加文本鏈接的方法相同。添加超鏈接

添加外部鏈接是指將網(wǎng)頁中的文字或圖像，與站點外的文檔，或與Internet上的網(wǎng)站相鏈接。3、添加外部鏈接4、添加電子郵件鏈接

添加電子郵件鏈接的方法有兩種。第一種，使用菜單命令創(chuàng)建鏈接。選中需要創(chuàng)建鏈接的文字，單擊【插入】——【HTML】——【電子郵件鏈接】菜單命令。

第二種，使用屬性面板創(chuàng)建鏈接。添加超鏈接

添加下載文件鏈接與一般鏈接的創(chuàng)建方法相同，只是所鏈接的內(nèi)容是一個文件。5、添加下載文件鏈接6、添加空鏈接

空鏈接也稱虛擬鏈接，是指沒有指定的鏈接，不打開鏈接目標(biāo)，常用于返回頁面頂端，或什么也不做。添加超鏈接1）什么是錨點？

錨點是在網(wǎng)頁文檔中設(shè)置的一個標(biāo)記，便于以后引用。2）為什么要設(shè)置錨點？

通過創(chuàng)建錨點，可以使鏈接指向當(dāng)前文檔中指定的位置。3）怎樣實現(xiàn)錨點鏈接？第一步：將網(wǎng)頁的某一處設(shè)置為錨點，并為其命名；<aname=“a1”></a><aid=“a2”></a>

第二步：在源端點處建立該錨點的超級鏈接。<ahref=“#a1”></a>7、添加錨記鏈接添加超鏈接

在網(wǎng)頁中，不但可以單擊整幅圖像跳轉(zhuǎn)到鏈接文檔，也可以單擊圖像中的不同區(qū)域而跳轉(zhuǎn)到不同的鏈接文檔。通常將處于一幅圖像上的多個鏈接區(qū)域稱為熱點。8、添加圖像熱點鏈接9、添加腳本鏈接

腳本鏈接可以執(zhí)行JavaScirpt代碼或調(diào)用JavaScript函數(shù)。選擇文本，在【鏈接】文本框里輸入J