要想用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点击按钮,打开指定网页。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)