制作完成了,下面一个问题就是如何在不影响效果的基础上,将他们导入到指定的网页中.根据不同的需求,我们提供了大概4种不同的导入方法:
1、以独立的网页文件输出
这种情况可能比较少(多为设计性的网页),不过在需要时,倒是很简单.
完成以后,选择菜单"file "-"export",进入文件导出窗口,如图
在"保存类型"下拉列表中选择"html and images"即可.然后你就可以在浏览器里查看效果了.
2、利用"insert fireworks html"菜单或按钮完成
不过毕竟firework所产生的html文件更多的时候是作为网页的某一部分出现的,因此dreamweaver同时也提供了不错的导入功能.
注意一下,在dreamweaver4的"object"面板中有一个代表firework的图标
.鼠标悬停,你会得到一个"insert fireworks html"的提示信息,单击这个按钮就可以插入firework导出的html文件了.具体的步骤如下:
1)保存当前文档到dw所在的站点目录中.注意一定要输出为.htm的扩展名,否则dreamweaver在插入时不能够正确识别,同时在网页编辑窗口中定位好光标位置.
2)单击"insert fireworks html"按钮或者使用菜单命令"insert"-"interactive image"-"fireworks html".在弹出的的对话框里单击"browse",选择需要插入的firework html文件,如图
需要注意的是在对话框下部还有一个"delete file alter insertion"的复选框,选中以后当源html文件插入到网页以后,dreamweaver会自动将它从网站文件列表中清除掉,只是在不需要备份的情况下使用.
3、利用"复制粘贴"的方式插入firework html文件
上面介绍的两种方法都需要首先建立一个html文件,其实你还可以通过拷贝粘贴的方式完成.也即直接将必要的html代码段拉到网页中来.考虑到其方便快捷的优点,因此使用的比较多.
1)在制作完成的firework编辑窗口中,使用菜单"edit"-"copy html code"或者直接按快捷键ctrl alt c
2)这时会显示"copy html code"向导窗口,并自动将该图片及包含的所有html,javascript信息拷贝到剪贴板中,首先你需要确定使用的html编辑器,默认为dreamweaver.如图
3)单击"next",在随后的窗口中键入切片的基础文件名,这个名字会应用到图片每个切片中,另外你可以单击"html setup"按钮进行更高级的设置.如图
