Fireworks CS3教程:切片工具切网页模板

互联网   发布时间:2008-10-05 23:02:19   作者:佚名   我要评论
  在Fireworks或者是PhotoShop中设计好的网页效果图,需要导入到Dreamweaver中进行排版布局。在导入到Dreamweaver之前,可以使用Fireworks对效果图进行切片和优化,然后才能够把优化好的切片输出到Dreamweaver的站点中进行布局。切片的目的是为了获得图像素材,也就是说能

  7、对每一张切片进行优化后,就可以导出所有的图像素材了。选择【文件】@@【导出】命令(快捷键为【Ctrl Shift R】),会弹出Fireworks CS3的【导出】对话框,如图1-29所示。


Fireworks CS3教程:切片工具切网页模板
  图1-29 Fireworks CS3的【导出】对话框

  8、在【导出】对话框中的【导出】下拉列表中选择【HTML和图像】选项,这样可以激活面板右下角的【选项】按钮,单击【选项】按钮,打开【HTNL设置】对话框,如图1-30所示。


Fireworks CS3教程:切片工具切网页模板
  图1-30【HTML设置】对话框

  9、切换到【文档特定信息】选项卡,设置导出后所有切片的命名规则,可以使用文档名称加切片序号的方式来命名,这样做的目的是为了尽量让切片的名称变得简短,如果切片名称太长,在网页中写脚本的时候字符数量就会增加,网页文件的文件量也就会随之增加,如图1-31所示。设置完毕后,点击【确定】按钮,返回【导出】对话框。


Fireworks CS3教程:切片工具切网页模板
  图1-31 在【HTML设置】对话框中选择【文档特定信息】选项卡

相关文章

最新评论