用DW怎么给做好的淘宝店招添加热区链接

2025-05-13 02:20:40

1、不会用PS切片的朋友可以查看下方引用的经验哦

2、首先启动Dreamweaver,并建立一个html文件,在顶部依次点击【插入】-【image】

用DW怎么给做好的淘宝店招添加热区链接

3、在窗口中选择你切好的店招图片,点击【确定】打开

用DW怎么给做好的淘宝店招添加热区链接

4、打开后可以看到会在body中自动插入一段兔脒巛钒图片代码,引号中的就是图片地址,如果你的图片在图片空间中,可以把地址直接替换成图片空间的链接。然后我们把右上角的【开发人员】界面切换成【标准界面】

用DW怎么给做好的淘宝店招添加热区链接

5、切换标准界面后,点击顶部中间的【拆分】,这样就可以同时看到网页效果和html代码了

用DW怎么给做好的淘宝店招添加热区链接

6、点击【窗口】-【属性】(快捷键Ctrl+F3)调出属性栏

用DW怎么给做好的淘宝店招添加热区链接

7、鼠标点击一下网页效果的图片,在属性栏中点击【方形热区】,然后在你想藜局腑载添加热区的地方直接画一个方形,比如首页按钮,直接画个热区框选住首页两个字。框选后可以看到html代码中多了一行代码,href=“#”中的井号可以替换成你想打开的链接。这样点击首页时,就会打开这个链接了。如此第一个热区就加好了

用DW怎么给做好的淘宝店招添加热区链接

8、按照同样的方法把想添加链接的地方都画上热区,代码中可以看到一列热区代码,是不是觉得不知道哪个是哪个了?别着急哦

用DW怎么给做好的淘宝店招添加热区链接

9、其实我们只需要用鼠标选中网页效果上的其中一个热辨泔矣嚣区,代码也会自动选中这个热区的代码啦,是不是很方便了?这样你是不是就觉得很简单了呢?

用DW怎么给做好的淘宝店招添加热区链接
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢