新手淘宝装修网店完美详细教程,简单容易上手(4)

移动完毕，再做微调后(因为我们做的促销内容为白色，与底色相近，所以重新在背景层上增加了一层深灰色色块层)得到如下效果。(注：朋友们也可以使用不同的图片代替，效果是一样的。希望朋友们能举一反三)

第九步,整图分拆

有的新手朋友可能会说，这好不容易组成了一个整体图，现在又要划分，真费事。 哈哈,是费了点事，但是，如果不划分，整图传到淘宝网店，会严重影响打开网店网页的速度，为了加快速度，这一步是必不可少的。

选择切片工具，我们使用切片工具对图片像划豆腐一样来操作如下图,操作方法：点选切片工具后，移动鼠标至需划分的位置，按下左键不松，拖动选框.画好后，系统自动会给划好的块编号，并以蓝色显示，下图我们分了10块,划分的原则是将所有促销内容划分成单独块。

D.保存为网页文件，文件-存储为web和设备所用格式

单击存储，选如下选项html和图像.

选择保存后，存储的文件夹仙出现两个文件，一个是html,加一个是图像文件夹

E.提取有用的代码

我们使用ie浏览器打开html文件。如图

单击查看菜单下的源文件

出现使用记事本打开的源代码，并按ctrl+c复制<table与</table>及之间的所有代码

F.将代码加入淘宝店

进入店铺装修后台，在右边增加新的模，选择自定义内容区，进入编辑页面，选择代码按钮。