資源描述:
《Dreamweaver網(wǎng)頁(yè)制作教程 第6章 超級(jí)連接》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。
1、第6章超級(jí)連接課前復(fù)習(xí)Flash對(duì)象的類型:Flash文件(.fla)Flash動(dòng)畫影片文件(.swf)Flash模板文件(.swt)Flash元素文件(.swc)Flash視頻文件格式添加背景音樂3.插入Shockwave影片本章要點(diǎn)路徑超級(jí)鏈接的類型創(chuàng)建內(nèi)部超級(jí)鏈接創(chuàng)建外部超級(jí)鏈接創(chuàng)建電子郵件鏈接創(chuàng)建錨記鏈接圖像映射6.1超級(jí)鏈接的概念什么是超級(jí)連接超級(jí)鏈接的類型網(wǎng)頁(yè)中的超級(jí)鏈接一般分為外部鏈接、內(nèi)部鏈接、郵件鏈接和錨點(diǎn)鏈接等四種類型。路徑絕對(duì)路徑相對(duì)路徑6.2創(chuàng)建超級(jí)鏈接使用屬性檢查
2、器創(chuàng)建鏈接1)在“文檔”窗口的“設(shè)計(jì)”視圖中選擇文本或圖像。2)打開屬性檢查器(“窗口”>“屬性”),如圖5-2所示。單擊“鏈接”文本框右側(cè)的文件夾圖標(biāo),以通過(guò)瀏覽選擇一個(gè)文件?;蛟凇版溄印蔽谋究蛑墟I入文檔的路徑和文件名。3)從“目標(biāo)”彈出菜單中,選擇文檔打開的位置。若要使所鏈接的文檔出現(xiàn)在當(dāng)前窗口或框架以外的其它位置,可從屬性檢查器的“目標(biāo)”彈出菜單中選擇一個(gè)選項(xiàng):_blank將鏈接的文檔載入一個(gè)新的、未命名的瀏覽器窗口。_parent將鏈接的文檔載入該鏈接所在框架的父框架或父窗口。如果包含鏈接的框架不是嵌套框架,則所鏈接的文檔載入整個(gè)瀏覽器窗口。_self將鏈接
3、的文檔載入鏈接所在的同一框架或窗口。此目標(biāo)是默認(rèn)的,所以通常不需要指定它。_top將鏈接的文檔載入整個(gè)瀏覽器窗口,從而刪除所有框架。使用“指向文件”圖標(biāo)創(chuàng)建鏈接1.使用“指向文件”圖標(biāo)鏈接創(chuàng)建鏈接1)在“文檔”窗口的“設(shè)計(jì)”視圖中選擇文本或圖像。2)拖動(dòng)屬性檢查器中“鏈接”文本框右側(cè)的“指向文件”圖標(biāo),然后指向另一個(gè)打開的文檔、已打開文檔中的可見錨記或者指向“文件”面板中的一個(gè)文檔?!版溄印蔽谋究?qū)⒏拢燥@示該鏈接。4)釋放鼠標(biāo)按鈕。2.從已打開文檔中的選定內(nèi)容創(chuàng)建鏈接1)在“文檔”窗口中選擇文本。2)按下Shift鍵,從選定內(nèi)容處開始拖動(dòng)。在拖動(dòng)過(guò)程中,出現(xiàn)“指
4、向文件”圖標(biāo)。3)指向其它打開的文檔、已打開文檔中的可見錨記,或者指向“文件”面板中的一個(gè)文檔。4)釋放鼠標(biāo)按鈕使用菜單命令創(chuàng)建鏈接“超級(jí)鏈接”命令可以創(chuàng)建到圖像、對(duì)象或其它文檔或文件的文本鏈接。1)將插入點(diǎn)放在文檔中希望出現(xiàn)超級(jí)鏈接的位置。2)選擇“插入”>“超級(jí)鏈接”或在“插入”欄的“常用”類別中,單擊“超級(jí)鏈接”按鈕。出現(xiàn)“超級(jí)鏈接”對(duì)話框。3)完成對(duì)話框。4)單擊“確定”。例6-1(6_1.html)創(chuàng)建內(nèi)部超級(jí)鏈接。鏈接到文檔中的特定位置創(chuàng)建到命名錨記的鏈接的過(guò)程分為兩步。首先,創(chuàng)建命名錨記,然后創(chuàng)建到該命名錨記的鏈接。1.創(chuàng)建命名錨記選擇“插入”>“命名
5、錨記”。按下Ctrl+Alt+A。在“插入”欄的“常用”類別中,單擊“命名錨記”按鈕。出現(xiàn)“命名錨記”對(duì)話框。如圖6-4。在“錨記名稱”文本框中,鍵入錨記的名稱,并單擊“確定”。2.鏈接到命名錨記例6-2(6_2.html)創(chuàng)建命名錨記的鏈接1)在廈門特產(chǎn)網(wǎng)中打開xmtc.html。2)在網(wǎng)頁(yè)上部選擇文字“特產(chǎn)介紹”。3)在“插入”欄的“常用”類別中,單擊“命名錨記”按鈕,打開“命名錨記對(duì)話框,完成對(duì)話框。在文本框中輸入:top。如圖6-4所示。4)單擊“確定”按鈕。5)在網(wǎng)頁(yè)底部輸入文字“返回頭部”,并選擇該文本。6)在屬性檢查器的“鏈接”文本框中,鍵入#top。
6、7)保存,按快捷鍵F12預(yù)覽。8)單擊“返回頭部”,可以轉(zhuǎn)向頭部,方便瀏覽。創(chuàng)建電子郵件鏈接單擊電子郵件鏈接時(shí),該鏈接打開一個(gè)新的空白信息窗口(使用的是與用戶瀏覽器相關(guān)聯(lián)的郵件程序)。在電子郵件消息窗口中,“收件人”文本框自動(dòng)更新為顯示電子郵件鏈接中指定的地址。1.使用“插入電子郵件鏈接”命令創(chuàng)建電子郵件鏈接1)在“文檔”窗口的“設(shè)計(jì)”視圖中,將插入點(diǎn)放在希望出現(xiàn)電子郵件鏈接的位置,或者選擇要作為電子郵件鏈接出現(xiàn)的文本或圖像。2)選擇“插入”>“電子郵件鏈接”?;蛟凇安迦搿睓诘摹俺S谩鳖悇e中,單擊“插入電子郵件鏈接”按鈕。出現(xiàn)“電子郵件鏈接”對(duì)話框。例6-3(6_3
7、.html)創(chuàng)建電子郵件鏈接1)在廈門特產(chǎn)網(wǎng)中打開主頁(yè)index.html。2)在第3行導(dǎo)航條內(nèi)選擇文字“聯(lián)系我們”。3)單擊“插入”欄的“常用”類別中的“電子郵件鏈接按鈕”,打開“電子郵件鏈接”對(duì)話框,完成對(duì)話框?!拔谋尽保郝?lián)系我們“E-Mail”:nfxxy@163.com(3)單擊“確定”按鈕。4)保存,按快捷鍵F12預(yù)覽。5)單擊“聯(lián)系我們“,打開OutlookEpress新郵件對(duì)話框。6.3使用圖像地圖1.插入客戶端圖像地圖1)在“文檔”窗口中,選擇圖像。2)在屬性檢查器中,單擊右下角的展開箭頭,查看所有屬性。3)在“地圖名稱”文本框中為該圖像地圖輸入