網(wǎng)頁設(shè)計與制作項目7超鏈接(編輯修改稿)
2024-09-01 10:24 本頁面
【文章內(nèi)容簡介】 】面板設(shè)置外部超級鏈接 選擇文本 網(wǎng)頁制作 步驟 9 單擊“預(yù)覽”按鈕 ，在網(wǎng)頁中單擊“火車時刻表”文本，即可跳轉(zhuǎn)到外部鏈接網(wǎng)頁。 步驟 10 在“目的地”頁面上，選擇“關(guān)閉窗口”文本，在【屬性】面板上“鏈接（ L）”文本框中直接輸入“ javascript:()”，可實現(xiàn)腳本鏈接，如圖所示。 【屬性】面板設(shè)置腳本鏈接 網(wǎng)頁制作 步驟 11 單擊“預(yù)覽”按鈕 ，在網(wǎng)頁中單擊“關(guān)閉窗口”文本，出現(xiàn)如圖所示關(guān)閉網(wǎng)頁的提示框。單擊“是”按鈕即可關(guān)閉當(dāng)前網(wǎng)頁。 關(guān)閉窗口提示框 知識鏈接 網(wǎng)上沖浪時， 網(wǎng)上沖浪時，在 Web頁面中從一個頁面跳轉(zhuǎn)到另一個頁面，即超級鏈接。通過設(shè)定超級鏈接把網(wǎng)上的資源鏈接起來，瀏覽者無須知道資源在哪里，也不會因為資源在“千里之外”就無法訪問。這就是 Web與其他媒體的最大區(qū)別和優(yōu)勢所在，不受地域、距離和時間的限制。 1．超鏈接的概念 所謂超鏈接就是瀏覽者可以通過點擊設(shè)置超鏈接的文字、圖像等網(wǎng)頁元素來訪問與其鏈接的頁面、圖像等網(wǎng)頁元素或網(wǎng)站。 Dreamweaver提供了多種創(chuàng)建鏈接的方法，可創(chuàng)建到文檔、圖像、多媒體文件或可下載軟件的鏈接，可以建立到文檔內(nèi)任意位置的任何文本或圖像的鏈接，包括標(biāo)題、列表、表、絕對定位的元素或框架中的文本或圖像。 超級鏈接由源端點和目標(biāo)端點兩部分組成，有超鏈接的一端為源端點（鼠標(biāo)指針指向其上時光標(biāo)形狀為： ），跳轉(zhuǎn)到的頁面為目標(biāo)端點。 超鏈接 超鏈接 2．超鏈接的類型 （ 1）內(nèi)部鏈接 內(nèi)部鏈接可以跳轉(zhuǎn)到本網(wǎng)站內(nèi)其他文檔或文件，如圖形、電影、 PDF或者聲音文件。 （ 2）外部鏈接 外部鏈接可以鏈接到不屬于本網(wǎng)站的資源，豐富網(wǎng)站的內(nèi)容。 （ 3）錨記鏈接 錨記鏈接可以跳轉(zhuǎn)到本站點指定文檔的位置。 （ 4）電子郵件鏈接 電子郵件鏈接可以啟動電子郵件程序，允許用戶書寫電子郵件，并發(fā)送到指定地址。 超鏈接 3．路徑 從一個網(wǎng)頁到另一個網(wǎng)頁的鏈接是通過每個網(wǎng)頁的地址來完成的。每個 Web頁面的唯一的地址，即統(tǒng)一資源定位器 URL。鏈接路徑有三種類型：絕對路徑、相對路徑、站點根目錄相對路徑。 （ 1）絕對路徑 絕對路徑提供所鏈接文檔的完整 URL，而且包括所使用的協(xié)議（如對于 Web頁面，通常使用 HTTP協(xié)議），例如er/。 對于外部鏈接必須使用絕對路徑才能鏈接到其他服務(wù)器上的文檔。對于內(nèi)部鏈接也可以使用絕對路徑鏈接，但是采用絕對路徑不利于站點的移植。通過對內(nèi)部鏈接使用相對路徑，能夠提高文件在站點內(nèi)移動時的靈活性。 超鏈接 （ 2）相對路徑 對于大多數(shù) Web站點的本地鏈接來說，文檔相對路徑通常是最適合的路徑。在當(dāng)前文檔與所鏈接的文檔位于同一文件夾中，而且可能保持這種狀態(tài)的情況下，文檔相對路徑特別有用。文檔的相對路徑還可用于鏈接到其他文件夾中的文檔，方法是利用文件夾層次結(jié)構(gòu)，指定從當(dāng)前文檔到所鏈接文檔的路徑。例如 dreamweaver/。 文檔的相對路徑省略掉對于當(dāng)前文檔和所鏈接的文檔都相同的絕對路徑部分，而只提供不同的路徑部分。例如，某站點的結(jié)構(gòu)如圖所示。 W e b site S u p p o rt p ro d u c ts I n d e x . h tm l （主頁） C o n ten ts . h tm l T i m e . h tm l re so u rc e s T ip tm l C a talo g . h tm l 站點結(jié)構(gòu) 超鏈接 （ 3）站點根目錄相對路徑 站點根目錄相對路徑描述從站點的根文件夾到文檔的路徑。如果在處理使用多個服務(wù)器的大型 Web站點，或者使用承載多個站點的服務(wù)器，則可能需要使用這類型路徑。 站點根目錄相對路徑以一個正斜杠（ /）開始，該正斜杠表示站點根文件夾。例如/support/dreamweaver/。 超鏈接 4．設(shè)置文本超鏈接的屬性 執(zhí)行 【 修改 】 |【 頁頁屬性 】 菜單命令，或在 【 文件名 】 屬性面板上單擊“頁面屬性”按鈕，在彈出的 【 頁頁屬性 】 對話框中設(shè)置文本超鏈接的屬性，如圖所示。 設(shè)置“文本”鏈
范文總結(jié)相關(guān)推薦
鄂ICP備17016276號-1