怎么制作右侧自定义内容区（促销区模板）的教程

先介绍一下装修所需的软件Dreamweaver和美图秀秀：

有了Dreamweaver这个软件，就算是在扶植版中只能编辑一个自定义也没有关系的，你可以把你想编辑的板块和内容都在这款软件里好好设计，另外，很多人担心自己不会用这个软件，其实没什么，我也不是专业人士，对店铺自定义的编辑根本就不需要那么专业，只要你能打开电脑，你就会用这款软件；而对于制图软件来讲Photoshop无非是第一选择，但是这款软件实在是太复杂了，一般人都很难做到，而美图秀秀却简单，易上手，且拥有跟Photoshop很多相似的功能。

好了，我们开始吧：

一、先来制图吧：

1、 打开美图秀秀，同时“打开”你要编辑的图片：

2、 软件界面中提供了很多编辑图片的形式，你可以依自己的爱好来编辑：

3、编辑得到你要的结果以后就可以保存了：

因为这款软件简单，一般人依照软件界面指示都能做，到我就不多介绍了；

4、把你编辑的图片上传到你的淘宝图片空间中。

二、打开Dreamweaver，以创建店铺中所需的代码。

1、点击“创建新项目→HTML”：

2、点击界面左上角第二行的“常用”下拉菜单，选择“布局”：

则会由以上的常用栏变成以下的布局栏如下：

3、再点击布局栏中的“布局”按钮：

4、点击“设计”就可以在文档中开始设计了，要注意的是在一定要在设计栏中编辑哦，因为一般人是不懂代码编辑的：

5、你就可以开始布局你设计好的自定义模块了：

点击布局旁边的绿色标签“布局表格”：

仔细看上面这图，你先要考虑好自己的图片的规格（宽度*高度），可以在界面下方的属性栏中通过输入而设置布局表格的属性：