《超級鏈接的應(yīng)用》PPT課件.ppt

《《超級鏈接的應(yīng)用》PPT課件.ppt》由會員分享，可在線閱讀，更多相關(guān)《《超級鏈接的應(yīng)用》PPT課件.ppt（14頁珍藏版）》請在裝配圖網(wǎng)上搜索。

2020/5/19,中原工學院信息商務(wù)學院計科系,1,第七章,超級鏈接的應(yīng)用,2020/5/19,中原工學院信息商務(wù)學院計科系,2,7.1超級鏈接概述,超鏈接是網(wǎng)頁中重要組成部分，利用它不僅可以鏈接到其他網(wǎng)頁，還可以鏈接到其他圖像文件、多媒體文件及下載程序，也可以利用它在網(wǎng)頁內(nèi)部進行鏈接或是發(fā)送E-mail等。在Dreamweaver中，可以將文檔中的任何文字及任意位置的圖片設(shè)置為超鏈接。超鏈接分類：按照鏈接路徑的不同，網(wǎng)頁中超鏈接一般分為:內(nèi)部鏈接，錨點鏈接和外部鏈接。按照使用對象的不同，網(wǎng)頁中的鏈接又可以分為：文本超鏈接，圖像鏈接，E-mail鏈接，文件鏈接，空鏈接，腳本鏈接等。,2020/5/19,中原工學院信息商務(wù)學院計科系,3,7.1.1URL的概念,URL代表全球資源定位器，其功能提供一種在Internet上查找東西的標準方法。由斜線、冒號、散列符號分隔。超文本傳輸協(xié)議（HTTP）：以訪問資源的方式來尋找Web服務(wù)器的方式。,2020/5/19,中原工學院信息商務(wù)學院計科系,4,7.1.2路徑的概念,在網(wǎng)頁中，最常用的鏈接對象是鏈接路徑。鏈接路徑分為絕對路徑和相對路徑。絕對路徑是一個完整的路徑地址，如：,2020/5/19,中原工學院信息商務(wù)學院計科系,5,7.2創(chuàng)建超級鏈接,文檔鏈接錨點鏈接E-mail鏈接腳本鏈接空鏈接下載文件鏈接,2020/5/19,中原工學院信息商務(wù)學院計科系,6,創(chuàng)建普通超鏈接,點擊,絕對路徑,效果圖,,,,,相對路徑,選擇,,,,相對于Untitled-1.html這個網(wǎng)頁,創(chuàng)建文本鏈接,2020/5/19,中原工學院信息商務(wù)學院計科系,7,創(chuàng)建普通超鏈接,目標屬性（target）的四個值：_blank：在新窗口打開鏈接；_self：在原窗口打開鏈接；（默認值）_top：在整個窗口中打開鏈接，在有框架的頁面中才有效果，否則效果和_self看到的一樣；_parent：在父框架中打開鏈接，如果含有該鏈接的框架不是嵌套的，則效果_top。說明：圖像超鏈接本質(zhì)就是將的元素內(nèi)容由文本替換為圖像而已，我們可以直接選中圖像后，在【屬性】面板中對【鏈接】和【目標】兩欄進行設(shè)置就可以為圖像設(shè)置超鏈接了。,2020/5/19,中原工學院信息商務(wù)學院計科系,8,創(chuàng)建錨點鏈接（書簽鏈接）,它用于那些內(nèi)容龐大繁瑣的網(wǎng)頁，通過點擊命名錨點，不僅讓我們能指向文檔，還能指向頁面里的特定段落，讓鏈接對象更加精準、細粒度化，便于瀏覽者查看網(wǎng)頁內(nèi)容。第一步：在需要鏈接到的位置處創(chuàng)建命名錨點第二步：鏈接到的剛創(chuàng)建的命名錨點創(chuàng)建一個普通的超鏈接，將【鏈接】文本框的值設(shè)置為：#+剛才創(chuàng)建的錨點名稱（#to_logo）就可以了。,點擊,,設(shè)置錨點名字,,,代碼,2020/5/19,中原工學院信息商務(wù)學院計科系,9,創(chuàng)建Email鏈接和空鏈接,E-mail鏈接：是指鏈接對象是一個E-mail地址的鏈接?？真溄樱菏侵告溄訉ο笫且粋€#的鏈接。有的時候，鏈接對象還未確定，又想讓元素顯示為鏈接時，可以使用它。當點擊空鏈接時，某些瀏覽器可能會跳到頁面的頂部。,點擊,,,設(shè)置E-mail鏈接的屬性,我的郵箱,代碼,2020/5/19,中原工學院信息商務(wù)學院計科系,10,創(chuàng)建腳本鏈接,腳本鏈接：是指鏈接對象是一段JavaScript腳本或一個JavaScript函數(shù)名的鏈接。使用這種鏈接，我們可以調(diào)用一段JS腳本，以實現(xiàn)某些特殊效果。Javascript:alert(‘……’),,點擊鏈接后的彈出窗口,2020/5/19,中原工學院信息商務(wù)學院計科系,11,7.3創(chuàng)建圖像映射鏈接,如果只想給圖像的某些區(qū)域添加鏈接，點擊不同的區(qū)域可以打開不同的鏈接，這樣的鏈接就叫做圖像熱點鏈接，圖像的帶鏈接的區(qū)域就稱為熱點。選中要創(chuàng)建圖像熱點鏈接的圖像，在【屬性】面板的如下區(qū)域進行設(shè)置：以上四個按鈕從左到右，分別為如下工具：選擇工具：可以對熱點區(qū)域進行選擇和調(diào)整；矩形工具按鈕：繪制一個矩形的熱點區(qū)域；,創(chuàng)建圖像熱點鏈接的工具,2020/5/19,中原工學院信息商務(wù)學院計科系,12,創(chuàng)建圖像映射鏈接,圓形工具按鈕：繪制一個圓形的熱點區(qū)域；多邊形工具按鈕：繪制一個不規(guī)則多邊形的熱點區(qū)域。,創(chuàng)建圖像熱點鏈接的工具,2020/5/19,中原工學院信息商務(wù)學院計科系,13,創(chuàng)建圖像熱點鏈接,,距形熱點,圓形熱點,多邊形熱點,用選擇工具選中相應(yīng)的熱點區(qū)域后，即可在【屬性】面板設(shè)置它的鏈接地址等信息,圖像左上角的坐標是（0,0）,2020/5/19,中原工學院信息商務(wù)學院計科系,14,創(chuàng)建圖像熱點鏈接,上圖的HTML代碼：,