2015表格应用和布局.pptVIP

Chapter 第三章 回顾与作业点评 超链接的基本语法？如何创建锚链接？ 表单的基本语法？ 表单元素包括哪些？语法分别是什么？ 表单中只读和禁用对应的属性是什么？ 预习检查 表格的用途？ 表格一般包含哪几部分？ table、tr、td的含义？ 本章任务 制作表格图文布局--公告栏页面 制作表格布局表单页面--登录页面 本章目标 使用表格显示数据 使用表格实现页面布局 基本语法 如何创建表格 表格的跨行跨列 下图中的表格哪里用了跨行？哪里用了跨列？跨了几行几列? 练习——简单表格 需求说明 制作页面 练习——跨行跨列表格 需求说明 表格高级标签2-1 如何实现年终数据报表？ 表格高级标签2-2 练习——表格分组标签的使用 共性问题集中讲解 如何实现图文布局2-1 如何实现图文布局2-2 练习——贵美商品分类页 需求说明 根据提供的素材实现 如何实现表单布局3-1 如何实现页面中登录表单的布局？ 如何实现表单布局3-2 实际页面中的登录表单布局 如何实现表单布局3-3 小结2-1 使用表格进行布局对显示数据有什么要求？实现思路是什么？ 小结2-2 注意： 1、同列单元格宽度由该列宽度最大的单元格决定 2、同行单元格宽度由该行高度最高的单元格决定 嵌套布局2-1 如何用表格实现下图布局？ 嵌套布局2-2 嵌套表格布局的缺点： 代码量大 层次结构也相对复杂 不利于Goole等搜索引擎搜索查找数据 表格布局仅适用于： 规则的数据显示 表单页面 练习——制作贵美注册页 需求说明 制作贵美注册页面 共性问题集中讲解 总结2-1 表格的基本语法是什么？ 表格的跨行、跨列属性分别是什么？ 介绍表格布局的使用场合 简述表格布局的实现思路 总结2-2 前3章知识梳理： HTML的基本结构？ W3C的基本规范？如何创建符合标准的HTML文档？ 常用的HTML块级标签有哪些 ？语法分别是什么？ 常用的HTML行级标签有哪些 ？语法分别是什么？ 表单的语法及执行原理？各类表单元素的语法？ 4种布局常用的块结构是什么？ 作业 本章内容掌握情况 XXX（描述学生对本章内容的掌握情况） 课后作业 必做 教员备课时在此添加内容 选做 教员备课时在此添加内容 提交时间：xxx 提交形式(纸质or电子) 作业情况：XXX（抽查情况） …… table width=100% caption年终数据报表/caption thead style=background: #0FF tr th月份/th th收入（RMB）/th /tr /thead tbody style= background: #9CC tr td1月/td td100/td /tr tr td2月/td td80/td /tr !--省略3-6月的类似HTML代码-- /tbody tfoot style=background: #FF0 tr td平均月收入 /td td196.67/td /tr tr td总计/td td1180/td /tr /tfoot /table …… thead标签对应报表的页眉 tbody对应报表的数据主体 tfooter对应报表的页脚 操作演示5：thead标签 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 需求说明 实现一个按地点和时间汇总的年终报表 完成时间：20分钟 数据分组的表格 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 常见调试问题及解决办法 代码规范问题 共性问题集中讲解 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 表格布局的应用场合 表格布局 图文布局，数据规则整齐 表单布局，同样要求数据规则整齐 Eva