Dreamweave培训课程关于创建详细页面
在这一趋势中，我们能做些什么才能跟上潮流，甚至脱颖而出? 今天我想与大家分享如何使用Dreamweaver(DW)创建详细页面。 以下是产品关联的示例以及产品详细信息图的操作。
一、产品关联
重要提醒：在进行DW的操作之前，我们要先把做好的产品关联图片上传到图片银行。记住，这一点对我们后面的操作很重要!
1、打开DW,选择新建【HTML】
2、选择【拆分】选项，这个页面的左边是图片的代码，右边是放图片的位置。我们要先将图片拖到右边的页面去。
3、因为左边是放图片的地址，所以我们要把图片的地址替换成这张图在图片银行的地址，才能在详情页里面有所显示。
4、替换好地址后，我们就需要一个一个地来设置链接跳转了。选择下方的矩形热点工具，选择个方框，把想要跳转的链接复制在【链接】的选项里，选择【】blank，以此类推，把接下来的方框按照个的方法去设置。
5、全部设置完以后，我们就可以看看刚才的设置有没有成功。检查完毕后，我们就可以将代码复制到详情页里去了，注意，复制的代码从往下开始，到往上结束。
因为整个详情页下来，代码会很多，很杂。很多小伙伴就算做好了产品关联的代码，也不知道要复制在哪个位置。这里，小编告诉大家一个小技巧。
我们可以在详情页要替换的位置做一下标识，比如打一个英文单词“here004”。那我们转到代码页的时候就可以直接找这个单词，再把图片的代码复制粘贴在单词下面就可以了~
二、产品详情图
在详情页制作中，一些板块的DW制作过程是很相似的，我们这里用产品详情图作代表，大家可以举一反三，运用到详情页其它板块的制作。
比如我们个板块做了关联营销，那接下来我们就需要在下边写入代码：
这行代码就是需要插入下图的地址
PS：这里插入的图片大小是700*658像素
下面是效果图
后提醒一下各位小伙伴，用DW做完详情页后，记得把文件保存为网页形式的文件。
