首页前端开发HTMLDW怎么做热点链接?dw热点链接制作方法图解

DW怎么做热点链接?dw热点链接制作方法图解

时间2024-01-28 16:19:03发布访客分类HTML浏览250
导读:收集整理的这篇文章主要介绍了DW怎么做热点链接?dw热点链接制作方法图解,觉得挺不错的,现在分享给大家,也给大家做个参考。 在平常我们的店铺装修中,经常会遇到在一张图片上做产品链接,或者在一张海报上做产品的链接,在这个时候我们就需...
收集整理的这篇文章主要介绍了DW怎么做热点链接?dw热点链接制作方法图解,觉得挺不错的,现在分享给大家,也给大家做个参考。

在平常我们的店铺装修中,经常会遇到在一张图片上做产品链接,或者在一张海报上做产品的链接,在这个时候我们就需要用到DW来给我们做热点链接,方便我们的店铺装修。

步骤

把我们在ps软件中做好的图片先上传到到图片空间,然后复制图片链接,新建一个htML的空白页面,把图片链接复制粘贴在代码区域

如果我们要对图片的某一个区域做链接,点击一下右边的图片,然后选择页面下方合适的热点工具

点击热点工具中的圆形热点工具,在我们需要做热点的地方,用热点给覆盖住了

热点区域选好了之后,我们需要为该热点设置连接,当在海报点击我们设置热点的区域后,会跳转到我们之前在这里设置到的区域连接。在放连接之前,我们把“#”去掉,然后再放连接

设置好链接之后,需要我们选择链接在浏览器里打开的方式,例如打开新的窗口,或者在原来的窗口跳转等等,一般网店的话,选择blank打开的方式就可以了

接下来我们要把页面保存下来,打开预览我们设置的效果,例如点击是否有跳转等等,没有问题之后再负责代码到网店的装修页面去

注意事项

设置的热点区域在发布时是没有看到的,只在我们在dw设置的时候看到我们选择的热点区域

以上就是dw热点链接制作方法介绍,操作很简单的,大家学会了吗?希望这篇文章能对大家有所帮助!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: dreamweaver怎么做一个简单的网页...下一篇:DW怎么设置网站的背景图像?猜你在找的Dreamweaver教程相关文章 dreamweaver[dw9dw8cs3 cs5]安装视频教程2022-04-15Dreamweaver复制粘贴怎么去除格式? DW设置只复制文本的技巧2022-04-15Dreamweaver窗口大小在哪里设置? dw设置窗口大小的技巧2022-04-15dreamweaver网页上怎么制作DIV图层?2022-04-15Dreamweaver怎么输入项目符号? dw项目符号的添加方法2022-04-15DW2018移动文件时怎么设置从不更新链接?2022-04-15Dw CC 2018速记css样式怎么关闭列表样式?2022-04-15DwCC2018双字节内联输入怎么实现?2022-04-15Dreamweaver2018怎么开启临时文件预览?2022-04-15Dw CC 2018怎么设置上载前先保存文件? Dreamweaver站点的设置方法2022-04-15 其他相关热搜词更多phpjavapython程序员

若转载请注明出处: DW怎么做热点链接?dw热点链接制作方法图解
本文地址: https://pptw.com/jishu/589871.html
在Dreamvear中如何创建html5网页? dw如何插入flash动画?dw插入flash动画方法

游客 回复需填写必要信息