文档介绍：网页制作三剑客案例教程
第
12
章
网页布局从切片开始
●
学****目标
学****切片工具”的使用方法，在综合实例中体会切片工具的奥秘。
●
学****内容
u
用切片工具切割网页
u
用
Dreamweaver
布局网页
12-1
用切片工具切割网页
【切片】工具是
Fireworks
中的一个非常重要的工具，在
Fireworks
中将网页设计完
成后，要对整个页面进行切分，切分之后各个部分就会保存成块状的图形，然后将这
些图片导出来，再放入
Dreamweaver
中进行网页编辑工作。下面对其操作步骤进行
简单的介绍：
?
导入一个网页，并将要切割的页面放大，
?
选择
【切片】工具，在页面上绘制一个矩形。
?
在【属性】面板中设置矩形的宽度为“
456
px”
，高为“
50
px”
，并将切片命名为
“
header_001
”
，并在切片的左上角出现切片的名称。
?
接下来切割按钮，按照“
menu_001
～
menu_009
”
分别为各个按钮命名。
依照以上的办法，可以对页面进行任意切割。以上操作如下图所示。
?
图片全部切好之后，运用菜单栏中的【文件】
/
【导出】命令，便可将切好的图片
导出到你建好的文件夹中了。
放
大
页
面
切
割
图
片
为
切
片
命
名
切割按钮图片
12-2
用
Dreamweaver
布局网页
上一节中将如何切割网页
进行了详细地讲解，图片
切割完之后呢，就可以在
Dreamweaver
中进行页