图片来源@Unsplash，基于CC0协议！
最近用PS做出一张店铺的首页图，在装修的时候突然停住了。因为购买的店铺模板达不到我想要的功能，思来想去的，还是直接询问了度娘吧。百度了都是一些代码，看得我头晕晕的都不知是哪些部分。唉…没办法了，在天猫上搜索了很久才找到与我类似的店铺，直接拷贝他们家的代码，对这些代码分析删掉多余的部分，把需要的那部分留下来。再一点点的测试。下面是淘宝店铺全屏装修的代码：
<div>
<div>
<div>
<div>
<table cellpadding="0" cellspacing="0" >
<tbody>
<tr>
<td rowspan="5">
<img alt="" data-pinit="registered" src="http://img03.taobaocdn.com/imgextra/i3/1669198414/T2wDByXsXaXXXXXXXX_!!1669198414.jpg">
</td>
<td colspan="4">
<a target="_blank" href="http://fjchahua.tmall.com/p/rd416050.htm?&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&scene=taobao_shop">
<img alt="" data-pinit="registered" src="http://img03.taobaocdn.com/imgextra/i3/1669198414/T2IFdCXqhaXXXXXXXX_!!1669198414.jpg">
</a>
</td>
<td rowspan="5">
<img alt="" data-pinit="registered" usemap="#Mapaaa2" src="http://img01.taobaocdn.com/imgextra/i1/1669198414/T2W3V.XsNaXXXXXXXX_!!1669198414.jpg">
</td>
</tr>
<tr>
<td colspan="2">
<img alt="" data-pinit="registered" src="http://img04.taobaocdn.com/imgextra/i4/1669198414/T2LGxPXEVXXXXXXXXX_!!1669198414.jpg">
</td>
<td>
<a target="_blank" href="http://detail.tmall.com/item.htm?spm=a1z10.1.w5003-3238743968.7.Uv0EjQ&id=15449750725&&&&&&&&&&&&&&&&&&&&&&&&&&&scene=taobao_shop">
<img alt="" data-pinit="registered" src="http://img01.taobaocdn.com/imgextra/i1/1669198414/T2bXFGXq8aXXXXXXXX_!!1669198414.jpg">
</a>
</td>
<td>
<a target="_blank" href="http://detail.tmall.com/item.htm?spm=a1z10.5.w4011-2649346260.18.uOuHcZ&id=20728791506&rn=da0cab8c23c62343fc2d558e2fdc99c7&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&scene=taobao_shop">
<img alt="" data-pinit="registered" src="http://img03.taobaocdn.com/imgextra/i3/1669198414/T2i3BSXE8XXXXXXXXX_!!1669198414.jpg">
</a>
</td>
</tr>
<tr>
<td>
<img alt="" data-pinit="registered" src="http://img04.taobaocdn.com/imgextra/i4/1669198414/T2Zo0AXr0aXXXXXXXX_!!1669198414.jpg">
</td>
<td colspan="2">
<a target="_blank" href="http://detail.tmall.com/item.htm?spm=a1z10.5.w4011-2649346260.284.9I8Lzv&id=19140810411&rn=eea4ee94d5c761aa592b8c294b892ed0&&&&&&&&&&&&&&scene=taobao_shop">
<img alt="" data-pinit="registered" src="http://img04.taobaocdn.com/imgextra/i4/1669198414/T20.hyXrdaXXXXXXXX_!!1669198414.jpg">
</a>
</td>
<td>
<a target="_blank" href="http://detail.tmall.com/item.htm?spm=a1z10.1.w3-18485622721.3.U7wcRE&id=26578368373&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&scene=taobao_shop"><img alt="" data-pinit="registered" src="http://img01.taobaocdn.com/imgextra/i1/1669198414/T2.fhCXpxaXXXXXXXX_!!1669198414.jpg">
</a>
</td>
</tr>
<tr>
<td colspan="2">
<img alt="" data-pinit="registered" src="http://img01.taobaocdn.com/imgextra/i1/1669198414/T2EodDXrlaXXXXXXXX_!!1669198414.jpg">
</td>
<td>
<a target="_blank" href="http://detail.tmall.com/item.htm?spm=a1z10.1.w3-18485622721.5.U7wcRE&id=16321726372&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&scene=taobao_shop">
<img alt="" data-pinit="registered" src="http://img03.taobaocdn.com/imgextra/i3/1669198414/T2wKNEXp4aXXXXXXXX_!!1669198414.jpg">
</a>
</td>
<td>
<a target="_blank" href="http://detail.tmall.com/item.htm?spm=a1z10.3.w4011-2649348379.30.XYj5A5&id=18464086326&rn=3962fcba15cae80e1a18cda2593100de&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&scene=taobao_shop">
<img alt="" data-pinit="registered" src="http://img03.taobaocdn.com/imgextra/i3/1669198414/T2.T4EXrlaXXXXXXXX_!!1669198414.jpg">
</a>
</td>
</tr>
<tr>
<td colspan="4">
<img alt="" src="http://img04.taobaocdn.com/imgextra/i4/1669198414/T29K8LXp4aXXXXXXXX_!!1669198414.jpg">
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
这个是有点长，慢慢看，也可以试着做。当然，对店铺装修要有一点的次序，得先用PS把做好的首页图切成自己想要的一块块，我就是这样把这一块块图放到代码里面一点点的测试的。哈……还是被我做成了。