网页设计用布局视图和表格布局网页导论.ppt

教学内容 练习用布局模式和表格布局网页;教学目的 1.掌握用表格布局网页基本操作 2.掌握用布局模式布局网页基本操作 3.比较表格和布局模式的优劣;教学重点 1.用表格布局网页 2.用布局模式布局网页;教学难点 布局模式布局网页 ;一、表格 1、表格元素 表格是除文字、图片外重要的网页元素。 2、用表格布局网页 要点：“水平”、“垂直”、“宽”、“高”、 “标题”、 “背景”、 “背景颜色”、 “边框”、“拆分单元格”、“合并单元格”等等。 ;范例1：仔细观察一组图片，将它们合并为一个完整的图片。 表的设计如下： 列=3，行=6，宽=780，填充=0，间距=0，对齐=居中对齐，边框粗细=0，单元格边距=0，间距=0。 ; 范例1效果;二、布局模式 1、 什么是布局模式 在此模式下，只有2个工具，即布局表格和绘制布局单元格。 2、 用布局模式布局网页 1)在“插入”面板的“布局”工具组中,按“布局”,出现“布局”模式，见图3，图4 ; ;2)布局表格的操作 在“布局”工具中，单击“布局表格”按钮，鼠标指针变为加号。 ;3)、在“布局”工具中，单击“绘制布局单元格”按钮。鼠标指针变为加号。 图6 “绘制布局单元格”工具 指向现有布局表格中的空白（灰色）区域，然后拖动指针以创建布局单元格。 ; 范例2：;