运用Fireworks对图片进行切片.doc

《运用Fireworks对图片进行切片.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、运用Fireworks对图片进行切片切片是图像中的一块矩形区域，可用于在网页中创建链接、翻转和动画效果。通过将图像划分成切片，可以更好地对图像进行控制。将已切片的图像存储为网页格式时，整幅网页界面图像将根据切片的划分方法，切割为一幅幅的小的图片。在制作网站时，通常在Photoshop中进行主页及各二级页面的总体布局设计，再在Fireworks中进行切片，并保存为HTML文件，这样在Dreamweaver中，就可以对不同的切片图片，设置不同的网页链接或网页特殊效果。【实验目的与要求】1．掌握运用Fireworks对图片进行切片的方法。2．掌握在Dreamwe

2、aver中用表格进行页面布局的方法。D:学生学号image【实验素材】main.jpg【实验内容与步骤】1．在资源管理器中建立如图所示的网站目录结构，将文件服务器上“main.jpg”文件复制到“D:学生学号image”文件夹中。2．启动Fireworks，打开main.jpg图像，选择Fireworks工具箱中的切片工具，对图像进行切片分割，如图所示。3．切片完成后，按Ctrl+A快捷键，全选所有切片，选择“文件→导出”命令，打开导出对话框，更改文件名为“org”，保存类型为“HTML和图像”，勾选复选框“将图象放入子文件夹”，单击“浏览”按钮，选

3、择“D:学生学号image”文件夹，将所有切片后的图片保存在image文件夹中。4．启动Dreamweaver，选择“站点→管理站点→新建→站点→高级”命令，新建本地站点。站点名称：XXX本地根文件夹：D:学生学号5．新建网页index.htm，选择“插入→图像对象→FireworksHTML”命令，单击“浏览”按钮，选择org.htm文件，单击“确定”，即可将org.htm文件中的图像导入index.htm中。