网页制作三剑客案例教程肖维明第12章.pptVIP

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