本次课基本信息
授课时间 | 月 日 第 11 周星期 第 节 | 授课 顺序 | 22 |
授课方式 (请打√) | 理论课 实验课 理实一体□ 讨论课□ 习题课□ 其它□ | 课时 安排 | 2 |
授课题目(教学章节或项目模块主题): 7.6 表格实验:逸购鲜花速递网 | |||
前次课 内容提要 | 7.4表格的其他应用 7.5表格实验:爱丽丝家具网页 | ||
本次课教学目的、要求(分掌握、熟悉、了解三个层次): 1.能够使用表格制作网页 2.能够在表格中嵌套表格布局 3.能够设置表格样式 | |||
教学重点及难点: 重点:使用表格制作网页、在表格中嵌套表格布局 难点:在表格中嵌套表格布局 | |||
作业和思考题: | |||
课后小结: | |||
教 学 设 计 页
对本次课的教学目标、教学重难点、教学方法、教学步骤与时间分配等环节进行设计
教学环节 | 时间 | 教师活动 | 学生活动 | |
课前 | 扫码学习微课 | |||
课上 | 5min | 网站建设网页制作教程 讲授 | 听讲 | |
教师讲解细线表格和带状表格 | 10min | 讲授、操作 | 听讲 | |
学生练习细线表格和带状表格 | 10min | 指导 | 练习 | |
教师讲解表格排序 | 10min | 讲授、操作 | 听讲 | |
学生练习表格排序 | 10min | 指导 | 练习 | |
实验:爱丽丝家具 | 40min | 指导 | 练习 | |
总结 | 5min | 讲授 | 听讲 | |
课后 | 复习 | |||
教 学 内 容 页
7.6表格实验:鲜花速递网
案例操作要点:
1. 创建名称为index.html的新文档并存于站点根文件夹中。
2.采用多表格和嵌套表格进行网页布局。自上而下分别插入:表格一为2行1列,表格二为1行2列,表格三为1行1列,宽度均为960px。
3.在表格二第1列中插入4行3列嵌套表格,宽度为93%,居中对齐,并进行适当的单元格合并;第2列中也插入3行1列嵌套表格,宽度为90%,居中对齐。
4.创建名称为mystyle.css的CSS样式文档,并将所有样式存在该文档中。
5.建立表格二背景样式:名称为.t,背景图片为bg.gif,作用在整个表格二上。建立标题文字样式:名称为.w1,字体为黑体,字号为24px,颜为白;正文文本样式:名称为.w2,字体为宋体,字号为12px,颜为白。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论