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

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

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

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

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

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

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

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

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

錨點是在網頁文檔中設置的一個標記，便于以后引用。2）為什么要設置錨點？

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

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

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

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