電腦

當前位置 /首頁/遊戲數碼/電腦/列表

Adobe Dreamweaver如何創建連結

Dreamweaver是個原本由Macromedia公司所開發的著名網站開發工具。它使用所見即所得的接口,亦有HTML編輯的功能。它現在有Mac和Windows系統的版本。隨Macromedia被Adobe收購後,Adobe也開始計劃開發Linux版本的Dreamweaver了。 Dreamweaver自MX版本開始,使用了Opera的排版引擎 "Presto" 作爲網頁預覽。
我們在製作網站的時候每個網頁都需要建立很多的連接,下面就和大家分享一下Adobe Dreamweaver中添加超連結的方法。

Adobe Dreamweaver如何創建連結

方法步驟

(01)開啟Adobe Dreamweaver建立一個站點和自己站點內多需要的網頁。首先分享一下站內網也之間的文字連結。1)在需要製作連結的網頁輸入連接文字,選中文字,檢視線面的屬性面板中的連結一欄,點擊後面的瀏覽按鈕,找到需要將其連結的網頁上即可。2)選擇指向檔案按鈕,將其拖動到相應的網頁即可。

Adobe Dreamweaver如何創建連結 第2張
Adobe Dreamweaver如何創建連結 第3張
Adobe Dreamweaver如何創建連結 第4張

(02)網頁中的圖片與站內網頁之間的連結。1)插如圖片,調整好圖片的位置和大小後,點擊選中圖片後在下面的屬性面板中瀏覽需要連結到的網頁即可。2)選擇指向檔案按鈕,將其拖動到相應的網頁即可。

Adobe Dreamweaver如何創建連結 第5張
Adobe Dreamweaver如何創建連結 第6張
Adobe Dreamweaver如何創建連結 第7張

(03)點擊後在新視窗顯示的超連結。我們有些時候點擊網頁上的超連結會彈出一個新的視窗,這就需要我們進行目標的設定,同樣選擇文字或是圖片,選擇超連結的網頁,之後選擇目標——blank。

Adobe Dreamweaver如何創建連結 第8張

(04)外部連結的設定。連結外部時我麼需要將要連結到的網址輸入到連結中,需要注意的是一定要輸入全部的地址。可以直接複製即可。

Adobe Dreamweaver如何創建連結 第9張

(05)更改連結文字的顏色。我們的連結一般都是藍色的,那麼我們需要進行個性化設定的話就需要對顏色進行更改。點擊網頁的空白處,選擇屬性中的頁面屬性——選擇連結一欄——更改連結顏色即可。

Adobe Dreamweaver如何創建連結 第10張

(06)更改已訪問的連接的顏色及是否有下滑線。同樣點擊頁面屬性,選擇連結選項——點擊已訪問的連接和下面的下劃線設定,

Adobe Dreamweaver如何創建連結 第11張

(07)鼠標經過和點擊超連結時的顏色設定。點擊網頁的空白處——頁面屬性——活動顏色和變換圖像連接。

Adobe Dreamweaver如何創建連結 第12張