实训二Div元素及布局应用资料.pptVIP

实训二 Div元素及布局应用 静态网页设计与实现 学习目标 能够规划网页布局。 能够使用Div+CSS布局网页的方法完成特定网站的制作。 6.3　使用Div+CSS布局网页 本节内容 1.什么是Div Div是一个容器，在HTML页面中的每一个标签几乎都可以称为一个容器，例如p标签。 p文本/p p标签作为一个容器，其中放入了文本。同样，Div也是一个容器，能够放置文本、图片等网页元素。例如： div文本/div Div是HTML中指定的专门用于布局设计的容器对象。传统表格的布局之所以能够进行网页的布局设计，完全依赖于表格对象table。在页面中绘制一个由多个单元格组成的表格，然后在相应的单元格放置内容，并通过对表格单元格的位置控制实现布局的目的，是表格式布局的核心。而Div+CSS布局是一种全新的布局方式，Div是这种布局的核心对象，使用CSS布局的页面不需要使用表格，仅从Div的使用上说，做一个简单的布局只需要使用Div与CSS。 6.3　使用Div+CSS布局网页 2.Div+CSS的优势 1）表现和内容相分离 2）提高搜索引擎对网页的索引效率 3）代码简洁，提高页面浏览速度 4）易于维护和改版 6.3　使用Div+CSS布局网页 3．插入Div 在Dreamweaver CS5中可以方便快捷地插入Div，以插入一个“