創(chuàng)建超級(jí)鏈接

創(chuàng)建超級(jí)鏈接第一頁(yè)，共四十七頁(yè)，2022年，8月28日課堂講解

超級(jí)鏈接概念超級(jí)鏈接分類(lèi)創(chuàng)建文本超級(jí)鏈接創(chuàng)建錨鏈接創(chuàng)建空鏈接創(chuàng)建電子郵件超級(jí)鏈接創(chuàng)建圖像超級(jí)鏈接創(chuàng)建下載超鏈接創(chuàng)建導(dǎo)航條第二頁(yè)，共四十七頁(yè)，2022年，8月28日超級(jí)鏈接概念

超級(jí)鏈接是指頁(yè)面對(duì)象之間的鏈接關(guān)系，它網(wǎng)頁(yè)的靈魂，能合理、協(xié)調(diào)地把網(wǎng)站中的各個(gè)元素、頁(yè)面通過(guò)超級(jí)鏈接構(gòu)成了一個(gè)有機(jī)整體，使瀏覽者能快速地訪問(wèn)到想要訪問(wèn)的頁(yè)面。

第三頁(yè)，共四十七頁(yè)，2022年，8月28日超級(jí)鏈接分類(lèi)

絕對(duì)超級(jí)鏈接文檔相對(duì)路徑站點(diǎn)根目錄相對(duì)路徑

第四頁(yè)，共四十七頁(yè)，2022年，8月28日絕對(duì)超級(jí)鏈接

絕對(duì)超級(jí)鏈接就是形如“http://www.china/zh_cn”的超級(jí)鏈接地址，它給出了超級(jí)鏈接目標(biāo)端點(diǎn)完整的URL地址，包括使用的協(xié)議“http://”。一般用于創(chuàng)建站外具有固定地址的超級(jí)鏈接。第五頁(yè)，共四十七頁(yè)，2022年，8月28日文檔相對(duì)路徑

使用文檔相對(duì)路徑不需要給出完整的URL地址，可省去URL地址的協(xié)議，只需保留不同的部分。如pic/logo.gif，這是本地站點(diǎn)超級(jí)鏈接中最常用的鏈接形式。由于相對(duì)超級(jí)鏈接的文件之間相互關(guān)系并沒(méi)有發(fā)生變化，因此使用文檔相對(duì)路徑創(chuàng)建的超級(jí)鏈接在上傳時(shí)可以不用更新各個(gè)超級(jí)鏈接。

第六頁(yè)，共四十七頁(yè)，2022年，8月28日站點(diǎn)根目錄相對(duì)路徑

站點(diǎn)根目錄相對(duì)路徑是形如“/help/help.html”的超級(jí)鏈接地址，它基于站點(diǎn)根目錄，在同一個(gè)站點(diǎn)中網(wǎng)頁(yè)的超級(jí)鏈接也可采用這種方法。

第七頁(yè)，共四十七頁(yè)，2022年，8月28日創(chuàng)建文本超級(jí)鏈接

文本超級(jí)鏈接是最常見(jiàn)的超級(jí)鏈接，通過(guò)使用鼠標(biāo)點(diǎn)擊文本即可從一個(gè)網(wǎng)頁(yè)跳轉(zhuǎn)到另一個(gè)網(wǎng)頁(yè)。第八頁(yè)，共四十七頁(yè)，2022年，8月28日2、創(chuàng)建文字鏈接

（1）選中文本（2）打開(kāi)屬性面板，在【鏈接】文本框里輸入鏈接地址，或指向文件。（3）保存后按F12預(yù)覽，當(dāng)鼠標(biāo)點(diǎn)擊文本時(shí)會(huì)直接鏈接到剛才輸入的網(wǎng)站。第九頁(yè)，共四十七頁(yè)，2022年，8月28日創(chuàng)建錨鏈接

創(chuàng)建命名錨記鏈接命名錨記

第十頁(yè)，共四十七頁(yè)，2022年，8月28日創(chuàng)建命名錨記

在制作網(wǎng)頁(yè)時(shí)，為了達(dá)到跳轉(zhuǎn)到網(wǎng)頁(yè)固定位置的目的，可以使用錨鏈接。通過(guò)對(duì)網(wǎng)頁(yè)中指定位置的命名，利用超級(jí)鏈接打開(kāi)目標(biāo)網(wǎng)頁(yè)時(shí)可直接跳轉(zhuǎn)到相應(yīng)的命名位置上。

第十一頁(yè)，共四十七頁(yè)，2022年，8月28日鏈接命名錨記

創(chuàng)建好錨記之后，必須創(chuàng)建對(duì)應(yīng)的超級(jí)鏈接源端點(diǎn)。第十二頁(yè)，共四十七頁(yè)，2022年，8月28日創(chuàng)建錨記鏈接：（1）復(fù)制一篇文章，在頂部將大綱列出1…..2……3……（2）將光標(biāo)放到每一段前依次添加錨記點(diǎn)，英文命名（3）選中大綱1…….，在屬性面板下【鏈接】中輸入“#英文名”（5）重復(fù)操作，保存F12瀏覽第十三頁(yè)，共四十七頁(yè)，2022年，8月28日創(chuàng)建空鏈接

要想對(duì)文本設(shè)置行為，首先必須為文本建立空超級(jí)鏈接（空超級(jí)鏈接是一個(gè)未指派目標(biāo)的超級(jí)鏈接），這樣行為才會(huì)有效。為文本建立空超級(jí)鏈接時(shí)，只要先在文檔窗口中選中需要建立空超級(jí)鏈接的文本，然后在屬性面板的“鏈接”文本框中輸入一個(gè)“#”符號(hào)即可。建立空超級(jí)鏈接的目的只是為了應(yīng)用行為，其他情況下不必建立。第十四頁(yè)，共四十七頁(yè)，2022年，8月28日1、創(chuàng)建空鏈接有時(shí)制作網(wǎng)頁(yè)只是為了測(cè)試一下頁(yè)面，這時(shí)我們就需要使用空鏈接。

（1）選中要?jiǎng)?chuàng)建空鏈接的對(duì)象，打開(kāi)屬性面板（2）在【鏈接】文本框里輸入“#”號(hào)（3）保存，F(xiàn)12鍵瀏覽，當(dāng)光標(biāo)指向鏈接對(duì)象時(shí)，光標(biāo)會(huì)變?yōu)樾∈值男螤?，這就創(chuàng)建了空鏈接二、鏈接分類(lèi)第十五頁(yè)，共四十七頁(yè)，2022年，8月28日創(chuàng)建電子郵件超級(jí)鏈接

電子郵件在網(wǎng)絡(luò)應(yīng)用中十分廣泛，在網(wǎng)頁(yè)中建立電子郵件超級(jí)鏈接可方便網(wǎng)頁(yè)瀏覽者與設(shè)計(jì)者之間的聯(lián)系。第十六頁(yè)，共四十七頁(yè)，2022年，8月28日創(chuàng)建電子郵件鏈接

與其他鏈接的區(qū)別是，電子郵件鏈接并不是移動(dòng)到特定的站點(diǎn)或網(wǎng)頁(yè)文檔，而是直接調(diào)用了可發(fā)送郵件的程序

第十七頁(yè)，共四十七頁(yè)，2022年，8月28日創(chuàng)建電子郵件鏈接（1）將光標(biāo)放在需要插入郵件地址的位置

（2）執(zhí)行【插入】--【電子郵件鏈接】，打開(kāi)對(duì)話框（3）在【文本】中輸入電子郵件鏈接要顯示在頁(yè)面上的文本，在【E-mail】中輸入要鏈接的郵箱地址第十八頁(yè)，共四十七頁(yè)，2022年，8月28日創(chuàng)建圖像超級(jí)鏈接

為一般圖像創(chuàng)建超級(jí)鏈接創(chuàng)建圖像熱點(diǎn)超級(jí)鏈接第十九頁(yè)，共四十七頁(yè)，2022年，8月28日為一般圖像創(chuàng)建超級(jí)鏈接第二十頁(yè)，共四十七頁(yè)，2022年，8月28日3、創(chuàng)建圖像鏈接

創(chuàng)建圖像鏈接可以單擊圖像跳轉(zhuǎn)到相關(guān)的瀏覽頁(yè)面，是網(wǎng)頁(yè)設(shè)計(jì)者常用的一種鏈接方式。（1）在文檔中插入一幅圖像（2）選擇該圖像，打開(kāi)屬性面板（3）在【鏈接】文本框中輸入鏈接地址或指向文件。（4）保存并瀏覽第二十一頁(yè)，共四十七頁(yè)，2022年，8月28日創(chuàng)建圖像熱點(diǎn)超級(jí)鏈接

要在一幅比較大的圖片中添加許多超級(jí)鏈接時(shí)，應(yīng)該將圖片化整為零，分割成較小的圖片，然后分別為這些小圖像上建立超級(jí)鏈接來(lái)達(dá)到目的，但這時(shí)整幅圖片就不能對(duì)齊，利用Dreamweaver8的圖像熱點(diǎn)超級(jí)鏈接功能就能避免這個(gè)問(wèn)題。

第二十二頁(yè)，共四十七頁(yè)，2022年，8月28日創(chuàng)建熱點(diǎn)鏈接注意：熱點(diǎn)鏈接只針對(duì)圖像熱點(diǎn)工具：矩形熱點(diǎn)、橢圓形熱點(diǎn)、多邊形熱點(diǎn)如果一個(gè)文檔中只有一幅圖像，而又想在這幅圖像的不同位置創(chuàng)建多個(gè)鏈接，這時(shí)用圖像鏈接的方法是行不通的。只能將圖像劃分為多個(gè)區(qū)域作為鏈接的熱點(diǎn)。第二十三頁(yè)，共四十七頁(yè)，2022年，8月28日創(chuàng)建熱點(diǎn)鏈接（1）選擇熱點(diǎn)繪制工具，繪制熱點(diǎn)（2）打開(kāi)屬性面板在【鏈接】輸入鏈接方向，確定目標(biāo)第二十四頁(yè)，共四十七頁(yè)，2022年，8月28日創(chuàng)建下載鏈接常用對(duì)象為：.doc、.ppt、.exe、.rar、.zip

（1）選中文本

（2）單擊【鏈接】文本框右側(cè)的“瀏覽文件”按鈕，選擇文件（3）將文件保存在站點(diǎn)下（4）單擊【確定】按鈕，保存并瀏覽第二十五頁(yè)，共四十七頁(yè)，2022年，8月28日創(chuàng)建導(dǎo)航條插入導(dǎo)航條編輯導(dǎo)航條

第二十六頁(yè)，共四十七頁(yè)，2022年，8月28日插入導(dǎo)航條

導(dǎo)航條一般由圖像或圖像組組成，這些圖像的顯示內(nèi)容隨用戶(hù)的操作不同而進(jìn)行相應(yīng)的變化。導(dǎo)航條為訪問(wèn)者瀏覽不同網(wǎng)頁(yè)提供了一條捷徑。

第二十七頁(yè)，共四十七頁(yè)，2022年，8月28日編輯導(dǎo)航條

第二十八頁(yè)，共四十七頁(yè)，2022年，8月28日二、導(dǎo)航條導(dǎo)航條由圖像或圖像組組成，圖像顯示內(nèi)容會(huì)隨用戶(hù)不同操作而變化。導(dǎo)航條主要是為在站點(diǎn)上的頁(yè)面和文件之間移動(dòng)提供一條簡(jiǎn)捷的途徑。導(dǎo)航條項(xiàng)目共包含有4種狀態(tài)。一般：指用戶(hù)尚未單擊或尚未與此項(xiàng)目交互時(shí)所顯示的圖像。例如，此種狀態(tài)的項(xiàng)目看起來(lái)未被單擊過(guò)?；^(guò)：指鼠標(biāo)指針滑過(guò)“一般”圖像時(shí)所顯示的圖像。項(xiàng)目的外觀發(fā)生變化（例如變得更亮），以便讓用戶(hù)知道可與這個(gè)項(xiàng)目進(jìn)行交互。第二十九頁(yè)，共四十七頁(yè)，2022年，8月28日二、導(dǎo)航條按下：指項(xiàng)目被單擊后所顯示的圖像。例如，用戶(hù)單擊某項(xiàng)目后，載入一個(gè)新的頁(yè)面，而導(dǎo)航條仍然顯示，只是被單擊的項(xiàng)目變暗，表示它曾被選擇過(guò)。按下時(shí)鼠標(biāo)經(jīng)過(guò)：指在項(xiàng)目被單擊后，鼠標(biāo)指針滑過(guò)“按下”圖像時(shí)，所顯示的圖像。此狀態(tài)可作為一個(gè)給用戶(hù)的可視提示，告訴他們?cè)谡军c(diǎn)的這一部分，此項(xiàng)目不能再被單擊，例如，項(xiàng)目變淡或變灰。第三十頁(yè)，共四十七頁(yè)，2022年，8月28日二、導(dǎo)航條下圖所示的4個(gè)圖片即為用戶(hù)自定義導(dǎo)航條4種不同狀態(tài)下圖片效果。1.插入導(dǎo)航條使用【插入導(dǎo)航條】命令之前，須先為各個(gè)導(dǎo)航項(xiàng)目的顯示狀態(tài)創(chuàng)建一組圖像，并將該組圖像拷貝到站點(diǎn)內(nèi)。用戶(hù)可將導(dǎo)航條項(xiàng)目視為按鈕，因?yàn)閱螕羲鼤r(shí)，導(dǎo)航條項(xiàng)目將鏈接到其他網(wǎng)頁(yè)。打開(kāi)如下圖所示的【插入導(dǎo)航條】對(duì)話框，設(shè)置完畢后單擊【確定】按鈕即可?！静迦雽?dǎo)航條】對(duì)話框中各選項(xiàng)功能。添加項(xiàng)目：向【導(dǎo)航條元件】列表框中添加項(xiàng)目。第三十一頁(yè)，共四十七頁(yè)，2022年，8月28日二、導(dǎo)航條刪除項(xiàng)目：刪除【導(dǎo)航條元件】列表框中項(xiàng)目。向上移動(dòng)項(xiàng)目：向上移動(dòng)【導(dǎo)航條元件】列表框中的項(xiàng)目。向下移動(dòng)項(xiàng)目：向下移動(dòng)【導(dǎo)航條元件】列表框中的項(xiàng)目。導(dǎo)航條元件：顯示所有項(xiàng)目。項(xiàng)目名稱(chēng)：為導(dǎo)航條項(xiàng)目命名，例如Home。狀態(tài)圖像：?jiǎn)螕簟緸g覽】按鈕可從打開(kāi)的對(duì)話框中自由選擇最初顯示的圖像。值得注意的是，此項(xiàng)為必添項(xiàng)，其他圖像狀態(tài)選項(xiàng)為可選項(xiàng)。鼠標(biāo)經(jīng)過(guò)圖像：?jiǎn)螕鬊rowse按鈕可從打開(kāi)的對(duì)話框中自由選擇當(dāng)用戶(hù)鼠標(biāo)指針滑過(guò)項(xiàng)目所顯示的圖像。按下圖像：?jiǎn)螕鬊rowse按鈕可從打開(kāi)的對(duì)話框中自由選擇用戶(hù)單擊項(xiàng)目后顯示的圖像。按下時(shí)鼠標(biāo)經(jīng)過(guò)圖像：?jiǎn)螕魊owse按鈕可從打開(kāi)的對(duì)話框中自由選擇當(dāng)用戶(hù)將鼠

標(biāo)指針滑過(guò)按下圖像時(shí)所顯示的圖像。第三十二頁(yè)，共四十七頁(yè)，2022年，8月28日二、導(dǎo)航條替換文本：輸入項(xiàng)目的描述性名稱(chēng)。按下時(shí)，前往的URL：?jiǎn)螕鬊rowse按鈕，以選擇要打開(kāi)的鏈接文件。該選項(xiàng)后包含一個(gè)下拉列表框：選擇Mainwindow(主窗口)選項(xiàng)可在同一窗口中打開(kāi)文件。如果導(dǎo)航條位于框架集中，則應(yīng)選擇要在其中打開(kāi)文件的框架。預(yù)先載入圖像：可在載入頁(yè)面時(shí)下載圖像。如果未選擇此選項(xiàng)，在用戶(hù)鼠標(biāo)指針滑過(guò)鼠標(biāo)經(jīng)過(guò)圖像時(shí)可能會(huì)出現(xiàn)延遲。頁(yè)面載入時(shí)就顯示“鼠標(biāo)按下圖像”：可在顯示頁(yè)面時(shí)，以按下?tīng)顟B(tài)顯示所選項(xiàng)目。選擇此選項(xiàng)時(shí)，在【導(dǎo)航條元件】列表框中該項(xiàng)目后面出現(xiàn)一個(gè)星號(hào)。插入：可選擇在文檔中是設(shè)置導(dǎo)航條項(xiàng)目插入方式是垂直Vertically插入還是Horizontally水平插入。使用表格：以表格的形式插入導(dǎo)航條項(xiàng)目。第三十三頁(yè)，共四十七頁(yè)，2022年，8月28日二、導(dǎo)航條打開(kāi)【插入導(dǎo)航條】對(duì)話框的方法有兩種。選擇【插入】|【圖像對(duì)象】|【導(dǎo)航條】命令。單擊【插入】工具欄左側(cè)的下拉三角按鈕，從彈出的快捷菜單中選擇【常規(guī)】選項(xiàng)，然后單擊其右側(cè)的【圖像】按鈕，從彈出的菜單中選擇選擇【導(dǎo)航條】選項(xiàng)，如圖8-17所示。新創(chuàng)建一個(gè)網(wǎng)頁(yè)，向其中添加一個(gè)“首頁(yè)”導(dǎo)航按鈕，其4種狀態(tài)使用的圖片分別為PIC01.jpg、PIC02.jpg、PIC03.jpg、PIC04.jpg，替換文本為“鏈接至首頁(yè)”，鏈接目標(biāo)為default.html。(1)選擇【文件】|【新建】命令，創(chuàng)建一個(gè)HTML基本頁(yè)。(2)將光標(biāo)置于文件的頂部，然后單擊【常規(guī)】工具欄中的【導(dǎo)航條】按鈕，打開(kāi)【插入導(dǎo)航條】對(duì)話框。(3)單擊【狀態(tài)圖像】文本框右側(cè)的【瀏覽】按鈕，選擇PIC01.jpg。(4)單擊【鼠標(biāo)經(jīng)過(guò)圖像】文本框右側(cè)的【瀏覽】按鈕，選擇PIC02.jpg。(5)單擊【按下圖像】文本框右側(cè)的【瀏覽】按鈕，選擇PIC03.jpg。第三十四頁(yè)，共四十七頁(yè)，2022年，8月28日二、導(dǎo)航條(6)單擊【按下時(shí)鼠標(biāo)經(jīng)過(guò)圖像】文本框右側(cè)的【瀏覽】按鈕，選擇PIC04.jpg。(7在【替換文本】文本框中輸入項(xiàng)目的描述性名稱(chēng)“鏈接至首頁(yè)”。(8)單擊【按下時(shí)，前往的】右側(cè)的【瀏覽】按鈕，選擇站點(diǎn)中的default.html文件。(10)設(shè)置完畢后單擊【確定】按鈕即可完成導(dǎo)航條的設(shè)置。2.編輯導(dǎo)航條為文檔創(chuàng)建導(dǎo)航條后，可使用【修改導(dǎo)航條】命令向?qū)Ш綏l添加圖像，或從導(dǎo)航條中刪除圖像。此命令可用于更改圖像或圖像組、更改單擊項(xiàng)目時(shí)所打開(kāi)的文件、選擇在不同的窗口或框架中打開(kāi)文件以及重新排序圖像。若要修改導(dǎo)航條，選擇【修改】|【導(dǎo)航條】命令，打開(kāi)【修改導(dǎo)航條】對(duì)話框，從【導(dǎo)航條元件】列表框中選擇要編輯的項(xiàng)目，再根據(jù)

實(shí)際需要進(jìn)行設(shè)置，設(shè)置完畢后單擊【確定】按鈕即可。第三十五頁(yè)，共四十七頁(yè)，2022年，8月28日三、動(dòng)手實(shí)踐為“卡通動(dòng)漫”網(wǎng)站index.asp網(wǎng)頁(yè)中左框架中的4張圖片添加超級(jí)鏈接，為上框架中的“設(shè)為首頁(yè)”、“加入收藏”、“聯(lián)系站長(zhǎng)”添加超級(jí)鏈接；打開(kāi)dmjs.asp網(wǎng)頁(yè)，添加“返回主頁(yè)”、“動(dòng)漫介紹”、“動(dòng)漫圖庫(kù)”和“留言薄”導(dǎo)航條；并設(shè)置“鼠標(biāo)未經(jīng)過(guò)”時(shí)文字超級(jí)鏈接樣式為去除下劃線。步驟1設(shè)置圖像鏈接(1)進(jìn)入ktzj站點(diǎn)，雙擊【文件】面板中的index.asp網(wǎng)頁(yè)。(2)選擇“返回主頁(yè)”圖片，拖動(dòng)【屬性】面板中的【指向文件】按鈕，指向【文件】面板中的index.asp網(wǎng)頁(yè)，打開(kāi)【目標(biāo)】下拉列表框，選擇【_parent】選項(xiàng)。(3)選擇“動(dòng)漫介紹”圖片，拖動(dòng)【屬性】面板中的【指向文件】按鈕，指向【文件】面板中的dmjs.asp網(wǎng)頁(yè)，打開(kāi)【目標(biāo)】下拉列表框，選擇【_parent】選項(xiàng)。(4)選擇“動(dòng)漫圖庫(kù)”圖片，拖動(dòng)【屬性】面板中的【指向文件】按鈕，指向【文件】面板中的pic.asp網(wǎng)頁(yè)，打開(kāi)【目標(biāo)】下拉列表框，選擇【_parent】選項(xiàng)。(5)選擇“留言薄”圖片，拖動(dòng)【屬性】面板中的【指向文件】按鈕，指向【文件】

面板中的liuyan.asp網(wǎng)頁(yè)，打開(kāi)【目標(biāo)】下拉列表框，選擇

【_parent】選項(xiàng)。第三十六頁(yè)，共四十七頁(yè)，2022年，8月28日三、動(dòng)手實(shí)踐步驟2設(shè)置“設(shè)為首頁(yè)”鏈接將光標(biāo)置于“設(shè)為首頁(yè)”字樣前，然后單擊【文檔】工具欄中的【拆分】按鈕，在“設(shè)為首頁(yè)”前添加一段代碼：<SPANstyle="CURSOR:hand"onclick="window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('/ktdm/index.asp');">如右圖所示：第三十七頁(yè)，共四十七頁(yè)，2022年，8月28日三、動(dòng)手實(shí)踐步驟3設(shè)置“加入收藏”鏈接在“加入收藏”前找到<div>標(biāo)簽，加入如下代碼：<divtitle=卡通動(dòng)漫onclick="window.external.addFavorite('/ktdm','卡通動(dòng)漫')"href="javascript:window.external.AddFavorite('/ktdm','卡通動(dòng)漫')"align="center">如右圖所示：第三十八頁(yè)，共四十七頁(yè)，2022年，8月28日三、動(dòng)手實(shí)踐步驟4設(shè)置E-Mail鏈接選擇設(shè)計(jì)區(qū)域中的“聯(lián)系站長(zhǎng)”文本，單擊【常規(guī)】工具欄中的【電子郵件鏈接】按鈕，打開(kāi)【電子郵件鏈接】對(duì)話框，確定【文本】文本框輸入的文字為“聯(lián)系站長(zhǎng)”，在【E-Mail】文本輸入中輸入zhouhm1219@163.com，然后單擊【確定】按鈕，完成E-Mail鏈接設(shè)置。步驟5設(shè)置導(dǎo)航條(1)選擇【插入】|【圖像對(duì)象】|【導(dǎo)航條】命令，打開(kāi)【插入導(dǎo)航條】對(duì)話框。(2)在【項(xiàng)目名稱(chēng)】文本框中輸入zhuye，單擊【狀態(tài)圖像】右側(cè)的【瀏覽】按鈕，從站點(diǎn)的dmjs文件夾中選擇zhuye.jpg；單擊【鼠標(biāo)經(jīng)過(guò)圖像】右側(cè)的【瀏覽】按鈕，從站點(diǎn)的dmjs文件夾中選擇zhuye01.jpg；在【替換文本】文本框中輸入“返回主頁(yè)”；單擊【按下時(shí)，前往的URL】右側(cè)的【瀏覽】按鈕，從站點(diǎn)中選擇index.asp。(3)單擊【添加元件】按鈕，設(shè)置【項(xiàng)目名稱(chēng)】為jieshao，【狀態(tài)圖像】為

jieshao.jpg，【鼠標(biāo)經(jīng)過(guò)圖像】為jieshao01.jpg，【替換文本】為“動(dòng)

漫介紹”，【按下時(shí)，前往的URL】為dmjs.asp。第三十九頁(yè)，共四十七頁(yè)，2022年，8月28日三、動(dòng)手實(shí)踐(4)單擊【添加元件】按鈕，設(shè)置【項(xiàng)目名稱(chēng)】為tuku，【狀態(tài)圖像】為tuku.jpg，【鼠標(biāo)經(jīng)過(guò)圖像】為tuku01.jpg，【替換文本】為“動(dòng)漫圖庫(kù)”，【按下時(shí)，前往的URL】為pic.asp。(5)單擊【添加元件】按鈕，設(shè)置【項(xiàng)目名稱(chēng)】為liuyan，【狀態(tài)圖像】為liuyan.jpg，【鼠標(biāo)經(jīng)過(guò)圖像】為liuyan01.jpg，【替換文本】為“留言薄”，【按下時(shí)，前往的URL】為all.asp，如右圖所示。(6)設(shè)置完畢后單擊【確定】按鈕。(7)選擇整個(gè)導(dǎo)航條布局表格，在【屬性】面板中的【寬】文本框中輸入812，單位選擇【像素】。(8)選擇導(dǎo)航條布局單元格，在【屬性】面板中的【寬】文本框中輸入203，單位選擇【像素】，如下圖所示。第四十頁(yè)，共四十七頁(yè)，2022年，8月28日三、動(dòng)手實(shí)踐(9)設(shè)置完畢后保存文件，按F12鍵進(jìn)行預(yù)覽，將指針移至“動(dòng)漫介紹”導(dǎo)航按鈕上時(shí)，得到如右圖所示的效果。步驟6改變超級(jí)鏈接樣式在index.asp網(wǎng)頁(yè)中“設(shè)為首頁(yè)”、“加入收藏”和“聯(lián)系站長(zhǎng)”中前兩個(gè)字樣都不帶下劃線，而第三個(gè)電子郵件聯(lián)接卻帶有下劃線，看上去很不美觀。下面介紹在鼠標(biāo)未經(jīng)過(guò)時(shí)超級(jí)鏈接樣式的改變方法。（1）選擇【文本】|【CSS樣式】|【新建】命令，打開(kāi)【新建CSS樣式】對(duì)話框，。（2）從【選擇器類(lèi)型】列表框中選擇【高級(jí)（ID、上下文選擇器等）】單選按鈕。（3）從【選擇器】下拉列表框中選擇【a:link】選項(xiàng)。第四十一頁(yè)，共四十七頁(yè)，2022年，8月28日三、動(dòng)手實(shí)踐（4）選擇【定義在】選項(xiàng)組中的【新建樣式表文件】單選按鈕，如左1圖所示。（5）設(shè)置完畢后，單擊【確定】按鈕，打開(kāi)【保存樣式表文件為】對(duì)話框，在【文件名】文本框中輸入ljcs，如左圖2所示，單擊【保存】按鈕。（6）打開(kāi)【a:link的CSS樣式定義】對(duì)話框，設(shè)置【字體】為【華文新魏】，設(shè)置【大小】為16，選擇【修飾】中的【無(wú)】，如左3圖所示，設(shè)置完畢的單擊【確定】按鈕。(7