今天要给大家分享的是关于装修“民国风”或者“小清新”店铺的干货。首先准备的软件有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是我们需要的，点击会出现添加上相应的图片链接，将之前的图片链接添加上即可，作为整个页面的底色。
图中红线圈就是刚添加上去的背景色，即店招的图片作为整个画面的底色。
重新翻到设计视图，在相应的部位写上文字，并添加上之前提供的各个链接的代码，这样一个实现文字超链接的店招也就完成了。