正在阅读：旺铺装修DIY！PS切图及HTML代码制作旺铺装修DIY！PS切图及HTML代码制作

　　经营网店的店主都知道，淘宝旺铺装修重点还是在促销区和顶部的店招，上节教程我们已经介绍了这两个部分的设计制作过程，本节给大家介绍如何对设计好的图片进行切图，使用Dreamweaver软件把切好的东西变成HTML，并使用于网店。

　　上一节：旺铺装修DIY！PS轻松制作店招和促销区

　　接下来我们就来看看如何使用PS切图和HTML代码处理：

　　温馨提示：以下小图点击可放大，并能更直观学习教程。

图1（+点击上图可放大）

图2（+点击上图可放大）

图3（+点击上图可放大）

图4（+点击上图可放大）

图5（+点击上图可放大）

图6（+点击上图可放大）

图7（+点击上图可放大）

图8（+点击上图可放大）

图9（+点击上图可放大）

图10（+点击上图可放大）

图11（+点击上图可放大）

图12（+点击上图可放大）

图13（+点击上图可放大）