位置:首頁 > 軟件操作教程 > UI設(shè)計(jì)軟件 > Adobe Dreamweaver > 問題詳情

Dreamweaver插入超鏈接

提問人:劉旭39發(fā)布時(shí)間:2020-10-10
1、關(guān)于URL

URL(統(tǒng)一資源定位符):用于描述網(wǎng)絡(luò)資源的位置、類型和訪問方法。

一般格式:

協(xié)議://IP地址(域名)[:端口號]/目錄/文件名

協(xié)議:指明訪問該資源所采用的協(xié)議。如HTTP、FTP等。


2、超鏈接的制作方法

(1)通過“指向文件”圖標(biāo)創(chuàng)建鏈接

注:文件名最好不用中文。如一定要使用中文文件名,則需要設(shè)置:

編輯>首選參數(shù)>代碼改寫>使用%將URL中的特殊字符編碼

(2)屬性面板Link欄輸入和文件夾圖標(biāo)創(chuàng)建鏈接

(3)插入菜單或插入欄創(chuàng)建超鏈

插入菜單>超級鏈接

插入欄>常用>超級鏈接

修改菜單>創(chuàng)建鏈接

(4)超鏈接的相關(guān)操作

修改菜單>創(chuàng)建鏈接或更改鏈接

修改菜單>移除鏈接

修改菜單>打開鏈接頁面

修改菜單>鏈接目標(biāo)>


3、超鏈接的類型

(1) HTML鏈接(頁面鏈接)

(2) E-mail鏈接

Link欄手工輸入 mailto:郵件地址

插入欄>常用>電子郵件鏈接

插入菜單>電子郵件鏈接

(3) 文件鏈接

(4)錨點(diǎn)和鏈接

①創(chuàng)建錨點(diǎn)

插入菜單>命名錨記

插入欄>常用>命名錨記

②錨點(diǎn)引用

同一文件中錨點(diǎn)引用,在屬性面板中超鏈欄填寫#錨點(diǎn)名

不同文件之間錨點(diǎn)引用,則填寫文件名#錨點(diǎn)名

(5)空鏈接

創(chuàng)建空鏈接,只需在屬性面板Link欄輸入符號  #   或者  javascript;

(6)腳本鏈接

主要用于讓頁面文字具有獲取事件的能力,尤其是方便文字與行為和腳本程序的結(jié)合。

創(chuàng)建腳本鏈接,在屬性面板Link欄輸入 javascript:(后面跟一些 JavaScript 代碼或函數(shù)調(diào)用)

例如:

打印當(dāng)前頁面,在屬性面板Link欄輸入 javascript: self.print()

關(guān)閉當(dāng)前窗口,在屬性面板Link欄輸入 javascript: self.close()

 例如:

顯示一個(gè)警告框,在屬性面板Link欄輸入 javascript:alert('This link leads to the index')


4、設(shè)置鏈接的目標(biāo)窗口

_blank:在新的瀏覽窗口中打開鏈接的文檔

_parent:在顯示鏈接的框架父框架集中打開鏈接的文檔,同時(shí)替換整個(gè)框架集。

_self:在當(dāng)前框架中打開鏈接,同時(shí)替換所有框架。

_top:在當(dāng)前瀏覽器窗口中打開鏈接的文框,同時(shí)替換所有框架。

繼續(xù)查找其他問題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部