- Div+CSS网页制作实战教程
- 周苏峡
- 195字
- 2021-03-26 11:35:40
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=1739530597-bQTv8FvLMKUSFFFsEluAjZzaXIcQsxYh-0-adfa3156c7a9de585eb76490af384bb1)
图2-21 切片位置参考图
4.课堂练习
1)利用钢笔工具(贝塞尔曲线工具),绘出如图2-22所示的图形。
![](https://epubservercos.yuewen.com/24BC50/16499104104976506/epubprivate/OEBPS/Images/firgure_0001_0087.jpg?sign=1739530597-TbkpkJEfRr3P3avJNvUQEWhKhsqMnI3Y-0-be2e66d21243c533b1195a7ed42e609b)
图2-22 课堂练习1图形
2)对图2-23所示的首页效果图切片,并导出图片和HTML文档。
![](https://epubservercos.yuewen.com/24BC50/16499104104976506/epubprivate/OEBPS/Images/firgure_0001_0088.jpg?sign=1739530597-TDgHOyNB3M6EKZRSdhMn2ikPVSwHTFLd-0-36f9cb5481aa396ebdc6b1d01f54d58d)
图2-23 首页效果图