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

网页设计用布局视图和表格布局网页导论.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:;

文档评论(0)

1亿VIP精品文档

相关文档