电脑

当前位置 /首页/游戏数码/电脑/列表

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张