当前位置：煜阳网站建设 > 新闻资讯 > 常见问题 > 网页制作相关教程 > Dreamweaver

Dreamweaver怎么给淘宝店招添加链接? 淘宝店招添加链接的技巧

2024-01-20 15:01 小编

DW怎么给淘宝店招添加链接？淘宝店铺装修的时候，想要给店招添加跳转链接，该怎么添加呢？今天我们就来看看使用dw制作的方法，需要的朋友可以参考下

想要使用DW给淘宝店招添加链接，有好多新手卖家不知道怎么给切片的店招加链接，下面我们就来看看详细的教程，很简单哦。

我们打开DW，新建一个【HTML】文档，如图所示。

接着，我们把HTML文档保存在店招切片的文件夹里，然后把光标定在<body>的后面【插入】3行4列的【表格】，表格宽度为950像素，点击【确定】，如图所示。

我们根据店招切片的需要，选中部分单元格进行【合并】，然后把第3行的4个单元格合并为1个，如图所示。

接下来，我们在第3行的单元格里【插入】1行7列的【表格】，表格宽度为100百分比，点击【确定】，如图所示。

我们点击插入【图像】，分别给单元格插入切片好的图片（制作方法请看：ps怎么设计淘宝全屏店招? ），如图所示。

我们选中图片在下方的源文件里，可以看到的图片对应序号，如图所示。

接着，我们在图片空间里找到相同序号的图片，然后点击【复制链接】，如图所示。

接下来，我们把复制的图片链接粘贴在源文件里面（要把图片的短链接删除掉），然后在【链接】里面复制相关的宝贝链接，选择【_blank】，如图所示。

我们把店招的所有图片和链接都换好之后，在dw里面按下【CTRL+F】打开查找替换，在查找里面输入【<img】，替换输入【<img style="display:block;"】，点击【替换全部】，如图所示。

我们把<body>开头到</body>结束的代码全部选中，按下【CTRL+C】拷贝，如图所示。

接着，我们在卖家中心的店铺管理中选择【店铺装修】，如图所示。

我们在店铺装修中选择【PC装修】，如图所示。

我们在首页的右边点击【装修页面】，如图所示。

按下来，我们在店铺招牌里面选择【自定义招牌】把代码粘贴在进来，高度设置为150px，点击【保存】，如图所示。

我们在页头背景图里面更换为1920*150的店招背景图片，然后点击【应用到所有页面】，如图所示。

最后，我们点击发布就可以看到全屏店招的效果了。

Tag：怎么技巧

返回首页上一篇：Dreamweaver怎么替换文字? DW批量替换文字的技巧下一篇：DW2021怎么下载? Dreamweaver2021破解安装图文教程

猜你喜欢

联络方式：

13363039260

微信二维码

您感兴趣的内容

建设网站费用: 公司网站制作; seo优化推广; 托管服务

网站案例: 网站模板; 解决方案; 地区

服务项目: 建站; 优化; 维护

新闻资讯: 公司动态; 建站资讯; 常见问题

关于我们: 域名注册; 虚拟主机; 云服务器

加微信咨询

微信二维码

网站备案号：冀ICP备17016639号 Copyright © 2016-2025 邯郸市煜阳网络科技有限公司版权所有
地址：河北省邯郸市丛台区赵都华润A座803室电话：13363039260 QQ群1：522899734 QQ群2：542925463
本页内容由煜阳网络科技有限公司通过网络收集编辑所得，
所有资料仅供用户学习参考，本站不拥有所有权，如您认为本网页中有涉嫌抄袭的内容，请及时与我们联系，并提供相关证据，
工作人员会在5工作日内联系您，一经查实，本站立刻删除侵权内容。

客服QQ

电话

13363039260

微信二维码

微信二维码