第7章网页布局研讨.ppt

本章习题上机练习 练习1 使用布局表格排版网站首页 在布局模式下，通过使用布局表格设计一个网站首页的版式，效果如图所示。 练习2 使用CSS布局网页 表格＋CSS布局和DIV＋CSS布局是目前最常用的CSS布局方法，请尝试利用CSS布局一个两栏的网站首页。 第7章 网页布局 当遨游Internet时，一幅幅漂亮的网页令人流连忘返，网页的精彩和色彩的搭配、文字的变化、图片的处理等关系密切，除此之外，还有一个非常重要的因素——网页的布局。 本章介绍用Dreamweaver进行网页布局的方法和技巧，主要内容有： 利用层进行布局 利用表格＋CSS进行布局 利用DIV＋CSS进行布局 7.1 应用层布局网页 层（Layer）是一种 HTML 页面元素，它的功能强大，可以创建复杂的页面布局。层提供了一种在网页上比较自由地进行布局和设计的途径，在进行页面布局时，可以任意调整层的大小、背景、叠放顺序等，如同在绘图软件中作图一样方便。 一、层的概念与作用 层是被分配了绝对位置的HTML页面元素（具体地说，是div标签或任何其他标签）。层可以包含文本、图像或其他任何可在HTML文档正文中放入的内容，它为网页设计者提供了强大的网页控制能力。 层主要功能包括排版布局和制作动态效果。在Dreamweaver中，通过层可以对文档内容实现精确的绝对定位。因为层相当于网页内的