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