如何用dreamweaver实现点击图片打开另一个网页?

如何用dreamweaver实现点击图片打开另一个网页?,第1张

dreamweaver实现点击打开另一个网页方法:

第一步,打开电脑里面的Dreamweaver

第二步,点击左上角的找到文件的选项卡

第三步,点击文件,在下边找到新建的按钮选项卡,新建之后,把电脑一个照片素材插入到软件里面

第四步,点击,在下边就可以看见链接的选项卡,在后面可以看见好多选项,在链接这里输入网址>

点击就链接到打开另一个网页。

1启动dw2019在软件主界面点击中间的新建按钮。

2在新建文档d窗中选择文档类型为HTML文档,点击创建。

3建立好一个网页文档后就可以看到网页默认的代码了,我们编辑网页是需要在body中来编辑完成的。

4初学者可以把dw设置为设计界面,方便边做边查看效果。然后我们点击插入—image来插入一张。

5因为是初学者,就不网页切图了。我们直接把设计好的一整张网页设计稿插进来,这样就可以看到网页的效果了。但因为是整张,要想单独的给某一小块添加链接就要去画热区来实现了。

6我们需要先调出属性窗口来画热区。点击窗口—属性。

7点击后会在软件底部出现一个属性栏,点击方形热区在你想添加链接的地方画出来可点击的范围。

8然后按照刚才的方法把其他需要添加链接的地方也画上热区。

9画好后我们点击其中一个热区,在属性栏目标中输入跳转的链接。都添加好链接后,点击在浏览器中预览,快捷是F12

10稍后就可以看到做好的网页用浏览器打开了。朋友们会了么?

这个效果需要运用到javascript才可以进行实现这种的滚动。而html里面的marquee标签只能进行左右滚动,并且进行设置相应的滚动方式,这个标签相对来说用的就比较简单了。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存