作為網(wǎng)站肯定有很多的頁(yè)面,如果頁(yè)面之間彼此是獨立的,那么網(wǎng)頁(yè)就好比是孤島,這樣的網(wǎng)站是無(wú)法運行的。為了建立起網(wǎng)頁(yè)之間的聯(lián)系我們必須使用超級鏈接。稱(chēng)“超級鏈接”,是因為它什么都能鏈接,如:網(wǎng)頁(yè)、下載文件、網(wǎng)站地址、郵件地址……等等。下邊我們就來(lái)討論怎樣在網(wǎng)頁(yè)中創(chuàng )建超級鏈接。
【頁(yè)面之間的超級連接】
在網(wǎng)頁(yè)中,單擊了某些圖片、有下劃線(xiàn)或有明示鏈接的文字就會(huì )跳轉到相應的網(wǎng)頁(yè)中去。
1、在網(wǎng)頁(yè)中選中要做超級鏈接的文字或者圖片。
2、在屬性面板中單擊黃色文件夾圖標,在彈出的對話(huà)框里選中相應的網(wǎng)頁(yè)文件就完成了。做好超級鏈接屬性面板出現鏈接文件顯示。(如下圖)

3、按F12預覽網(wǎng)頁(yè)。在瀏覽器里光標移到超級鏈接的地方就會(huì )變成手型。
〖提示〗你也可以手工在鏈接輸入框中輸入地址。給圖片加上超級鏈接的方法和文字完全相同。
如果超級鏈接指向的不是一個(gè)網(wǎng)頁(yè)文件。而是其他文件例如zip、exe文件等等,單擊鏈接的時(shí)候就會(huì )下載文件。
超級鏈接也可以直接指向地址而不是一個(gè)文件,那么單擊鏈接直接跳轉到相應的地址。例如,在鏈接框里寫(xiě)上http://www.oldkids.com.cn/那么,單擊鏈接就可以跳轉到老小孩網(wǎng)站。
【郵件地址的超級連接】
在網(wǎng)頁(yè)制作中,還經(jīng)??吹竭@樣的一些超級鏈接。單擊了以后,會(huì )彈出郵件發(fā)送程序,聯(lián)系人的地址也已經(jīng)填寫(xiě)好了。這也是一種超級鏈接。制作方法是:在編輯狀態(tài)下,先選定要鏈接的圖片或文字(比如:歡迎您來(lái)信賜教?。?,在插入欄點(diǎn)
或點(diǎn)插入菜單選“電子郵件鏈接”彈出如下對話(huà)框,填入E-Mail地址即可。

提示:還可以選中圖片或者文字,直接在屬性面板鏈接框中填寫(xiě)“mailto:郵件地址”。(如下圖)

創(chuàng )建完成后,保存頁(yè)面,按F12預覽網(wǎng)頁(yè)效果。
【制作圖片上的超級鏈接】
注意,我們這里所說(shuō)的圖片上的超級鏈接是指在一張圖片上實(shí)現多個(gè)局部區域指向不同的網(wǎng)頁(yè)鏈接。比如一張中國地圖的圖片,單擊了不同的省跳轉到不同的網(wǎng)頁(yè)??牲c(diǎn)的區域就是熱區。為了演示制作效果下面的中國地圖我加了一些鏈接,你可以用鼠標測試。鼠標移動(dòng)到省份的熱區,會(huì )顯示提示,如果有預先設置的網(wǎng)站,點(diǎn)擊會(huì )進(jìn)入對方的網(wǎng)站。

【制作方法】
1、首先插入圖片。單擊圖片,用展開(kāi)的屬性面板上的繪圖工具在畫(huà)面上繪制熱區。

2、屬性面板改換為熱點(diǎn)面板如圖:鏈接輸入框:填入相應的鏈接。替代框:填入你的提示文字說(shuō)明。目標框:不作選擇則默認在新瀏覽器窗口打開(kāi)。

3、保存頁(yè)面, 按F12預覽,用鼠標在設置的熱區檢驗效果。
提示:對于復雜的熱區圖形我們可以直接選擇多邊形工具來(lái)進(jìn)行描畫(huà)。替代框填寫(xiě)了說(shuō)明文字以后,光標移上熱區就會(huì )顯示出相應的說(shuō)明文字。
超級鏈接屬性面板中的目標選項。
“目標”我們稱(chēng)它為目標區。也就是超級鏈接指向的頁(yè)面出現在什么目標區域。默認的情況下域中總有四個(gè)選項。
①_blank :?jiǎn)螕翩溄右院?,指向?yè)面出現在新窗口中。
②_parent:用指向頁(yè)面替換他外面所在的框架結構。
③_self:將連接頁(yè)面顯示在當前框架中。
④_top: 跳出所有框架,頁(yè)面直接出現在瀏覽器中。
【小結】本節教程主要探討創(chuàng )建頁(yè)面的鏈接。
1、內部鏈接:鏈接到本站點(diǎn)的其他文檔。
2、外部鏈接:鏈接到本站點(diǎn)以外的其他文檔。
3、E-Mail鏈接:?jiǎn)螕粼撴溄?,可以打開(kāi)瀏覽者的郵件系統。
4、圖片熱區鏈接:使你的鏈接更靈活更有個(gè)性
聯(lián)系客服