《項目五超級鏈接-設(shè)置站點導(dǎo)航網(wǎng)頁.ppt》由會員分享,可在線閱讀,更多相關(guān)《項目五超級鏈接-設(shè)置站點導(dǎo)航網(wǎng)頁.ppt(24頁珍藏版)》請在裝配圖網(wǎng)上搜索。
1、網(wǎng)頁設(shè)計與制作,老虎工作室2012年12月,,項目五 超級鏈接設(shè)置站點導(dǎo)航網(wǎng)頁,,任務(wù)一 設(shè)置文本超級鏈接,任務(wù)二 設(shè)置錨記超級鏈接,,任務(wù)三 設(shè)置電子郵件超級鏈接,,任務(wù)四 設(shè)置圖像和圖像熱點超級鏈接,,實 訓(xùn) 設(shè)置“望兒山的傳說”網(wǎng)頁,在互聯(lián)網(wǎng)中,每個網(wǎng)頁之間都似乎維系著一條看不見的線,無論天涯海角都能在剎那間聯(lián)系起來,這條看不見的線正是“超級鏈接”功能的體現(xiàn)。本項目以設(shè)置站點導(dǎo)航網(wǎng)頁為例,介紹在網(wǎng)頁中設(shè)置超級鏈接的方法。在本項目中,將依次展示文本超級鏈接、錨記超級鏈接、圖像和圖像熱點超級鏈接、電子郵件超級鏈接等鏈接方式。,,任務(wù)一 設(shè)置文本超級鏈接,需要掌握的內(nèi)容主要有: 1、設(shè)置文
2、本超級鏈接的方法 2、設(shè)置空鏈接的方法 3、超級鏈接的種類 4、設(shè)置文本超級鏈接狀態(tài),(1)在主菜單中選擇【插入】【超級鏈接】命令,或在【插入】【常用】面板中單擊 (超級鏈接)按鈕,打開【超級鏈接】對話框。,1、設(shè)置文本超級鏈接的方法,(2)用鼠標中文本,在【屬性】面板的【鏈接】列表文本框中輸入鏈接地址,在【目標】下拉列表中選擇目標窗口打開方式。 【目標】下拉列表中共有4項,【_blank】表示打開一個新的瀏覽器窗口;【_parent】表示回到上一級的瀏覽器窗口;【_self】表示在當前的瀏覽器窗口;【_top】表示回到最頂端的瀏覽器窗口。,,空鏈接是一個未指派目標的鏈接,在【
3、屬性】面板的【鏈接】文本框中輸入“#”即可。通常,建立空鏈接的目的是激活頁面上的對象或文本,使其可以應(yīng)用行為。,2、設(shè)置空鏈接的方法,按照使用對象的不同,網(wǎng)頁中的超級鏈接可以分為:文本超級鏈接、圖像超級鏈接、電子郵件超級鏈接、錨記超級鏈接、空鏈接等。 按照鏈接地址的形式,網(wǎng)頁中的超級鏈接一般又可分為3種。 第一種是絕對URL的超級鏈接,簡單地講就是網(wǎng)絡(luò)上的一個站點或一個網(wǎng)頁的完整路徑。 第二種是相對URL的超級鏈接,如將自己網(wǎng)頁上的某一段文本或某標題鏈接到同一網(wǎng)站的其他網(wǎng)頁上去。 第三種是同一網(wǎng)頁的超級鏈接,這種超級鏈接又叫錨記超級鏈接。,3、超級鏈接的種類,打開【頁面屬性】對
4、話框,切換至【鏈接】分類,可以設(shè)置鏈接文本的字體、樣式、大小,還可以為【鏈接顏色】、【已訪問鏈接】、【變換圖像鏈接】和【活動鏈接】設(shè)置不同的顏色,并設(shè)置【下劃線樣式】。,4、 設(shè)置文本超級鏈接狀態(tài),任務(wù)二 設(shè)置錨記超級鏈接,需要掌握的內(nèi)容主要有: 1、創(chuàng)建命名錨記 2、鏈接命名錨記,1、創(chuàng)建命名錨記,在主菜單中選擇【插入】【命名錨記】命令或者在【插入】【常用】面板中單擊 (命名錨記)按鈕,打開【命名錨記】對話框,在【錨記名稱】文本框中輸入錨記名稱,如“a”。,2、鏈接命名錨記,用鼠標選中文本,然后在【屬性】面板的【鏈接】下拉列表中輸入錨記名稱,如“#a”,或者直接將【鏈接】下拉列表后面
5、的 圖標拖曳到錨記名稱“#a”上。 如果鏈接的目標錨記在其他網(wǎng)頁中,則需要先輸入該網(wǎng)頁的URL地址和名稱,然后再輸入“#”符號和錨記名稱,如“index.htm#a”、“,需要掌握的內(nèi)容主要有: 1、設(shè)置電子郵件超級鏈接的方法 2、電子郵件超級鏈接的組成元素,任務(wù)三 設(shè)置電子郵件超級鏈接,在主菜單中選擇【插入】【電子郵件】命令或在【插入】【常用】面板中單擊 (電子郵件)按鈕,打開【電子郵件鏈接】對話框進行設(shè)置即可。,1、設(shè)置電子郵件超級鏈接的方法,“mailto:”、“”和“.”這3個元素在電子郵件鏈接中是必不可少的。有了它們,才能構(gòu)成一個正確的電子郵件鏈接。,2、電子郵件超級
6、鏈接的組成元素,任務(wù)四 設(shè)置圖像和圖像熱點超級鏈接,,需要掌握的內(nèi)容主要有: 1、圖像超級鏈接 2、圖像熱點超級鏈接 3、鼠標經(jīng)過圖像 4、導(dǎo)航條,1、圖像超級鏈接,,用鼠標選中圖像,然后在【屬性】面板的【鏈接】文本框中輸入圖像的鏈接地址,并在【目標】下拉列表中定義目標窗口的打開方式。,2、圖像熱點超級鏈接,,用鼠標選中圖像,然后在【屬性】面板中單擊【地圖】下面的 矩形或圓形或多邊形熱點工具按鈕,并將光標移到圖像上,按住鼠標左鍵繪制一個相應(yīng)的區(qū)域,在【屬性】面板中設(shè)置各項參數(shù)即可。 要編輯圖像地圖,可以選擇【屬性】面板中的指針熱點工具按鈕。,3、鼠標經(jīng)過圖像,,使用【插入】/【圖
7、像對象】/【鼠標經(jīng)過圖像】命令打開【插入鼠標經(jīng)過圖像】對話框進行設(shè)置即可。,4、導(dǎo)航條,,使用【插入】/【圖像對象】/【導(dǎo)航條】命令打開【插入導(dǎo)航條】對話框進行設(shè)置即可。,實訓(xùn) 設(shè)置“望兒山的傳說”網(wǎng)頁,本項目主要介紹了在網(wǎng)頁中設(shè)置超級鏈接的基本方法,本實訓(xùn)將讓讀者進一步鞏固所學(xué)的基本知識。 要求:把素材文件復(fù)制到站點根文件夾下,然后根據(jù)操作提示設(shè)置網(wǎng)頁中的超級鏈接。,,,制作“送孟浩然之廣陵”網(wǎng)頁,項目小結(jié),本項目主要介紹了在網(wǎng)頁中設(shè)置超級鏈接的方法,概括起來主要有以下幾點。 超級鏈接的概念和分類。 設(shè)置文本和圖像等普通超級鏈接的基本方法。 創(chuàng)建鼠標經(jīng)過圖像和導(dǎo)航條的基本方法,它們屬于圖像對象的范疇。 通過對這些內(nèi)容的學(xué)習(xí),希望讀者能夠掌握在網(wǎng)頁中設(shè)置超級鏈接的基本方法。,