发布时间 : 星期四 文章(完整word版)HTML CSS JavaScript教学教案更新完毕开始阅读95d53190a2116c175f0e7cd184254b35eefd1a7d
第5讲
课时内容 使用列表 授课时间 80分钟 课时 2 列表是一种非常有用的数据排列方式，它以列表的形式来显示数据。HTML中共有3种列表，分别是无序列表、有序列表和定义列表。无序列表的所有列表项目之间没有教学内容 先后顺序之分。有序列表的列表项目是有先后顺序之分的。定义列表是一组带有特殊含义的列表，一个列表项目里包含条件和说明两部分。 了解列表标记概述 掌握有序列表 教学重点 掌握无序列表 掌握定义列表 掌握菜单列表 内容大纲 5.1认识列表标记 5.2有序列表 5.2.1游戏列表ol 5.2.2有序列表的序号类型type 5.2.3有序列表的起始数值start 5.4练习题 第6讲
课时内容 使用表格 授课时间 80分钟 课时 2 表格是网页制作中使用最多的工具之一，在制作网页时，使用表格可以更清晰地排列数据。但在实际制作过程中，表格更多地用在网页布局定位上。很多网页都是以表格教学内容 布局的，这是因为表格在文本和图像的位置控制方面都有很强的功能。灵活、熟练地使用表格，在网页制作时会有如虎添翼的感觉。 掌握创建表格 掌握设置表格基本属性 掌握设置表格的边框 教学重点 掌握设置表格背景 掌握设置表格的行属性 掌握调整单元格属性 内容大纲 6.1创建表格 6.1.1表格的基本构成table、tr、td 6.1.2设置表格的标题caption 6.1.3表头th 6.2表格基本属性 6.2.1 表格宽度width 6.2.2 表格高度height 6.2.3 表格对齐方式align 6.3 表格的边框 6.3.1 表格边框宽度border 6.3.2 表格边框颜色bordercolo r6.3.3 内框宽度cellspacing 6.3.4 表格内文字与边框间距cellpadding 6.4 表格背景 6.4.1 表格背景颜色bgcolor 6.4.2 表格背景图像 6.5 表格的行属性 6.5.1 高度控制height 6.5.2 边框颜色bordercolor 6.5.3 行背景bgcolor、background 6.5.4 行文字的水平对齐方式align 6.5.5 行文字的垂直对齐方式valign 6.6 单元格属性 6.6.1 单元格大小width、height 6.6.2 水平跨度colspan 6.6.3 垂直跨度rowspan 6.6.4 对齐方式align、valign 6.6.5 单元格的背景颜色 6.6.6 单元格的边框颜色bordercolor 6.6.7 单元格的亮边框bordercolorlight 6.6.8 单元格的暗边框bordercolordark 6.6.9 单元格的背景图像background 6.7 表格的结构 6.7.1 表格的表首标记 6.7.2 表格的表主体标记
6.7.3 表格的表尾标记 6.8练习题 第7讲课时内容 使用列表 授课时间 80分钟 课时 2 表单的用途很多，在制作网页，特别是制作动态网页时常常会用到。表单主要用来收集客户端提供的相关信息，使网页具有交互功能。在网页制作的过程中，常常需要使教学内容 用表单，如进行会员注册、网上调查和搜索等。访问者可以使用如文本域、列表框、复选框以及单选按钮之类的表单对象输入信息，然后单击某个按钮提交这些信息 。 表单标记 插入表单对象 教学重点 菜单和列表 文本域标记 id标记 内容大纲 7.1 表单标记form 7.1.1 提交表单action 7.1.2 表单名称name 7.1.3 传送方式method 7.1.4 编码方式enctype 7.1.5 目标显示方式target 7.2 插入表单对象 7.2.1 文字字段text 7.2.2 密码域password 7.2.3 单选按钮radio 7.2.4 复选框checkbox 7.2.5 普通按钮button 7.2.6 提交按钮submit 7.2.7 重置按钮reset 7.2.8 图像域images 7.2.9 隐藏域hidden 7.2.10 文件域file 7.3 菜单和列表 7.3.1 下拉菜单 7.3.2 列表项 7.4 文本域标记textarea 7.5 id标记 7.6 创建表单实例 7.7练习题