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