![Div+CSS网页制作实战教程](https://wfqqreader-1252317822.image.myqcloud.com/cover/304/29970304/b_29970304.jpg)
上QQ阅读APP看书,第一时间看更新
2.1.3 任务实施
1.任务场景
对某企业的茶叶网站首页进行切片并导出图片和HTML文档模板。
2.操作环境
Windows7、Fireworks。
3.操作步骤
1)启动Fireworks,导入首页图片。
2)打开辅助线,选择切片工具,按图2-21所示的图片辅助线位置进行切片并导出图片和HTML文档。
![](https://epubservercos.yuewen.com/24BC50/16499104104976506/epubprivate/OEBPS/Images/firgure_0001_0086.jpg?sign=1739299138-lrWwLtgqgsDWUugPOGyGMi4s7SNKAkfZ-0-5508af06d8779bc3147dd5f50fb87fa7)
图2-21 切片位置参考图
4.课堂练习
1)利用钢笔工具(贝塞尔曲线工具),绘出如图2-22所示的图形。
![](https://epubservercos.yuewen.com/24BC50/16499104104976506/epubprivate/OEBPS/Images/firgure_0001_0087.jpg?sign=1739299138-YHWWrh9eYNxwMLbMEh4UJyq0n9uRTrAg-0-7d5455bb1e49b3c9f18eedf2f222bf82)
图2-22 课堂练习1图形
2)对图2-23所示的首页效果图切片,并导出图片和HTML文档。
![](https://epubservercos.yuewen.com/24BC50/16499104104976506/epubprivate/OEBPS/Images/firgure_0001_0088.jpg?sign=1739299138-Aeo4dI9C8KyBxtwFEjMVgEBh0rJHlSIj-0-a64802b58f086121d70e671ee61c518f)
图2-23 首页效果图