超級連結一般具有三個特點:藍色、下劃線 和手形标記,那麼Dreamweaver如何建立超連結?下面小編就為大家介紹DW建立超連結方法,來看看吧!
軟體名稱:Adobe Dreamweaver CS3 官方中文安裝版軟體大小:76.2MB更新時間:2015-05-18立即下載下傳
方法/步驟
這裡我們主要說的是,在我們的Dreamweaver中如何建立超連結,這裡我們講述兩種連結,一種為圖檔連結一種為網站連結。首先打開我們的Dreamweaver工具,之後建立一個新的HTML文檔。如下圖中進行點選即可。
建立完畢,如下圖中所示的一個新的HTML文檔,這裡我們把标題進行該寫“插入圖檔”
這裡我們簡單的以通過添加一張圖檔之後呢,進行超連結的建立,如下中所示,點選插入中的圖像
選擇一個圖檔進行添加,随後點選确定
這裡我們添加完畢圖檔之後呢,我們這裡是有一段行的圖檔添加的代碼部分的
我們先進行浏覽,檢視是否添加成功,以360浏覽器的方式進行打開
打開之後,這裡我們是可以看到我們剛才添加的那個圖檔的。
确定我們的圖檔添加成功之後呢,這裡我們就可以進行添加超連結了。如下中所示,我們将界面調解為設計界面,随後呢在圖檔上右擊選擇屬性,這裡就可以看到如下圖中最底部的内容了。
根據下圖顯示的内容,我們進行點選,添加一張圖檔連結
選擇一張需要跳轉的圖檔,點選确定
這裡我們通過工具的快捷方式按F12,進入到網頁中進行驗證
進入網頁的第一個界面中,這裡我們對圖檔進行點選
這裡我們就跳轉到點選後的超連結了。
當然這裡我們還是可以進行一個網址的添加,比如這裡我們通過添加百度的網址,這裡在如下圖的框中輸入百度連結
輸入完畢之後,這我們必須要進行儲存,随後用同樣的方式進入測試
首次進入頁面。之後呢點選進行跳轉
随後呢,進入到跳轉界面,這裡大家注意的是,此次操作必須要在有網的狀況下才能夠進行測試。
注意事項
網址的超連結需在有網的狀态下進行測試
再添加圖檔連結的時候,第二張圖檔不能與第一張的連結位址一樣
以上就是Dreamweaver如何建立超連結方法介紹,操作很簡單的,大家學會了嗎?希望能對大家有所幫助!