[设计第一章.ppt

* 1.先根据效果图：集体提问，表格是多少行多少列？ 回答：肯定是2行3列。 2.讲解代码：TABLE表示….TR表示…TD表示。 3.为了代码的可读性，象C语言写代码一样，为了显示层次关系， 建议学员写HTML代码时保持一定的缩进，如幻灯片的示例代码所示。 4.演示：TG5-Source文件夹中的“简单表格”用例。 * 讲解要点： 1）表格一般都需要标题，说明表格的内容主题。表格的标题由标签CAPTION设置 设置标题位于表格上方： 　　CAPTION align=top 表格标题 /CAPTION 设置标题位于表格下方： 　　CAPTION align=bottom表格标题/CAPTION 2）同理，表格的第一行或第一列，一般需要加粗突出显示，作为行或列的标题。 设置行或列的标题： TH行或列标题/TH 演示：TG5-Source文件夹中的“表格标题”用例。 * 讲解要点： 1）为了美观大方，表格中的数据一般需要设置对齐方式。 2）设置表格、行或列的对齐方式，修改align属性为right（右对齐），center（居中）或left（左对齐）就可以了，默认为“左对齐”。 本例效果：设置表格居中显示，姓名列“左对齐”，性别列居中，分数列“右对齐”。 演示：TG5-Source文件夹中的“表格对齐”用例。 * 讲解要点： 1）表格的颜色设置： 　　表格的背景色 TABLE bgcolor=颜色值 　　行的背景色　 TR bgcolor=颜色值 列的背景色 TH bgcolor=颜色值或 TD bgcolor=颜色值 颜色值可以采用 RGB（red/green/blue）红绿蓝十六进制值表示，如红色#FF0000, 或者是一些预定义色彩名称：red ，blue，yellow等。 2）表格的尺寸设置： TABLE width=n1 height=n2 其中，n1和n2可以用像素来表示，也可以用百分比（与整个屏幕相比的大小比例）来表示。 例如： TABLE width=200 height=100表示一个长为200像素，宽为100像素的表格。 TABLE width=20% height=10%表示一个长为屏幕的20%，宽为屏幕的10%的表格。 * 课堂练习HTML代码: 1.抽选1位学员在白板上书写HTML代码,其他学员在练习本上练习. 2.巡视学员完成进度 3.集中评讲,给予学员鼓励 4.注意掌握时间. 参见：TG5-Source文件夹中的“表格课堂练习”用例。 * 提问： 1.我们前面学习过表单，请问表单有什么用途？ 引导回答： 1)在用户注册某种服务或活动时收集姓名、地址、电话号码、电子邮件地址和其他信息 2)在用户购买商品时收集信息 3)收集关于网站的反馈信息 2.表单使用哪个标签？有哪些属性？ 引导：学员可能回答不全，引出表单的属性讲解。 * * * * * * 提问：根据上述效果图，先抽选一名学员在白板上画出在网页中的显示效果， 其余学员在纸上上书写答案。教员巡视学员基本做完 ，集中评讲 ，给出如图所示的效果图。给予学员鼓励。 参见：TG5-Source文件夹中的“代码阅读”用例 * * 课堂练习HTML代码: 1.抽选1位学员在白板上书写HTML代码,其他学员在练习本上练习. 2.巡视学员完成进度 3.集中评讲,给予学员鼓励 4.注意掌握时间. 参见：TG5-Source文件夹中的“表单课堂练习”用例。 ACCP V4.0 ACCP V4.0 使用表格和表单 HTML第二部分 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 回顾 自动刷新功能应使用哪个HTML标签？ 标签区分大小写吗？ 段落标签P和换行标签BR有什么区别？ 字符标签FONT有哪些常用属性？ 使用图片标签IMG显示图片q.jpg，如何写HTML代码? 写HTML代码时，空格用什么表示？ 显示如下所示的列表，如何写HTML代码： 您认为乔丹的血型是？ A. A型 B. B型 C 以上都不对 显示如下所示的超链接，如何写HTML代码： 请查看Microsoft微软中国 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 用 HTML 代码创建表格 创建表单 使用框架 目标 Ev