首页 电商 正文

网店装修模板教程之:店铺装修之店招制作

2024-03-21 09:19
admin

作为一家淘宝店铺,在店铺装修的体现上,对美的认识不可或缺。店招相当于帽子,而店铺的首页相当于女人的身子,因此一个漂亮的店招戴在完美的首页之上才会形成真正的美,真正的艺术美。

从今年各大高校各种的民国风毕业照即可看出人们对于朴素的向往,对于文艺青年的渴望。

今天要给大家分享的是关于装修“民国风”或者“小清新”店铺的干货。首先准备的软件有编辑软件。

只有戴帽子的女人才能叫做美,所以此贴先以“店招”的制作来教会大家怎么装饰一个小清新的店铺。即将教授的店招样式如下图所示:

此图中,“致青春”字体的图片上添加了一个店铺收藏的链接,同时在店招的右侧添加有“字体链接,现将通用的链接分享给大家。

的超链接是不同的,需要各位淘宝卖家自行去自家店铺获取,操作如下:进入店铺,将鼠标指向“收藏”标签,接着右击鼠标,有看到“属性”一词,鼠标单击,便弹出了属性中的收藏链接。

鼠标移至“收藏”标签:

鼠标单击后弹出的链接:

将图中地址后面的链接全部复制,您的收藏店铺的制作就完成了。

说到这,或许有些卖家还在疑问“二哥,您说的这么简单,傻子都会了”。好吧,既然您这么说,那我反问您“”答案是:

使用DW软件的可视化功能进行表格的排版布局,然后将相应大小的图片镶嵌在里面(此方法既要制作表格,还要进行图片的编辑,比较负责,个人不推荐)

使用PS将店招做好,然后将相应的图片插入DW软件中,利用热点的方式来制作超链接。

步骤一:用PS做好图片,并上传到自己的店铺图片空间中,附上本人店招图片地址,各位请自行下载

>>>http://img01.taobaocdn.com/imgextra/i1/1046054537/T2Eg3LXopXXXXXXXXX_!!1046054537.jpg

步骤二:打开DW软件,使用快捷键CTRL+N新建一个页面,选择图片红勾勾处的页面类型的“HTML”,布局的“无”,点击“新建”,一个HTML页面就生成了。

页面生成后,默认的是可视化页面,即“设计”,接着我们需要将其转换到“代码”模式,删除其中所有的代码。

设计页面:

代码模式页面:

删除代码后,我们有转回设计模式,进行插入刚才提供的那个店招。点击标签“插入”会出现下图的二级菜单,单击“图像”。

单击后,会出现下图的页面,其中URL即为您要输入图片代码的地方,接着单击,图片就完全显示在DW软件上了

步骤三:添加热点。在插入图片的HTML页面中,注意到右下角的热点地图,选择矩形,即可往图片中需要添加热点的部位划框框。

添加了热点的图片部位像添加了一层蓝色蒙版:

热点完成后,用鼠标点击热点处添加超链接,一个完美的店招也就完成了。

添加时,有“链接”和“目标”两个地方需要进行注意,目标处填写_blank,代表该链接在一个新的页面打开。

PS进行切图,然后填写上相应的超链接即可(个人推荐,操作简单,但仍没法实现文字的超链接,图片是在不美观)

步骤一:在PS上打开店招,选择图中红勾勾处的“切片工具”。

将鼠标移至图片处,右击出现“划分切片”标签,选择自己需要划分的大小。

已经选择好切图部位的图片。

然后双击图片,在相应的位置填上超链接即可完成。

可以在方法二的基础上完成(二哥就是这样实现文字超链接的)。

将页面切换到代码模式,将鼠标定位在table标签后,按空格键,软件会自动弹出下图中的标签选项。

图中的background是我们需要的,点击会出现添加上相应的图片链接,将之前的图片链接添加上即可,作为整个页面的底色。

图中红线圈就是刚添加上去的背景色,即店招的图片作为整个画面的底色。

重新翻到设计视图,在相应的部位写上文字,并添加上之前提供的各个链接的代码,这样一个实现文字超链接的店招也就完成了。

相关文章

  • 京东店铺优惠券怎么领(京东各处优惠券领券位置)

    京东店铺优惠券怎么领(京东各处优惠券领券位置) 估计很多人都是本着京豆去了,但是偶尔也会有一些不错的优惠券。,除此之外,在店铺首页由精选切换到活动,有时也会有特殊的粉丝券可以领取。,(25)play day 另外这个是还没有赶上的每月8日的plus day,印象中提前一天会开放这个页面,里面有一大堆优惠券,有些甚至是神券可以领取,如果每个月7日能想起来的话建议去翻一翻。

    2024-03-18 09:30
  • 京东店铺logo在哪设置(京东logo设计说明)

    京东店铺logo在哪设置(京东logo设计说明) 商家登录后台,然后点击第二个标签“我的店铺”。,如果在这里找到,可以直接点击第二个“店铺装修设置”。,在这里的右边,你会看到一个“店铺装修”。

    2024-03-18 09:30
  • 京东店铺跳失率多少正常(降低跳失率提高转化率的方法)

    京东店铺跳失率多少正常(降低跳失率提高转化率的方法) 究竟网店各页面的跳失率大小为多少才算正常水平?,宝贝页跳失率在50%左右都属于正常水平,但是如第5行所示,这一页宝贝的跳失率达到了60%以上,就需要花心思做一些优化了,毕竟这样的数据水平不太乐观,有必要作出改进。,降低跳失率提高转化率的方法一、 宝贝价格亲民很多卖家为了赚取高利润,将宝贝价格设置很高,导致客户很难接受而流失。

    2024-03-18 09:30
  • 京东店铺首页怎么装修(网店首页装修思路方案)

    京东店铺首页怎么装修(网店首页装修思路方案) 我将首页分为3屏:因为一般人滑动手机也就滑那么几下,如果让用户找不到他们感兴趣的内容,用户很快就会流失掉。,分为3类:4. 常购清单 页面布局:分为常买(买过1次以上)、可能再会买(买过1次),后台应该是会把购买频次相对较高的商品放上去,比如生活用品、水果零食之类的,而不是把所有购买过的商品都列上去,那样不是很合理。,下一期我会对电商平台的商品详情页进行对比研究,欢迎关注。

    2024-03-18 09:30
  • 京东礼品卡如何使用?礼品卡怎么购买?

    京东礼品卡如何使用?礼品卡怎么购买? 京东是国内比较有实力的电商平台,为了吸引用户在平台上面消费,京东也在平台推出了礼品卡,能够作为礼品在用户之间流通。获得礼品卡的用户,可以直接使用礼品卡在京东平台消费,那么京东礼品卡如何使用?一、礼品卡如何使用1、没有经过绑定的礼品卡是可以任意转让的。用户拿到卡后,刮开礼品卡后面的密码,记住礼品卡的卡号和密码。2、打开京东网,登陆自己的用记名。如果是新用户的话,可以花几分钟注册一个新的号码,很简单。

    2024-03-13 19:12
  • 京东618活动场景怎么搭建?怎么提升热度?

    京东618活动场景怎么搭建?怎么提升热度? 2、大促页面中的动线设计,提升留存大促活动场景可使用模块化设计的方式:头图氛围,玩法攻略,活动优惠栏,秒杀板块,爆品专区,主推楼层,折扣楼层等。,可通过发布玩法攻略达到引流,预约,发券等营销目的。,商家要在这时期进行预售订单催付,刺激未成交兴趣用户付款。

    2024-03-13 19:09
  • 京东手机端首页尺寸是多少?装修技巧介绍

    京东手机端首页尺寸是多少?装修技巧介绍 在这种趋势下,商家一定要特别注意移动端页面的装修设计。,4、京东详情图一般定位在3到6屏,手机端如果页面弄太长的话,会影响用户体验。,手机端用户下单无非就是看你几张细节图,合适呢我就下单不合适就在去逛逛。

    2024-03-13 19:09
  • 京东没收到货怎么理赔?投诉步骤是什么?

    京东没收到货怎么理赔?投诉步骤是什么? 在京东上面购物,其实也有一些消费者出现了没有收到货的情况,针对这种情况,买家肯定也会出来维护自己的权益,那么到底应该怎么理赔呢?投诉的步骤是什么呢?1、如果是京东自营商品,即从京东配送发货的商品,需要查看一下商品的物流状态,如果已经签收而没有收到货,就联系京东客服,说明情况,自然会帮助解决。,2、如果不是京东自营商品,而是个人商家的商品,在物流表明已经签收的状态下,可以找到物流的快递,看是否为快递

    2024-03-13 19:08
  • 京东拼购在哪里进入?商品为何价格低廉?

    京东拼购在哪里进入?商品为何价格低廉? 2、京东拼购产品大多数都是生活用品,所以京东拼购的团购价也就能便宜一些,所以用户单独购买,价格是不一样的。,目前刚在京东拼购买了几样东西,质量还可以。,所以,我们在买东西时,也是要有选择性的。

    2024-03-13 19:03
  • 京东e卡在哪里找?京东e卡是什么?

    京东e卡在哪里找?京东e卡是什么? 没有使用完的余额将仍然保留在京东卡/京东E卡中,可在有效期内继续使用。,如果当次消费金额超过京东卡/京东E卡的金额,不足部份需顾客使用其它支付方式付清。,京东卡不能购买部分虚拟产品、部分团购商品、政府补贴的大家电、金银投资类商品。

    2024-03-13 19:02