您好,欢迎来到好店铺,最好的淘宝网店货源网站: [进入会员中心] [找回密码]
网店供货商  玩转好店铺  收藏本站
好店铺淘宝网店货源网
供货商
首页 网店导航 网店货源 网店资讯 网店连接 批发市场 淘宝QQ群 代金券 网店论坛
 
 
淘宝货源 淘宝女装货源 淘宝网店大全 货源批发大全
热点: 品牌网 服装批发市场 北京批发市场 义乌小商品批发市场 汽车用品批发市场 女装品牌大全 男装品牌大全 童装品牌 包包品牌大全 上海批发市场 开网店的步骤
 

网店资讯

 点击排行
 最新资讯
 当前位置:首页 -> 网店装修 -> 店铺装修之店招制作,如何做一个漂亮的店招图片

店铺装修之店招制作,如何做一个漂亮的店招图片


发布时间:2014-09-11 21:04:14
>

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

 

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

详解:店铺装修之店招制作

 

 

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

详解:店铺装修之店招制作3

 

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

鼠标移至“收藏”标签:

 

 

详解:店铺装修之店招制作

鼠标单击后弹出的链接:

 

 

详解:店铺装修之店招制作5

 

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

 

说到这,或许有些卖家还在疑问“二哥,您说的这么简单,傻子都会了”。好吧,既然您这么说,那我反问您“店招中的超链接具体有哪几种方式来制作呢?”答案是:至少四种

 

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

 

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

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

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

 

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

 

详解:店铺装修之店招制作6


 

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

设计页面:

 

 

详解:店铺装修之店招制作7

代码模式页面:

详解:店铺装修之店招制作8

 

 

 

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

详解:店铺装修之店招制作9

 

 

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

详解:店铺装修之店招制作10

 

 

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

详解:店铺装修之店招制作11

 

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

详解:店铺装修之店招制作12

 

 

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

详解:店铺装修之店招制作13

 

 

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

 

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

 

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

详解:店铺装修之店招制作14

 

 

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

详解:店铺装修之店招制作15

 

 

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

详解:店铺装修之店招制作16

 

 

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

详解:店铺装修之店招制作17

 

 

 

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

详解:店铺装修之店招制作18

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

 

 

 

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

详解:店铺装修之店招制作19

 

 

 

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

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

.
·好店铺淘宝货源网
·
·

整理编辑:网店资讯 http://www.haodp.com/zx/

想了解和学习开网店教程,开网店经验,请每天关注好店铺网店资讯!

上一篇:淘宝女装、化妆品、家具、数码类目宝贝详情页
下一篇:淘宝banner设计的技巧(干货经验)
热点:店铺装修之店招制作,如何做一个漂亮的店招图片 网店资讯地图
淘宝网店货源网QQ:517643505 沪ICP备06022925 好店铺网店联盟版权所有 2004-2015