亚洲精品中文字幕无乱码_久久亚洲精品无码AV大片_最新国产免费Av网址_国产精品3级片

網(wǎng)頁設(shè)計

Dreamweaver中如何制作超鏈接

時間:2024-10-29 09:14:42 網(wǎng)頁設(shè)計 我要投稿
  • 相關(guān)推薦

Dreamweaver中如何制作超鏈接

  超鏈接大家都知道吧,就是你點到的話會直接彈出另一個鏈接的頁面。這是很有用的推廣手段之一。blue1000.com今天教大家如何制作超鏈接的方法。本教程主要講的有:頁面之間的超連接,郵件地址的超連接,制作圖片上的超鏈接。有需要的過來學(xué)習(xí)下。就跟隨百分網(wǎng)小編一起去了解下吧,想了解更多相關(guān)信息請持續(xù)關(guān)注我們應(yīng)屆畢業(yè)生考試網(wǎng)!

  【頁面之間的超級連接】

  在網(wǎng)頁中,單擊了某些圖片、有下劃線或有明示鏈接的文字就會跳轉(zhuǎn)到相應(yīng)的網(wǎng)頁中去。

  1、在網(wǎng)頁中選中要做超級鏈接的文字或者圖片。

  2、在屬性面板中單擊黃色文件夾圖標,在彈出的對話框里選中相應(yīng)的網(wǎng)頁文件就完成了。做好超級鏈接屬性面板出現(xiàn)鏈接文件顯示。(如下圖)

  3、按F12預(yù)覽網(wǎng)頁。在瀏覽器里光標移到超級鏈接的地方就會變成手型。

  〖提示〗你也可以手工在鏈接輸入框中輸入地址。給圖片加上超級鏈接的方法和文字完全相同。

  如果超級鏈接指向的不是一個網(wǎng)頁文件。而是其他文件例如zip、exe文件等等,單擊鏈接的時候就會下載文件。

  超級鏈接也可以直接指向地址而不是一個文件,那么單擊鏈接直接跳轉(zhuǎn)到相應(yīng)的地址。例如,在鏈接框里寫上http://www.oldkids.com.cn/那么,單擊鏈接就可以跳轉(zhuǎn)到老小孩網(wǎng)站。

  【郵件地址的超級連接】

  在網(wǎng)頁制作中,還經(jīng)?吹竭@樣的一些超級鏈接。單擊了以后,會彈出郵件發(fā)送程序,聯(lián)系人的地址也已經(jīng)填寫好了。這也是一種超級鏈接。制作方法是:在編輯狀態(tài)下,先選定要鏈接的圖片或文字(比如:歡迎您來信賜教!),在插入欄點

  或點插入菜單選“電子郵件鏈接”彈出如下對話框,填入E-Mail地址即可。

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

  (如下圖)

  創(chuàng)建完成后,保存頁面,按F12預(yù)覽網(wǎng)頁效果。

  【制作圖片上的超級鏈接】

  注意,我們這里所說的圖片上的超級鏈接是指在一張圖片上實現(xiàn)多個局部區(qū)域指向不同的網(wǎng)頁鏈接。比如一張中國地圖的圖片,單擊了不同的省跳轉(zhuǎn)到不同的網(wǎng)頁?牲c的區(qū)域就是熱區(qū)。為了演示制作效果下面的中國地圖我加了一些鏈接,你可以用鼠標測試。鼠標移動到省份的熱區(qū),會顯示提示,如果有預(yù)先設(shè)置的網(wǎng)站,點擊會進入對方的網(wǎng)站。

  【制作方法】

  1、首先插入圖片。單擊圖片,用展開的屬性面板上的繪圖工具在畫面上繪制熱區(qū)。

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

  3、保存頁面, 按F12預(yù)覽,用鼠標在設(shè)置的熱區(qū)檢驗效果。

  提示:對于復(fù)雜的熱區(qū)圖形我們可以直接選擇多邊形工具來進行描畫。替代框填寫了說明文字以后,光標移上熱區(qū)就會顯示出相應(yīng)的說明文字。

  超級鏈接屬性面板中的目標選項。

  “目標”我們稱它為目標區(qū)。也就是超級鏈接指向的頁面出現(xiàn)在什么目標區(qū)域。默認的情況下域中總有四個選項。

  ①_blank :單擊鏈接以后,指向頁面出現(xiàn)在新窗口中。

 、赺parent:用指向頁面替換他外面所在的框架結(jié)構(gòu)。

 、踎self: 將連接頁面顯示在當前框架中。

 、躝top:  跳出所有框架,頁面直接出現(xiàn)在瀏覽器中。

  【小結(jié)】本節(jié)教程主要探討創(chuàng)建頁面的鏈接。

  1、內(nèi)部鏈接:鏈接到本站點的其他文檔。

  2、外部鏈接:鏈接到本站點以外的其他文檔。

  3、E-Mail鏈接:單擊該鏈接,可以打開瀏覽者的郵件系統(tǒng)。

  4、圖片熱區(qū)鏈接:使你的鏈接更靈活更有個性。

【Dreamweaver中如何制作超鏈接】相關(guān)文章:

用dreamweaver添加超鏈接制作技巧07-11

淺談Dreamweaver超鏈接09-24

Dreamweaver如何制作彈出菜單09-03

Dreamweaver如何制作網(wǎng)頁模板07-22

Dreamweaver如何制作網(wǎng)頁設(shè)計07-02

Dreamweaver如何制作拖拽效果06-11

dreamweaver添加超鏈接的方法09-08

dreamweaver添加超鏈接怎么操作08-17

Dreamweaver如何制作能彈出菜單10-18

利用Dreamweaver如何制作彈出菜單07-16