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

尚辅网 / 主 编：高志清 作 者：张 伟 中国水利水电出版社 网页制作三剑客案例教程 第12章 网页布局从切片开始 ● 学习目标 学习“切片工具”的使用方法，在综合实例中体会切片工具的奥秘。 u 用切片工具切割网页 用Dreamweaver布局网页 ● 学习内容 12-1 用切片工具切割网页 【切片】工具是Fireworks中的一个非常重要的工具，在Fireworks中将网页设计完成后，要对整个页面进行切分，切分之后各个部分就会保存成块状的图形，然后将这些图片导出来，再放入Dreamweaver中进行网页编辑工作。下面对其操作步骤进行简单的介绍： 导入一个网页，并将要切割的页面放大， 选择 【切片】工具，在页面上绘制一个矩形。 在【属性】面板中设置矩形的宽度为“456px”，高为“50px”，并将切片命名为“header_001”，并在切片的左上角出现切片的名称。 接下来切割按钮，按照“menu_001～menu_009”分别为各个按钮命名。 依照以上的办法，可以对页面进行任意切割。以上操作如下图所示。 图片全部切好之后，运用菜单栏中的【文件】/【导出】命令，便可将切好的图片导出到你建好的文件夹中了。 放大页面 切割图片 为切片命名 切割按钮图片 12-2 用Dreamweaver布局网页 上一节中将如何切割网页进行了详细地讲解，图片切割完之后呢，就可以在Dreamweaver中进行页面布局了。在第一节中，详细讲过如何布局页面的知识，这里只把制作好的实例提供给读者，如右图所示。读者可以参照本书配套光盘“实例”/“第十二章/keda”中的实例，建立新的站点后自行进行练习。 页面效果 12-3 本章小结 通过本章的学习，主要讲解了Fireworks8的【切片工具】，此工具在网页制作中担负着及其重要地作用，因为页面切割是否合理关系到布局网页地过程是否顺利，所以读者在刚开始学习的时候，多找几个页面进行切割，然后再在Dreamweaver中进行布局，在这样的一个过程中，多总结经验，这样才能熟练地掌握切割的技法。 在线教务辅导网： 更多课程配套课件资源请访问在线教务辅导网 馋死