Dreamweaver8怎样做超链接

Dreamweaver8怎样做超链接,第1张

要想用Dreamweaver来制作网页,首先要安装Dreamweaver网页制作的工具,那是必备的哦,可以去官网里面去下载即可。第一步是打开Dreamweaver工具;

然后在Dreamweaver选项的中,选择新建一个Html文件,这个是制作网页的前提

在Dreamweaver代码的主界面中,在代码、拆分、设计这三个选项卡中,选择拆分,因为这样可以更好的看到代码与相关设计的表格的调整的问题

首先我们要了解Dreamweaver的整体框架,了解在哪里编写代码

找到设置超链接的选项,进行设置

点超链接的设置后,会出现一个对话框,是对链接进行设置的

相同的方法,再添加一个谷歌的跳转链接,同理

两个链接都制作成功后,我们可以稍作小小的修改,是网页更加好看一些,在两个链接中添加换行的标签

代码程序编写好后,记得保存html文件,Ctrl+s就可以了

网页文件保存好后就可以预览效果了,在Dreamweaver页面中,按F12就可以预览了

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

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

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

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

想要使用Dreamweaver制作超链接,需要如下几个步骤:

打开Dreamviewer

新建一个空白HTML网页

在网页代码部分的<body>和</body>中间添加你想要显示的字段,比如“百度超级链接”

滑动鼠标选中这个字段,点击“属性”窗口中的“<>HTML”按钮,并在旁边的

“链接(L)”旁边的框中输入你想要访问的网站链接,比如“>

这时,代码部分就会自动变成如下图所示的这样,超级链接就添加好了

当然,也可以通过修改代码部分的网址和文字来显示想要连接的网址

其中“<br />”是换行符,起到另起一行显示的作用

测试超级链接是否工作,点击工具栏上的地球图标,或者按F12键,软件会问你是否保存更改,请选择“是”并选择位置保存网页。

保存网页之后IE会跳出并显示刚才保存好的网页。将鼠标移到“百度超级链接”上,状态栏会显示“>

至此,超级链接就设置成功了

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

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

3在IE浏览器里测试。

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


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存