Dreamweaver怎么给淘宝店招添加链接? 淘宝店招添加链接的技巧
想要使用DW给淘宝店招添加链接，有好多新手卖家不知道怎么给切片的店招加链接，下面我们就来看看详细的教程，很简单哦。
Adobe Dreamweaver 2020 v20.0.0 精简中文特别版 64位
查看详情
我们打开DW，新建一个【HTML】文档，如图所示。
接着，我们把HTML文档保存在店招切片的文件夹里，然后把光标定在
的后面【插入】3行4列的【表格】，表格宽度为950像素，点击【确定】，如图所示。
我们根据店招切片的需要，选中部分单元格进行【合并】，然后把第3行的4个单元格合并为1个，如图所示。
接下来，我们在第3行的单元格里【插入】1行7列的【表格】，表格宽度为100百分比，点击【确定】，如图所示。
我们点击插入【图像】，分别给单元格插入切片好的图片（制作方法请看：ps怎么设计淘宝全屏店招? ），如图所示。
我们选中图片在下方的源文件里，可以看到的图片对应序号，如图所示。
接着，我们在图片空间里找到相同序号的图片，然后点击【复制链接】，如图所示。
接下来，我们把复制的图片链接粘贴在源文件里面（要把图片的短链接删除掉），然后在【链接】里面复制相关的宝贝链接，选择【_blank】，如图所示。
我们把店招的所有图片和链接都换好之后，在dw里面按下【CTRL+F】打开查找替换，在查找里面输入【
我们把
开头到结束的代码全部选中，按下【CTRL+C】拷贝，如图所示。
接着，我们在卖家中心的店铺管理中选择【店铺装修】，如图所示。
我们在店铺装修中选择【PC装修】，如图所示。
我们在首页的右边点击【装修页面】，如图所示。
按下来，我们在店铺招牌里面选择【自定义招牌】把代码粘贴在进来，高度设置为150px，点击【保存】，如图所示。
我们在页头背景图里面更换为1920*150的店招背景图片，然后点击【应用到所有页面】，如图所示。
最后，我们点击发布就可以看到全屏店招的效果了。
以上就是淘宝店招添加链接的技巧，希望大家喜欢，请继续关注潘少俊衡。
相关推荐：
Dreamweaver代码怎么自动排版? dw代码格式化的技巧
版权声明
本文仅代表作者观点，不代表本站立场。
本文系作者授权发表，未经许可，不得转载。
本文地址：/web/DW/78366.html
