《div标签.ppt

10.3.1 知识讲解 1.了解基于CSS的网页布局 2.插入Div标签进行布局 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 1.了解基于CSS的网页布局 CSS网页布局使用层叠样式表格式（而不是传统的HTML表格或框架）组织网页上的内容。CSS布局的基本构造块是Div标签，它是一个HTML标签，在大多数情况下用做文本、图像或其他页面元素的容器。我们在用Div+CSS进行布局时，将Div标签放在页面上，通过设定各个Div标签的属性（如位置、大小、背景和边距等）来构成页面的区块，再向这些区块中添加内容，从而构成完整的页面。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 1.了解基于CSS的网页布局 这种布局方案总体分为两个部分，即CSS样式定义部分和页面中的Div容器部分，CSS代码可嵌在页面内，也可独立创建一个CSS文档，对Div容器的内容显示进行修饰定义。 使用CSS进行网页布局的基本过程如下： （1）构思页面结构，绘制草图。 （2）新建页面和CSS文档，在页面中插入Div标签，并根据草图为每一个Div标签定义样式规则。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Dreamweaver CS3网页设计培训教程 使用AP Div进行网页布局 本课要点 具体要求 本课导读 上机练习 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 本课要点 AP Div的创建及基本编辑 AP Div的属性设置及高级操作 使用Div+CSS进行网页布局 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 具体要求 熟悉AP Div的创建方法 掌握AP Div的基本编辑方法 熟悉AP Div的属性设置方法 掌握AP Div的高级操作 掌握AP Div与表格的相互转换 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 本课导读 AP Div以前被称为“层”，在网页制作中，AP Div的使用非常广泛，能够实现较多的功能，如AP Div的重叠可将多个网页元素重叠在一起，实现特殊的效果；在AP Div中可以放置文本和图像等元素；AP Div可以嵌套；配合行为功能或脚本编码，可以使AP Div在网页中进行移动或变换，使网页中出现随机飘浮的图像效果；使用Div+CSS进行网页布局，不仅十分灵活，而且提高了网页加载速度，已逐渐成为当今网页设计的一项主流技术。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 10.1 AP Div的创建及基本编辑 AP Div在网页中有着非常重要的作用，利用它不仅可以在网页中精确定位对象的位置，还可以利用重叠以及隐藏和显示功能实现一些简单的动态效果。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 10.1 AP Div的创建及基本编辑 10.1.1 知识讲解 10.1.2 典型案例——制作“花样年华”网页 Evaluation only. Created with Aspose.Slides for