今天要给大家分享的是关于装修“民国风”或者“小清新”店铺的干货。首先准备的软件有PS作图软件和DW代码编辑软件。
只有戴帽子的女人才能叫做美,所以此贴先以“店招”的制作来教会大家怎么装饰一个小清新的店铺。即将教授的店招样式如下图所示:
此图中,“致青春”字体的图片上添加了一个店铺收藏的链接,同时在店招的右侧添加有“购物车”、“我的订单”、“收藏店铺”、“帮助中心”字体链接,现将通用的链接分享给大家。
“收藏店铺”的超链接是不同的,需要各位淘宝卖家自行去自家店铺获取,操作如下:进入店铺,将鼠标指向“收藏”标签,接着右击鼠标,有看到“属性”一词,鼠标单击,便弹出了属性中的收藏链接。
鼠标移至“收藏”标签:
鼠标单击后弹出的链接:
将图中地址后面的链接全部复制,您的收藏店铺的制作就完成了。
说到这,或许有些卖家还在疑问“二哥,您说的这么简单,傻子都会了”。好吧,既然您这么说,那我反问您“店招中的超链接具体有哪几种方式来制作呢?”答案是:至少四种。
方法一:使用DW软件的可视化功能进行表格的排版布局,然后将相应大小的图片镶嵌在里面(此方法既要制作表格,还要进行图片的编辑,比较负责,个人不推荐)
方法二:使用PS将店招做好,然后将相应的图片插入DW软件中,利用热点的方式来制作超链接。
步骤一:用PS做好图片,并上传到自己的店铺图片空间中,附上本人店招图片地址,各位请自行下载
>>>https://img01.taobaocdn.com/imgextra/i1/1046054537/T2Eg3LXopXXXXXXXXX_!!1046054537.jpg
步骤二:打开DW软件,使用快捷键CTRL+N新建一个页面,选择图片红勾勾处的页面类型的“HTML”,布局的“无”,点击“新建”,一个HTML页面就生成了。
页面生成后,默认的是可视化页面,即“设计”,接着我们需要将其转换到“代码”模式,删除其中所有的代码。
设计页面:
代码模式页面:
删除代码后,我们有转回设计模式,进行插入刚才提供的那个店招。点击标签“插入”会出现下图的二级菜单,单击“图像”。
单击后,会出现下图的页面,其中URL即为您要输入图片代码的地方,接着单击,图片就完全显示在DW软件上了
步骤三:添加热点。在插入图片的HTML页面中,注意到右下角的热点地图,选择矩形,即可往图片中需要添加热点的部位划框框。
添加了热点的图片部位像添加了一层蓝色蒙版:
热点完成后,用鼠标点击热点处添加超链接,一个完美的店招也就完成了。
添加时,有“链接”和“目标”两个地方需要进行注意,目标处填写_blank,代表该链接在一个新的页面打开。
方法三:PS进行切图,然后填写上相应的超链接即可(个人推荐,操作简单,但仍没法实现文字的超链接,图片是在不美观)
步骤一:在PS上打开店招,选择图中红勾勾处的“切片工具”。
将鼠标移至图片处,右击出现“划分切片”标签,选择自己需要划分的大小。
已经选择好切图部位的图片。
然后双击图片,在相应的位置填上超链接即可完成。
方法四:可以在方法二的基础上完成(二哥就是这样实现文字超链接的)。
将页面切换到代码模式,将鼠标定位在table标签后,按空格键,软件会自动弹出下图中的标签选项。
图中的background是我们需要的,点击会出现添加上相应的图片链接,将之前的图片链接添加上即可,作为整个页面的底色。
图中红线圈就是刚添加上去的背景色,即店招的图片作为整个画面的底色。
重新翻到设计视图,在相应的部位写上文字,并添加上之前提供的各个链接的代码,这样一个实现文字超链接的店招也就完成了。
本文整理于互联网,如有侵权,请联系email:kf@53shop.com 进行删除处理。