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

百度经验   发布时间:2021-01-22 11:31:38   作者:lily51588   我要评论
DW怎么给淘宝店招添加链接?淘宝店铺装修的时候,想要给店招添加跳转链接,该怎么添加呢?今天我们就来看看使用dw制作的方法,需要的朋友可以参考下

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

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

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

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

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

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

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

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

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

相关文章

  • DW2021怎么下载? Dreamweaver2021破解安装图文教程

    DW2021怎么下载?DW2021版本想要下载安装,该怎么下载呢?下面我们就来看看Dreamweaver2021破解安装图文教程,需要的朋友可以参考下
    2020-11-19
  • Dreamweaver怎么做一个hello world网页?

    Dreamweaver怎么做一个hello world网页?对于初学者使用Dreamweaver制作一个网页是很值得高兴的一件事,该怎么使用dw制作一个最简单的hello world页面呢?下面我们的就来看
    2020-09-03
  • Dreamweaver文字或图片怎么添加空连接?

    Dreamweaver文字或图片怎么添加空连接?Dreamweaver制作网页的时候,需要给网页中的图片或者文字添加空连接,该怎么实现呢?下面我们就来看看详细的教程,需要的朋友可以参
    2019-10-09
  • Dreamweaver媒体查询命令怎么使用?

    Dreamweaver媒体查询命令怎么使用?Dreamweaver制作页面会用到很多命令,我们今天就来介绍关于媒体查询命令的使用方法,需要的朋友可以参考下
    2019-09-03
  • Dreamweaver怎么修改文档说明类型?

    Dreamweaver怎么修改文档说明类型?Dreamweaver中想要更改文档说明,该怎么更改呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-09-03
  • Dreamweaver怎么插入水平线并设置颜色?

    Dreamweaver怎么插入水平线并设置颜色?Dreamweaver制作网页的时候,想要插入一个水平线,该怎么插入水平线并设置红色呢?下面我们就来看看详细的教程,需要的朋友可以参考
    2019-05-06
  • dreamweaver怎么使用正则表达式?

    dreamweaver怎么使用正则表达式?dreamweaver页面中有需要替换的内容,该怎么替换呢?我们可以使用正则表达式来替换,下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-04-30
  • Dreamweaver网页怎么插入单选按钮?

    Dreamweaver网页怎么插入单选按钮?Dreamweaver设计网页的时候,需要使用单选按钮,该怎么插入单选按钮呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-04-26
  • Dreamweaver CC2019怎么制作关注按钮?

    Dreamweaver CC2019怎么制作关注按钮?dw2019中想要制作一个按钮并给按钮添加链接,实现关注的效果,该怎么操作嗯?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-04-25
  • Dreamweaver CS3复选框怎么用? dw复选框属性介绍

    Dreamweaver CS3复选框怎么用?Dreamweaver CS3制作网页的时候,经常使用复选框,复选框的各种属性有什么作用?下面我们就来看看dw复选框属性介绍,需要的朋友可以参考下
    2019-04-24

最新评论