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