(教學(xué)課件)chapter5在網(wǎng)頁中建立各種超級鏈接

1、第5章 在網(wǎng)頁中建立各種超鏈接編織網(wǎng)站鏈接計算機基礎(chǔ)教學(xué)部學(xué)習(xí)目標(biāo)了解超鏈接的用途及類型了解與超鏈接相關(guān)的路徑知識掌握在Dreamweaver中創(chuàng)建各種超鏈接的方法網(wǎng)頁設(shè)計與制作實用教程（第3版）計算機工程學(xué)院計算機基礎(chǔ)教研室實訓(xùn)項目需要通過超級鏈接從“慧衡”頁面訪問站內(nèi)其他網(wǎng)頁中的信息并掌握各種形式超鏈接的制作方法。需要設(shè)計:在introduce_link.html文件中建立文本內(nèi)鏈接、外鏈接、空鏈接、腳本鏈接以及E-mail鏈接。在w02.html、w03.html、 w04.html 、 w06.html文件中建立圖像鏈接用以返回introduce_link.html在show.html

2、文件中建立錨點鏈接。在introduce-map.html文件中建立熱點鏈接。在w02.html文件中建立下載鏈接 。網(wǎng)頁設(shè)計與制作實用教程（第3版）計算機工程學(xué)院計算機基礎(chǔ)教研室項目分析設(shè)計思路：創(chuàng)建完成第4章的簡單圖文網(wǎng)頁后，想通過這個頁面訪問到“慧衡科技”各欄目信息，那么怎么樣到達這些欄目所在頁面？有時還想通過頁面使訪問者發(fā)郵件聯(lián)系網(wǎng)站或下載相關(guān)資源，或者訪問站點外其他網(wǎng)站的頁面。在Dreamweaver中可以為網(wǎng)頁上的元素建立各種超鏈接實現(xiàn)頁面間互訪或完成其他任務(wù)。網(wǎng)頁設(shè)計與制作實用教程（第3版）計算機工程學(xué)院計算機基礎(chǔ)教研室設(shè)計目標(biāo)計算機工程學(xué)院計算機基礎(chǔ)教研室網(wǎng)頁設(shè)計與制作實用教程

3、（第3版）預(yù)備知識：超鏈接類型（1）按使用對象進行分類文本鏈接：用文本作鏈接載體，簡單實用。圖像鏈接：用圖像作為鏈接載體能使網(wǎng)頁美觀、生動活潑，它既可以指向單個的鏈接，也可以根據(jù)圖像不同的區(qū)域建立多個鏈接。圖像映像鏈接：將一個圖像用熱點工具分割為若干區(qū)域，然后將這些不同區(qū)域鏈接到不同的頁面。郵件鏈接：當(dāng)訪問者單擊該鏈接時，系統(tǒng)啟動客戶端電子郵件系統(tǒng)。空鏈接：鏈接一個未指派目標(biāo)的超級鏈接。要想對文本設(shè)置行為，并使行為有效，需要為文本建立空鏈接。腳本鏈接：可以執(zhí)行JavaScript代碼或調(diào)用JavaScript函數(shù)，用于在不離開網(wǎng)頁時給訪問者提供項目的特定信息或執(zhí)行其他處理任務(wù)。下載鏈接：用于下

4、載網(wǎng)站提供的資源。用戶單擊后會出現(xiàn)下載界面。網(wǎng)頁設(shè)計與制作實用教程（第3版）計算機工程學(xué)院計算機基礎(chǔ)教研室預(yù)備知識：超鏈接類型（2）按鏈接路徑進行分類內(nèi)部鏈接：同一網(wǎng)站內(nèi)文檔之間的鏈接。外部鏈接：不同網(wǎng)站文檔之間的鏈接。錨點鏈接：同一網(wǎng)頁或不同網(wǎng)頁中指定位置的鏈接。網(wǎng)頁設(shè)計與制作實用教程（第3版）計算機工程學(xué)院計算機基礎(chǔ)教研室預(yù)備知識：文件路徑（1）絕對路徑：使用完整的URL指定目標(biāo)網(wǎng)頁，是包含服務(wù)器協(xié)議的完全路徑，通常使用HTTP:/或FTP:/來表示。當(dāng)需要連接到Internet上的其他網(wǎng)頁時，必須用絕對路徑。（2）相對路徑：相對路徑用以表述源端點和目錄端點的相互位置，即指所鏈接的目標(biāo)文檔

5、的位置和當(dāng)前源端點所在文檔的文件夾相對的路徑。對于目標(biāo)文件在本站點中的鏈接來說，應(yīng)用相對路徑。（3）根路徑：根路徑是相對站點根文件夾到文檔的路徑。根路徑以一個正斜杠開頭，用以表示站點根文件夾。根路徑常用于鏈接那些站點根目錄要經(jīng)常移動的鏈接。網(wǎng)頁設(shè)計與制作實用教程（第3版）計算機工程學(xué)院計算機基礎(chǔ)教研室制作流程任務(wù)1：創(chuàng)建文本鏈接任務(wù)3：創(chuàng)建錨點鏈接任務(wù)4：制作熱區(qū)并創(chuàng)建熱點鏈接任務(wù)2：創(chuàng)建圖像鏈接網(wǎng)頁設(shè)計與制作實用教程（第3版）計算機工程學(xué)院計算機基礎(chǔ)教研室任務(wù)5：創(chuàng)建其他鏈接任務(wù)1 創(chuàng)建文本鏈接1創(chuàng)建文本內(nèi)部超鏈接2創(chuàng)建文本外部超鏈接網(wǎng)頁設(shè)計與制作實用教程（第3版）計算機工程學(xué)院計算機基礎(chǔ)教

6、研室STEP計算機工程學(xué)院計算機基礎(chǔ)教研室網(wǎng)頁設(shè)計與制作實用教程（第3版）為文本“方案” 、“技術(shù)”、“服務(wù)”、“設(shè)計”、“案例”、“培訓(xùn)”和“慧衡”創(chuàng)建超鏈接，文本所鏈接的目標(biāo)文件分別為：w01.html、w02.html、w03.html、w04.html、show.html、w06.html、introduce_link.html。為文本“粵ICP備09069737號-1”創(chuàng)建外部超鏈接，鏈接目標(biāo)為工信部網(wǎng)址：“http:/”為w04.html、 w02.html、w03.html、w06.html上面的返回按鈕制作圖像超鏈接，返回的目標(biāo)文件均為“introduce.html”。任務(wù)2

7、創(chuàng)建圖像鏈接計算機工程學(xué)院計算機基礎(chǔ)教研室網(wǎng)頁設(shè)計與制作實用教程（第3版）任務(wù)3 創(chuàng)建錨點鏈接1創(chuàng)建錨點2創(chuàng)建錨點鏈接網(wǎng)頁設(shè)計與制作實用教程（第3版）計算機工程學(xué)院計算機基礎(chǔ)教研室STEP計算機工程學(xué)院計算機基礎(chǔ)教研室網(wǎng)頁設(shè)計與制作實用教程（第3版）在頁面下方（內(nèi)容區(qū)域）的各網(wǎng)站名稱前依次定義錨點（錨點名稱依次命名為：website1，website2，website3，website18）為頁面上方（網(wǎng)站名稱列表）的各網(wǎng)站名稱依次建立錨點鏈接，使瀏覽者點擊頁面上方各網(wǎng)站名稱的文字后就會跳轉(zhuǎn)到對應(yīng)網(wǎng)站的案例展示位置。任務(wù)4 制作熱區(qū)并創(chuàng)建熱點鏈接1分割圖像制作熱區(qū)2為熱區(qū)創(chuàng)建熱點鏈接網(wǎng)頁設(shè)計與制作實用教程（第3版）計算機工程學(xué)院計算機基礎(chǔ)教研室任務(wù)5 創(chuàng)建其他鏈接創(chuàng)建空鏈接創(chuàng)建腳本鏈接創(chuàng)建電子郵件鏈接創(chuàng)建下載鏈接計算機工程學(xué)院計算機基礎(chǔ)教研室網(wǎng)頁設(shè)計與制作實用教程（第3版）STEP1、2：創(chuàng)建空鏈接和腳本鏈接網(wǎng)頁設(shè)計與制作實用教程（第3版）計算機工程學(xué)院計算機基礎(chǔ)教研室腳本鏈接空鏈接STEP3：創(chuàng)建E-mail鏈接網(wǎng)頁設(shè)計與制作實用教程（第3版）計算機工程學(xué)院計算機基礎(chǔ)教研室STEP4：創(chuàng)建下載鏈接網(wǎng)頁設(shè)計與制作實用教程（第3版）計算機工程學(xué)院計算機基礎(chǔ)教研室項目總結(jié)計算機工程學(xué)院計算機基礎(chǔ)教研室網(wǎng)頁設(shè)計與制作實用教程（第3版）