007超級鏈接和站點導(dǎo)航

Dreamweaver——《Dreamweaver

8

實訓(xùn)教程》講義第7章超級鏈接和站點導(dǎo)航重點內(nèi)容：

超級鏈接的創(chuàng)建CSS樣式改變超級鏈接樣式添加導(dǎo)航條1Dreamweaver應(yīng)用技術(shù)——《Dreamweaver

8

實訓(xùn)教程》講義一、超級鏈接的創(chuàng)建：1.創(chuàng)建文本超級鏈接默認(rèn)情況下，為文字設(shè)置鏈接屬性后，該文字的顏色會變?yōu)樗{色，且被添加下畫線。2Dreamweaver應(yīng)用技術(shù)——《Dreamweaver

8

實訓(xùn)教程》講義一、超級鏈接的創(chuàng)建：1.創(chuàng)建文本超級鏈接

在Dreamweaver中為文字添加超鏈接的方法有以下3種：（1）直接在【鏈接】文本框中輸入鏈接目標(biāo)。（2）單擊【鏈接】文本框右側(cè)的文件夾圖標(biāo)，從彈出的對話框中選擇鏈接目標(biāo)。（3）將【鏈接】文本框右側(cè)的【指向文件】圖標(biāo)拖動至【文件】面板中要鏈接的對象上，然后松開鼠標(biāo)鍵。3Dreamweaver應(yīng)用技術(shù)——《Dreamweaver

8

實訓(xùn)教程》講義一、超級鏈接的創(chuàng)建：2.創(chuàng)建圖像超級鏈接為選定的整幅圖像創(chuàng)建單獨的超級鏈接：（1）在屬性檢查器的【鏈接】文本框中輸入鏈接目標(biāo)。（2）單擊【鏈接】文本框右側(cè)的文件夾圖標(biāo)，從彈出的對話框中選擇鏈接目標(biāo)。（3）將【鏈接】文本框右側(cè)的【指向文件】圖標(biāo)拖動至【文件】面板中要鏈接的對象上。4Dreamweaver應(yīng)用技術(shù)——《Dreamweaver

8

實訓(xùn)教程》講義一、超級鏈接的創(chuàng)建：2.創(chuàng)建圖像超級鏈接為圖像的一部分添加超級鏈接：先用屬性檢查器中的熱點工具為圖像區(qū)域設(shè)置熱點，然后用屬性檢查器為熱點設(shè)置超級鏈接。（1）橢圓形熱點（2）矩形熱點（3）不規(guī)則形狀熱點5Dreamweaver應(yīng)用技術(shù)——《Dreamweaver

8

實訓(xùn)教程》講義一、超級鏈接的創(chuàng)建：3.創(chuàng)建E-mail超級鏈接將插入點放置在所需位置，或者選擇相應(yīng)的載體，然后單擊【插入】工具欄【插入】類別中的【電子郵件鏈接】按鈕，彈出【電子郵件鏈接】對話框，輸入鏈接文本（如果沒有事先選中的話）和自己的E-mail地址。【電子郵件鏈接】對話框6Dreamweaver應(yīng)用技術(shù)——《Dreamweaver

8

實訓(xùn)教程》講義一、超級鏈接的創(chuàng)建：4.使用錨記創(chuàng)建錨記單擊【插入】工具欄【常用】類別中的【命名錨記】按鈕，或者選擇【插入】|【命名錨記】命令，彈出【命名錨記】對話框。在【錨記名稱】文本框中輸入錨記的名稱?！久^記】對話框7Dreamweaver應(yīng)用技術(shù)——《Dreamweaver

8

實訓(xùn)教程》講義一、超級鏈接的創(chuàng)建：4.使用錨記錨記的命名規(guī)則（1）錨記名稱的第1個字符最好是英文字母，一般不要以數(shù)字作為開頭（如果服務(wù)器支持的話，錨記名稱也可以使用中文）。（2）錨記名稱區(qū)別英文字母的大小寫。（3）錨記名稱中不能含有空格，也不能含有特殊字符。8Dreamweaver應(yīng)用技術(shù)——《Dreamweaver

8

實訓(xùn)教程》講義一、超級鏈接的創(chuàng)建：4.使用錨記鏈接錨記（1）選擇要鏈接到錨記的文字或圖片，拖動屬性檢查器中的【指向文件】按鈕，指向已創(chuàng)建的錨記。（2）在屬性檢查器中的【鏈接】文本框中輸入“#錨記名稱”。9Dreamweaver應(yīng)用技術(shù)——《Dreamweaver

8

實訓(xùn)教程》講義一、超級鏈接的創(chuàng)建：4.使用錨記創(chuàng)建錨記時的注意事項（1）若要鏈接到當(dāng)前文檔中某個錨記，應(yīng)輸入“#錨記名”，其中#為半角數(shù)字符號，且在#和錨記名之間不存在空格。（2）若要鏈接到同一文件夾內(nèi)其他文檔中的某個錨記，應(yīng)輸入“文檔名#錨記名”。（3）若要鏈接到父目錄中文件的某個錨記，使用相對路徑就可以實現(xiàn)，即輸入“../文件名#錨記名”。（4）若要鏈接到某根目錄下的文件中的某個錨記，需要使用絕對路徑，即輸入“驅(qū)動器/文件名#錨記名”。10Dreamweaver應(yīng)用技術(shù)——《Dreamweaver

8

實訓(xùn)教程》講義二、通過CSS樣式改變超級鏈接樣式：

選擇【文本】|【CSS樣式】|【新建】命令，彈出【新建CSS規(guī)則】對話框，在【選擇器類型】選項組中單擊【高級】單選按鈕，然后在【選擇器】下拉列表框中選擇要設(shè)置的文本超級鏈接的狀態(tài)，單擊【確定】按鈕后，即可在彈出CSS樣式定義對話框中指定文字超級鏈接的CSS樣式?！拘陆–SS規(guī)則】對話框11Dreamweaver應(yīng)用技術(shù)——《Dreamweaver

8

實訓(xùn)教程》講義三、添加導(dǎo)航條：

1.插入導(dǎo)航條選擇【插入】|【圖像對象】|【導(dǎo)航條】命令，或者單擊【插入】工具欄【常規(guī)】類別中的【圖像】按鈕，從彈出的下拉菜單中選擇【導(dǎo)航條】命令，彈出【插入導(dǎo)航條】命令，根據(jù)需要設(shè)置其中的選項，即可創(chuàng)建導(dǎo)航條。12Dreamweaver應(yīng)用技術(shù)——《Dreamweaver

8