45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 电脑教程 > 阅读资讯:使用Dreamweaver cs5给网页添加设置为主页的按钮的步骤

使用Dreamweaver cs5给网页添加设置为主页的按钮的步骤

2018-01-23 19:22:13 来源:www.45fan.com 【

使用Dreamweaver cs5给网页添加设置为主页的按钮的步骤

在浏览网页的时候我们随处可见设置为主页的链接或者按钮,本质上他们都是一个脚本链接,不过这种脚本链接在dw中是如何制作的呢?下面是具体的过程:

使用Dreamweaver cs5给网页添加设置为主页的按钮的步骤

1、打开dw,我们想要在页面的右上角添加一个【设为首页】的链接,先来添加文本,选中这个布局表格

使用Dreamweaver cs5给网页添加设置为主页的按钮的步骤

使用Dreamweaver cs5给网页添加设置为主页的按钮的步骤

2、切换到代码视图,然后你就会找到【发表言论】这段代码,在其后面,我们添加一段代码<LI>设为主页

使用Dreamweaver cs5给网页添加设置为主页的按钮的步骤

使用Dreamweaver cs5给网页添加设置为主页的按钮的步骤

使用Dreamweaver cs5给网页添加设置为主页的按钮的步骤

3、切换到设计视图,点击设计按钮

使用Dreamweaver cs5给网页添加设置为主页的按钮的步骤

4、在这里我们看到已经添加好了文本,接着要设置连接了,选中【设为主页】这几个字

使用Dreamweaver cs5给网页添加设置为主页的按钮的步骤

5、在属性面板中的链接属性中,我们填写一个空链接符号#,构成一个空链接

使用Dreamweaver cs5给网页添加设置为主页的按钮的步骤

6、切换到代码试图

使用Dreamweaver cs5给网页添加设置为主页的按钮的步骤

7、找到<LI><a href="#">设为主页</a>这段代码,然后在href=“#"后面添加onclick="this.style.behavior='url(#default#homepage)';this.sethomepage('http://www.baidu.com')"代码。这段代码你看到这段代码,你需要修改其中的网址为你的网站的首页网址

使用Dreamweaver cs5给网页添加设置为主页的按钮的步骤

8、按下F12预览,你就可以看到这个功能连接了。点击这个链接就可以将网站设置为主页。

使用Dreamweaver cs5给网页添加设置为主页的按钮的步骤


本文地址:http://www.45fan.com/dnjc/96053.html
Tags: Dreamweaver 网页 CS5
编辑:路饭网
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部