用DW怎么给做好的淘宝店招添加热区链接?
来源:网络收集 点击: 时间:2024-02-19【导读】:
用PS设计制作淘宝店招导航并导出图片后,怎么用Dreamweaver 2018给导航添加热区和链接呢?工具/原料moreDreamweaver 2018方法/步骤1/9分步阅读
3/9
4/9
5/9
6/9
7/9
8/9
9/9
图片添加热区店招添加热区淘宝店招热区添加热区链接淘宝店招链接
不会用PS切片的朋友可以查看下方引用的经验哦
2/9首先启动Dreamweaver,并建立一个html文件,在顶部依次点击【插入】-【image】

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

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

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

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

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

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

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

版权声明:
1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。
2、本站仅提供信息发布平台,不承担相关法律责任。
3、若侵犯您的版权或隐私,请联系本站管理员删除。
4、文章链接:http://www.1haoku.cn/art_72135.html
上一篇:猎聘app如何将联系人加入黑名单
下一篇:艾尔登法环啜泣的封印监牢怎么开