03-建立網(wǎng)頁鏈接.ppt

1、第三章建立網(wǎng)頁鏈接,本章重點(diǎn)：內(nèi)部鏈接、外部鏈接、錨點(diǎn)鏈接、E-mail鏈接的創(chuàng)建方法。,第三章建立網(wǎng)頁鏈接,3.1 編織網(wǎng)站鏈接足球新聞 3.2超鏈接概述 3.3 實(shí)戰(zhàn)演練每周星運(yùn),3.1 編織網(wǎng)站鏈接足球新聞,3.1.1 案例綜述 本例以編織網(wǎng)站中的各種超鏈接為主要目的，介紹創(chuàng)建超鏈接種種方法和技巧,3.1 編織網(wǎng)站鏈接足球新聞,3.1.2 案例分析 為實(shí)現(xiàn)網(wǎng)頁的跳轉(zhuǎn)，將創(chuàng)建： 到網(wǎng)站內(nèi)頁面的超鏈接內(nèi)部鏈接； 到網(wǎng)站外頁面的超鏈接外部鏈接； 電子郵件形式的超鏈接E-mail鏈接； 到網(wǎng)頁某一特定位置的超鏈接錨點(diǎn)鏈接； 以及其他一些鏈接。,3.1 編織網(wǎng)站鏈接足球新聞,3.1.3 實(shí)現(xiàn)步驟

2、一、準(zhǔn)備網(wǎng)頁內(nèi)容 步驟1選中站點(diǎn)； 步驟2將素材文件夾中的相關(guān)文檔復(fù)制到站點(diǎn)文件夾下。 二、創(chuàng)建超鏈接,1、創(chuàng)建內(nèi)部鏈接 網(wǎng)站內(nèi)部頁面之間創(chuàng)建相互鏈接關(guān)系 步驟1選中頁面中的文字或圖像，在屬性面板中單擊“鏈接”文本框右側(cè)的文件夾圖標(biāo)，以通過瀏覽選擇一個(gè)文件 步驟2從“目標(biāo)”下拉菜單中，選擇文檔的打開位置。 _blank :新打開的空窗口 _parent：如果是嵌套的框架，則在父框架中打開。 _self：會在當(dāng)前網(wǎng)頁所在的窗口或框架中打開。 _top：會在完整的瀏覽器窗口中打開。,3.1 編織網(wǎng)站鏈接足球新聞,2、創(chuàng)建外部鏈接 創(chuàng)建鏈接到絕對地址的外部鏈接 選中文字或圖像之后，直接在屬性面板的“

3、鏈接”文本框中輸入外部的鏈接地址，如 然后在“目標(biāo)”下拉菜單中設(shè)置這個(gè)鏈接的目標(biāo)窗口。,3.1 編織網(wǎng)站鏈接足球新聞,3、創(chuàng)建Email鏈接 當(dāng)瀏覽者單擊電子郵件鏈接時(shí)，可即時(shí)打開瀏覽器默認(rèn)的電子郵件程序處理程序。 方法： 選中文本和圖像 插入欄常用電子郵件鏈接輸入郵件地址 或在屬性面板的鏈接欄中直接輸入 mailto:郵件地址,3.1 編織網(wǎng)站鏈接足球新聞,4、錨點(diǎn)鏈接 是指同一個(gè)頁面中的不同位置鏈接。 分為兩步： 創(chuàng)建命名錨記，就是在文檔中設(shè)置位置標(biāo)記，并給該位置一個(gè)名稱，以便引用。 創(chuàng)建到命名錨記的鏈接,3.1 編織網(wǎng)站鏈接足球新聞,創(chuàng)建命名錨記 將光標(biāo)定位在要設(shè)置標(biāo)記的位置， 插入欄命

4、名錨記輸入錨記名稱（注意：區(qū)分大小寫） 創(chuàng)建到命名錨記的鏈接 選擇要創(chuàng)建鏈接的文本或圖像 在屬性面板的鏈接文本框中，鍵入號和錨記名稱 或在瀏覽對話框中，選中要鏈接的文件后加和錨記名稱。,3.1 編織網(wǎng)站鏈接足球新聞,5、創(chuàng)建其他類型的鏈接 （1）創(chuàng)建下載鏈接 當(dāng)被鏈接的文件是exe文件或zip文件等瀏覽器不支持的類型時(shí)，這些文件會被下載，這就是網(wǎng)上下載的方法。 鏈接到下載文件的方法，和鏈接到網(wǎng)頁的方法完全一樣。,3.1 編織網(wǎng)站鏈接足球新聞,5、創(chuàng)建其他類型的鏈接 （2）、創(chuàng)建空鏈接 空鏈接用來激活頁面中的對象或文本。當(dāng)文本或?qū)ο蟊患せ詈?，可以為之添加行為?方法：選中要制作空鏈接的對象，在鏈

5、接文本框中直接輸入。 在一般站點(diǎn)首頁的導(dǎo)航欄中的首頁鏈接，就可以是一個(gè)空鏈接,3.1 編織網(wǎng)站鏈接足球新聞,6、創(chuàng)建跳轉(zhuǎn)菜單 跳轉(zhuǎn)菜單是文檔中的彈出式菜單，可以創(chuàng)建到可在瀏覽器中打開的任何文件類型的鏈接。 方法： 插入欄表單跳轉(zhuǎn)菜單 在“插入跳轉(zhuǎn)菜單”對話框中，單擊號添加菜單項(xiàng) 在“選擇時(shí)。轉(zhuǎn)到URL”文本框中，輸入該文件的路徑。,3.1 編織網(wǎng)站鏈接足球新聞,7、創(chuàng)建圖像地圖 圖像地圖指已被分為多個(gè)區(qū)域（熱點(diǎn)）的圖像。當(dāng)用戶單擊某個(gè)熱點(diǎn)時(shí)，會發(fā)生某種操作。 方法： 選中圖像 在圖像屬性面板中，使用熱區(qū)工具（矩形、橢圓、多邊形），在圖像上劃分熱區(qū)。 為繪制的每一個(gè)熱區(qū)設(shè)置不同的鏈接地址和替代文

6、字。,3.1 編織網(wǎng)站鏈接足球新聞,3.2 超鏈接概述,3.2.1 超鏈接的類型 內(nèi)部鏈接這種鏈接的目標(biāo)端點(diǎn)是本站中的其他文檔。利用這種鏈接，可以跳轉(zhuǎn)到本站點(diǎn)其他的頁面上。 外部鏈接這種鏈接的目標(biāo)端點(diǎn)是本站點(diǎn)之外的站點(diǎn)或文檔。利用這種鏈接，可以跳轉(zhuǎn)到其他的網(wǎng)站上。,3.2 超鏈接概述,3.2.1 超鏈接的類型 Email鏈接單擊這種鏈接，可以啟動電子郵件程序書寫郵件，并發(fā)送到指定的地址。 錨點(diǎn)鏈接這種鏈接的目標(biāo)端點(diǎn)是文檔中的命名錨記，利用這種鏈接，可以跳轉(zhuǎn)到當(dāng)前文檔中的某一指定位置上，也可以跳轉(zhuǎn)到其他文檔中的某一指定位置上。,3.2 超鏈接概述,3.2.2 鏈接路徑 （1）絕對路徑：如果在鏈接

7、中使用完整的URL地址，這種鏈接路徑就稱作絕對路徑。路徑同鏈接的源端點(diǎn)無關(guān)。 （2）相對路徑：相對路徑可以表述源端點(diǎn)同目標(biāo)端點(diǎn)之間的相互位置，它同源端點(diǎn)的位置密切相關(guān)。 （3）基于目錄的路徑：所有的路徑都是從站點(diǎn)的根目錄開始的，它同源端點(diǎn)的位置無關(guān)。通常用一個(gè)斜線“/”表示根目錄。,3.2 超鏈接概述,3.2.3創(chuàng)建超鏈接 在文檔窗口中選中想作為鏈接的文本或圖片 在屬性面板鏈接一項(xiàng)的空白處填入鏈接的路徑，或者單擊圖標(biāo)，在彈出的【選擇文件】對話框中，選定要鏈接的文檔及采用哪種方式表達(dá)路徑。 鏈接的對象可以是多樣的，如圖片文件，電子表格，或者某個(gè)網(wǎng)站。,3.2.4 插入導(dǎo)航條 導(dǎo)航條中按鈕圖像的狀態(tài)根據(jù)瀏覽者的鼠標(biāo)動作而改變。 方法： 1、將光標(biāo)放到要插入導(dǎo)航條的位置； 2、選擇插入|圖像對象|導(dǎo)航條命令 ； 3、或選擇插入|常用|圖像|導(dǎo)航條命令。,3.2 超鏈接概述,一、實(shí)戰(zhàn)