DW怎样做热点链接

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

操作方法

  • 01

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

  • 02

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

  • 03

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

  • 04

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

  • 05

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

  • 06

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

(0)

相关推荐

  • Dreamweaver里怎么做热点链接?

    对于文字和图片(整图)的链接我们都知道通过属性面板可以设置,那局部图片需要链接出去,该怎么设置呢? 操作方法 01 新建文档里插入准备好的素材图片. 02 选中图片,界面左下角箭头处就是热点工具,有圆 ...

  • 淘宝店铺店招的链接如果用DW做热点取边框!

    淘宝店铺店招的链接如果用DW做热点取边框! 操作方法 01 进入淘宝卖家后台左侧导航栏找到"店铺管 02 然后找任意一张图片点击他的查看他的图片链接地址, 03 然后打开DW软件,dw运行打 ...

  • DW如何加热点链接

    这里介绍如何用网页制作工具 ,给自己的网页加上热点链接 操作方法 01 首先打开DW,新建HTML 02 菜单-插入-图像,选择需要加链接的图片 03 然后找到属性下方的热点选框,根据图片热点区域形状 ...

  • Dreamweaver怎么给图片添加热点链接

    很多朋友做前端开发都会用到Dreamweaver软件,这个软件是可视化操作,很方便.下面小编就来演示其方便的一个功能,就是给图片添加热点链接. 操作方法 01 首先打开Dreamweaver CS6, ...

  • mac如何做热点?mac创建wifi热点方法介绍

    如果是家里有路由器的,那热点设置就非常的简单了,那要是在特殊情况下,没有热点怎么办呢,不要着急,有一种方法可以用Mac做热点,接下来请仔细阅读教程。 1,打开“系统偏好设置”,点击“共享→互联网共享” ...

  • 有些朋友在DW里做的鼠标经过更换图片浏览不显示

    很多朋友在DW里做的网页用鼠标经过更换图片,通过F12浏览结果发现图片并未变化,在此详细介绍一下方法. 操作方法 01 先将网页做好,并通过菜单栏,插入-图像对像-鼠标经过图像 02 原始图像和鼠标经 ...

  • Dw怎么做鼠标经过图像

    Dw怎么做鼠标经过图像,鼠标放上去就换另一个图片呢 操作方法 01 打开我们电脑里的dw软件,这是一款网页设计的软件 02 打开之后,在左侧找到文件的按钮 03 点击第一个新建,我们需要新建一个空白的 ...

  • 如何用PS制作网页热点链接

    用Photoshop切片功能,把网页切成不同的区块,给每个区块加上热点链接 操作方法 01 第一:随机照一张图片 02 第二:制作几个按钮 03 第三:用辅助线打好切片范围 04 第四:选择切片工具, ...

  • 如何用Mac做热点

    如果是家里有路由器的,那热点设置就非常的简单了,那要是在特殊情况下,没有热点怎么办呢,不要着急,有一种方法可以用Mac做热点,接下来请仔细阅读教程. 操作方法 01 打开"系统偏好设置&qu ...