教学内容练习用布局模式和表格布局网页.ppt

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