淘宝店铺pc端代码详细解析

看文章须知，默认读者会使用dw，并具有基本HTML和css知识，了解淘宝装修后台，若不是，请移步。

所有代码，在dw上不一定能够完美呈现，请直接复制放到淘宝后台装修，预览真正效果。

声明，这是淘宝b店的店铺代码，也就是在天猫上开店的，不是淘宝c店，c店的开店的都是个人。

简单的海报加规则加产品，小店铺看会这个就可以撤了。

<div style="height:11000px;"><!--整个页面图片所占据的高度总和-->

	<div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;"><!--让宽1920图片全屏，或者说是让图片居中-->
		<div class="sn-simple-logo" style="padding:0px;left:-960px;top:auto;"><!--让宽1920图片全屏，或者说是让图片居中-->
			
            <div style="width:1920px;margin:0 auto;"><!--规定div是1920，才可以做到让图片居中，图片即使不是1920的也可以做到居中效果-->
				
                <div>
                <!--点击海报图片时的跳转链接-->
				<a href="//honeygirl.tmall.com/search.htm?spm=a1z10.1-b-s.0.0.2e164191yjGMXk&amp;search=y&amp;scene=taobao_shop" target="_blank">
                 <!--海报图片的地址-->    
                <img src="https://gdp.alicdn.com/imgextra/i2/224692546/O1CN01frVqsy1Ug6uAV3XeB_!!224692546.jpg" border="0" /></a>
				</div>
                
				<div>
                <!--规则区域图片的地址-->
				<img src="https://gdp.alicdn.com/imgextra/i4/224692546/O1CN01MCMLEv1Ug6uBv3AIq_!!224692546.jpg" border="0" />
				</div>
                
				
					<div>
                    <!--产品图片的地址-->
					<img src="https://gdp.alicdn.com/imgextra/i1/224692546/O1CN01WEcwf51Ug6u7JMCgN_!!224692546.jpg" usemap="#Map" border="0" /> 
                    <map name="Map">
                      <area coords="353,902,1504,1724" href="//detail.tmall.com/item.htm?id=589060788544&amp;scene=taobao_shop" target="_blank" style="outline:none;" />
                      <area coords="371,28,1512,874" href="//detail.tmall.com/item.htm?id=587186087408&amp;scene=taobao_shop" target="_blank" style="outline:none;" /> 
                      <area coords="361,2608,1506,3475" href="//detail.tmall.com/item.htm?id=586474071522&amp;scene=taobao_shop" target="_blank" style="outline:none;" /> 
                      <area coords="364,3555,1524,4345" href="//detail.tmall.com/item.htm?id=588248767191&amp;scene=taobao_shop" target="_blank" style="outline:none;" />
                      <area coords="385,5252,1531,6101" href="//detail.tmall.com/item.htm?id=587954177060&amp;scene=taobao_shop" target="_blank" style="outline:none;" /> 
                      <area coords="411,6239,1536,7031" href="//detail.tmall.com/item.htm?id=586824227912&amp;scene=taobao_shop" target="_blank" style="outline:none;" />
                      <area coords="421,7100,1541,7906" href="//detail.tmall.com/item.htm?id=591314310952&amp;scene=taobao_shop" target="_blank" style="outline:none;" /> 
                      <area coords="365,8014,1537,8902" href="//detail.tmall.com/item.htm?id=585050121249&amp;scene=taobao_shop" target="_blank" style="outline:none;" /> 
                      <area coords="395,1776,1558,2571" href="//detail.tmall.com/item.htm?id=573744285811&amp;scene=taobao_shop" target="_blank" style="outline:none;" /> 
                      <area coords="366,8982,1512,9773" href="//detail.tmall.com/item.htm?id=588249095435&amp;scene=taobao_shop" target="_blank" style="outline:none;" />
                      <area coords="407,10672,1578,11431" href="//detail.tmall.com/item.htm?id=588249095435&amp;scene=taobao_shop" target="_blank" style="outline:none;" />
                      <area coords="362,4359,1524,5144" href="//detail.tmall.com/item.htm?id=586675256118&amp;scene=taobao_shop" target="_blank" style="outline:none;" />
                    </map>
					</div>
				
           </div>
        </div>
	</div>
</div>

这个看不懂，我就会心一笑

 ps：实在弄不懂的加我好友，缘分价格帮你搞定淘宝店铺pc装修问题，其他轮播之类的也可讲解，天猫淘宝店铺装修两年经验 。页面图片不包括在内，需要自行提供图片，我是个码农。