D。在其它位置上也添加一些图像占位符，比如店铺logo，店铺分类等等，这些位置可以为你以后操作带来方便。

        E。把图像占位符的地方填好图片的网络连接地址，具体到每个商品图片时候，我们在淘宝里宝贝编辑器中再填进来。在淘宝的宝贝描述编辑器里，我们找到该商品的图片连接地址，填到图像占位符的图片来源上就可以了。这样的话，只需要改动商品图片图像占位符的图像来源地址，就可以显示我们想要的图片了。

      6。以上如果不出所料，按照自己的设计，基本上可以算完工了。具体美不美观要自己慢慢调整。现在最重要的就是在Dreamweaver中切换到代码编辑窗口，CTRL+a选中所有代码，选择复制，然后选择一个宝贝，在淘宝里面编辑该宝贝，在宝贝编辑器里面，选择编辑源文件，这个时候就切换到代码编辑窗口了。将先前复制的代码粘贴到该窗口，然后选择编辑模式，切换到图形编辑模式。这个时候你就发现，以前你设置的图像占位符现在都显示成图片了。如果不能显示，就证明该处没有图像连接地址。敢紧选择该图像占位符，然后点击插入/编辑图像按钮，输入相应的图片连接地址就可以了。  特别要提示的是：修改宝贝描述主要是能够直接显示宝贝的大图。这个时候一定要更改宝贝图片占位符，把该占位符的图像来源改成是当前宝贝的图片连接地址就可以了。

    点击一下预览，可以看看编辑的效果，有什么不满意的，只能以后慢慢修改了。

    切换宝贝编辑器到代码模式，选择所有代码复制并拷贝到一个TXT文本文件中保留，以后每个宝贝都可以用到。新建一个宝贝的时候将这些代码在代码编辑模式下面直接拷贝过来，然后切换回图像编辑模式改变对应的宝贝图片就可以了。

怎么样，一切都很简单吧。

    下面的图是dreamweaver中图形编辑模式下的宝贝模板的布局，红色字体说明部分是常用到的哦，一定要多加留意。

具体的效果大家可以到我的店铺里面随便点击一个宝贝看下就可以。还有很多地方要完善的，请大家多多指教。有什么问题可以一起探讨噢。只能算是抛砖引玉。希望高手们把你们的设计经验跟大家交流一下。

    补充说明一下,在宝贝编辑器中可以使用热点连接这个功能来创建图像上的直接连接功能.比如我的模板上面店铺介绍,逛逛本店,信用评价这些文字上面都使用了连接功能.这个连接功能怎么实现的呢?方法如下:

    选中你需要做连接的图片，图像占位符也是支持的。然后这个时候你发现dreamweaver左下脚有一些绿色的小图标。这些是用来在图片上画出一些方形，圆形或其它形状区域，在浏览器中，鼠标经过这些区域的时候就会变成小手的形状，这些区域就是热区。鼠标点击这一热区的时候就会连接到相应的网页。

    赶快在图上画一个区域，然后在dreamweaver左下角连接地址中输入你想要连接的网页地址。

    将代码考到宝贝编辑器，然后预览一下，当鼠标放到这些区域上的时候，就会变成小手的形状。点击一下，就会连接到相应的网页了。

上一页  [1] [2]