2。网页制作之前，首先要考虑自己模板的基本布局。先不要着急用dreamweaver开始编辑，正式编辑之前我建议朋友们多看一些别人的作品，总结出宝贝描述模板的大体布局方法，需要的各个选项！最好的办法就是先纸上谈兵，在纸上用笔先勾画出描述模板的布局，注明需要做的一些工作等。不过，宝贝模板的主要模块我总结就是以下就是几块

A.商品的大图B。商品的描述C买家事宜D配送方法E店铺分类F店铺连接

可以在纸上粗粗描绘一下大体的布局，然后再开始下面的工作。

        3。准备素材。做网页不能没有素材，素材就是指一些养眼的图片，文字，背景等资源。还有最重要的，也最可能用到的就是你店铺的logo，宝贝的图片，文字介绍跟店铺商品有关的一切了。把这些素材都统统归到一个目录下面（真正正规的编辑方法是按照文件夹来组织自己的素材），方便以后寻找。另外，为了做出更好的效果，可能还要动用一下photoshop这个工具，特别对图片处理都离不开它。下载的方法象上面所说的就可以了。

        4。现在基本的东西已经准备好了。那么就开始做吧。

A。首先打开Dreamweaver，新建一个html网页。这个时候工作台上你看到一个白色的区域，就是编辑区域了。

B。添加表格进行布局。这一点很重要，因为表格能够比较方便的让我们进行布局的分配，以及以后各种素材的定位。有了表格，我们心里面就对布局基本有数了。在表格里面可以添加我们的素材，文字，更改背景等。这些文字一般是通用的文字，固定不变的，不会随着宝贝的不同而变化，比如【买家事宜】，【配送方法】等标题性和说明性的文字。这个时候我们还要留出放置宝贝图片，和宝贝描述的位置，这些都是会变化的，因为每个宝贝的图片，和描述都是不同的。因此一定要留出这个位置。

      提示：这一步之前首先要把需要用到的图片上传网络上去，我推荐给大家WWW.dianmeng.COM这个网站。首先上传有一个好处，以后在使用图片的时候，直接可以找到图片，然后复制下该图片的连接添加到图像占位符的来源上面就可以了，不用再一边上传图像，一边编辑网页。

        C。在需要添加图片的位置上，添加一个图像占位符，记住，宝贝描述模板中所有的图像都一定是一个图像占位符，不能直接图像。添加完后我们看到一个断裂的方块，证明该对象是个图像占位符。

    【重点理解】为什么不直接插入图像呢？直接插入图像在淘宝里面是无法显示的。在要放置图像的地方，包括背景图等都要使用图像占位符。有了图像占位符，等于是先占好了这个位置，然后在这个位置上添加相应的图片连接地址，这样当在浏览器中查看网页的时候，浏览器自己按照图片的连接地址下载图像，就可以显示出自己想要的图片了。这点很重要哦。

    特别需要说明一下，对于背景图片以及固定显示不变的图片，编辑的时候应该把相应的图片连接地址输入到图像占位符的图像来源里面。这样，就无需在淘宝里面再编辑这些固定的图片，只需要更改宝贝图片就可以了。至于图片的存储地址，163网站是不支持的，我提供大家一个网站，www.

[1] [2]  下一页