![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=1738939878-H28E4cJCJYE6Q9n5fH9Z8Iq2OuQSBa7g-0-98443a1e26f708092a09ae0b54ceb667)
图2-21 切片位置参考图
4.课堂练习
1)利用钢笔工具(贝塞尔曲线工具),绘出如图2-22所示的图形。
![](https://epubservercos.yuewen.com/24BC50/16499104104976506/epubprivate/OEBPS/Images/firgure_0001_0087.jpg?sign=1738939878-VTmhNnvC122HdnfQwscAaPf1WmC6fN10-0-52acc33908aad0831f62644211c7a673)
图2-22 课堂练习1图形
2)对图2-23所示的首页效果图切片,并导出图片和HTML文档。
![](https://epubservercos.yuewen.com/24BC50/16499104104976506/epubprivate/OEBPS/Images/firgure_0001_0088.jpg?sign=1738939878-Neqrxf94n1AiHJ3Al4fYyTvE1j44LrCL-0-09755678f21f1a80ee92556a84df7f3d)
图2-23 首页效果图