Dreamweaver实例教程第3章.pptVIP

第三章 网页的布局与定位 本章学习目标 1）了解网页布局与定位基本概念 2）掌握在网页中使用表格和单元格。 3）了解布局视图的概念。 4）掌握使用表格和布局视图对网页布局和定位。 3.1 布局与定位的基本概念 重点提示 1）网页布局与定位的基本概念。 2）网页布局与定位常用方法。 3）网页布局与定位实例。 3.1 布局与定位的基本概念 布局与定位的基本概念 1．网页尺寸大小 2．网页布局类型 3．网页标题和页脚 4．网页文本和图像 3.1 布局与定位的基本概念 实例１：用一张设计好的网页效果图，将它合理分割，最后生成网页。再用表格进行布局和定位。实例效果如下图所示。 3.2 表格对网页布局与定位 重点提示: 1）网页中插入表格和单元格并输入数据。 2）设置表格和单元的属性。 3）表格和单元格的编辑。 3.2 表格对网页布局与定位 实例2：在网页中插入一个3行3列、边框宽度为5、宽度为75%、单元格填充为2、单元格间距为2的表格。 本实例重点掌握表格的插入方法。 实例3：在实例2的表格中输入文字。 实例4：表格数据的导入 。 实例5：选择表格和表格中的元素。 本实例重点掌握表格、单元格、以及表格中行和列的属性设置 3.3 布局视图对网页布局与定位 重点提示 1）绘制布局表格和布局单元格。 2）设置间隔图像和列设置为自动伸展。 实例6：在Dreamwea