用Dreamweaver制作网页超链接示例教程
发布时间:2015-05-12 来源:查字典编辑
摘要:要想用Dreamweaver来制作网页,首先要安装Dreamweaver网页制作的工具,那是必备的哦,可以去官网里面去下载即可。第一步是打开...
要想用Dreamweaver来制作网页,首先要安装Dreamweaver网页制作的工具,那是必备的哦,可以去官网里面去下载即可。第一步是打开Dreamweaver工具;
![用Dreamweaver制作网页超链接示例教程1](/Images/jiaocheng/2015-05-0717/2966414244.jpg)
然后在Dreamweaver选项的中,选择新建一个Html文件,这个是制作网页的前提哦;
![用Dreamweaver制作网页超链接示例教程2](/Images/jiaocheng/2015-05-0717/800610922.jpg)
在Dreamweaver代码的主界面中,在代码、拆分、设计这三个选项卡中,选择拆分,因为这样可以更好的看到代码与相关设计的表格的调整的问题;
![用Dreamweaver制作网页超链接示例教程3](/Images/jiaocheng/2015-05-0717/3068130240.jpg)
首先我们要了解Dreamweaver的整体框架,了解在哪里编写代码;
![用Dreamweaver制作网页超链接示例教程4](/Images/jiaocheng/2015-05-0717/2568287801.jpg)
找到设置超链接的选项,进行设置;
![用Dreamweaver制作网页超链接示例教程5](/Images/jiaocheng/2015-05-0717/2293265408.jpg)
点超链接的设置后,会出现一个对话框,是对链接进行设置的;
![用Dreamweaver制作网页超链接示例教程6](/Images/jiaocheng/2015-05-0717/3169169685.jpg)
相同的方法,再添加一个谷歌的跳转链接,同理;
![用Dreamweaver制作网页超链接示例教程7](/Images/jiaocheng/2015-05-0717/1647452116.jpg)
两个链接都制作成功后,我们可以稍作小小的修改,是网页更加好看一些,在两个链接中添加换行的标签;
![用Dreamweaver制作网页超链接示例教程8](/Images/jiaocheng/2015-05-0717/320165376.jpg)
代码程序编写好后,记得保存html文件,Ctrl+s就可以了;
![用Dreamweaver制作网页超链接示例教程9](/Images/jiaocheng/2015-05-0717/2646748782.jpg)
网页文件保存好后就可以预览效果了,在Dreamweaver页面中,按F12就可以预览了;
![用Dreamweaver制作网页超链接示例教程10](/Images/jiaocheng/2015-05-0717/2681997049.jpg)