如何利用DW给淘宝店招添加链接

 时间:2024-10-12 13:56:59

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

如何利用DW给淘宝店招添加链接

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

如何利用DW给淘宝店招添加链接

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

如何利用DW给淘宝店招添加链接

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

如何利用DW给淘宝店招添加链接
如何利用DW给淘宝店招添加链接

5、我们点击插入【图像】,分别给单元格插入切片好的图片,如图所示。

如何利用DW给淘宝店招添加链接

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

如何利用DW给淘宝店招添加链接

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

如何利用DW给淘宝店招添加链接

8、接下来,我们把复制的图片链接粘贴在源文件里面钱砀渝测(要把图片的短链接删除掉),然后在【链接】里面复制相关的宝贝链接,选择【_blank】,如图所示。

如何利用DW给淘宝店招添加链接

9、我们凸鹣沮北把店招的所有图片和链接都换好之后,在dw里面按下【CTRL+F】打开查找替换,在查找里面输入【<img】,替换输入【<img styl髫潋啜缅e="display:block;"】,点击【替换全部】,如图所示。

如何利用DW给淘宝店招添加链接

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

如何利用DW给淘宝店招添加链接

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

如何利用DW给淘宝店招添加链接

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

如何利用DW给淘宝店招添加链接

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

如何利用DW给淘宝店招添加链接

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

如何利用DW给淘宝店招添加链接

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

如何利用DW给淘宝店招添加链接
如何利用DW给淘宝店招添加链接

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

如何利用DW给淘宝店招添加链接
  • Dreamweaver cs6中空格的使用及AP div的使用
  • 淘宝如何用DW给图片加上超级连接
  • Dw怎样新建一个站点
  • DW如何设置上下左右操作页面
  • 在Dreamweaver文档中如何插入记录集导航条?
  • 热门搜索
    弘扬法治精神手抄报 安全伴我行手抄报图片 国庆70周年手抄报内容 初中英语手抄报图片 关于我爱读书手抄报 英语手抄报国庆节 关于马的手抄报图片 文明礼仪手抄报花边 庆十一手抄报 环保小报手抄报