DreamweaverCS3网页设计与制作教程第2版申莉莉教案第9章课件教学.pptVIP

第9章 网页的布局 9.1?? 案例1：用布局表格布局网页 9.2 案例2：用框架布局网页 9.3 案例3：利用AP Div布局网页版面 9.4 案例4：将表格转换为AP Div布局 9.5 案例5：在网页中使用Spry布局对象 9.6 习题 在添加具体的网页内容之前，首先应该对网页进行合理的版面布局，确定什么地方要安放什么内容，或什么地方要实现什么效果。网页的版面布局是网页设计中需要最先考虑的步骤，同时也是最重要的步骤。只有合理进行版面布局，才能制作出美观的页面，而且便于日后的维护和修改。 Dreamweaver提供了利用HTML进行网页布局的方法，比较常用的是在“布局”模式下利用表格布局，或者框架布局。Dreamweaver CS3还提供了一个布局对象AP Div，它相当于一个容器，包含了所有HTML文件中出现的元素，如文本、图像和Flash等。通过将AP Div拖到页面的任意位置，可以精确定位页面对象。Spry框架是Dreamweaver CS3新增加的一个功能，它是一个JavaScript库，可以使用它构建更丰富的Web页面，在文档中通过创建Spry框架可以向各种页面元素中添加不同种类的效果。 9.1?? 案例1：用布局表格布局网页 【案例目的】利用表格和单元格来设计网页，效果见图9-1。 【核心知识】结合分栏方式在“布局模式”中用布局表格进行网页