Dreamweaver怎么添加超链接

Dreamweaver怎么添加超链接,第1张

Dreamweaver怎么添加超链接
打开Dreamweaver CS6后,点击右上角的文件,然后点击打开最近的文件,选择一个html来演示
注意:大家在做的时候可以新建个HTML页面。
打开后,在页面上输入超级链接的文字,这里我以百度经验为例,把输入的文字选中,如果点击工具栏上的常用功能
在常用功能下点击超级链接图标
我们也可以点击导航上的编辑,在d出的菜单里点击“超级链接”。这个跟上面是同样的效果,
点击后,d出超级链接对话框,在这里我们主要填写链接和选择目标,就可以了,然后点击确定
还有一种方法添加超级链接就是选中文字后,在下方的属性栏里css下的链接直接添加超级链接,
设置好超级链接后,文字就会变成蓝色的,并且在文字下方有下划线,如下图所示。
最后,我们来看看效果吧,按下F12预览,在点击百度经验,就会直接跳转到百度经验首页了,

请参照以下步骤在Dreamweaver软件中对局部设置超链接。

1、首先在电脑上安装并启动dreamweaver软件,然后点击“HTML”选项。

2、然后在出现的界面中,点击“设计”选项进入设计视图。

3、然后在菜单选项“插入”的下拉菜单中,点击“图像”选项。

4、然后选择需要局部设置超链接的导入,切换到拆分视图,鼠标点击,选中。此时,会在下面属性看到图像热点区的三种工具。

5、根据需要这里点击第一个图标(矩形热点工具),此时会看到鼠标变成一个十字形。

6、在需要设置超链接的区域进行框选,选中完成之后,在下面属性链接处输入链接地址。

7、按下ctrl+s保存文件,按下F12进行测试。此时可以看到刚才框选的矩形区域已经变成了可以点击的超链接形式了。最后将dreamweaver里面代码粘贴到网站html文件的适当位置即可。

1新建html网页文件,插入按钮代码。

2在value后面添加onclick事件代码。

3在IE浏览器里测试。

4点击按钮,打开指定网页。

第一步,选中你要加链接的或者文字,以为例,这个时候下面会出现加热区的工具;

第二步,要什么形状选什么工具框出你要加热点的区域,我用了方形热点是那条蓝色的小鱼;(注意,此时链接那儿是个“#”符号)

第三步,在链接那儿替换成你要链出去的位置,目标选blank,意思是在新的页面打开该链接;

最后把这串代码复制用到你要用的地方就好了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12763276.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-27
下一篇 2023-05-27

发表评论

登录后才能评论

评论列表(0条)

保存