2.打开dreamweaver，新建HTML。 3.此时打开的文件默认是“代码”状态（代码/拆分/设计），选择“设计”状态。 4.插入表格，弹出一个表格属性窗口。 5.在弹出的窗口上，行列数填1，表劣堡格宽度填整体效果图的宽度（像素单位），确定，弹出小窗口。 6.在小窗口中点一下鼠标，插入整体效果图，弹出一个窗口点确定，图片插队辉入成功。 7.用左下的（矩形/圆形/多边形）热点工具，框选图片的某一部分，会弹出一个窗口，点确定，框选部分变色。 8.在热点工具的属性-链接中粘贴，你想要链接到的地址，点几下“指向文件”小按钮。 9.重复报们满第7-8步骤，框选其他部分并加入对应超链接，保证每一块儿框选的部分，都有对应超链接。 10.另存为网页文件，然后打开该文件，先试试效果，确保万无一失。 1 1.确定后，从“设计”状态切换到“代码”状态，此时的代码在经过修改就可以使用了。 12.将整体效果图上传到淘宝的图片空间。 13.从图片空间中，找到该图片的网络地址。 14.将该地址替换11步中产生的代码中引用的图片位置。 例：在代码中用图片空间该图片的地址替换“整体效果图.png”，表示引用的是图片空间的图片。