本次课基本信息
授课时间
        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.采用多表格和嵌套表格进行网页布局。自上而下分别插入:表格一为21列,表格二为12列,表格三为11列,宽度均为960px
3.在表格二第1列中插入43列嵌套表格,宽度为93%,居中对齐,并进行适当的单元格合并;第2列中也插入31列嵌套表格,宽度为90%,居中对齐。
4.创建名称为mystyle.cssCSS样式文档,并将所有样式存在该文档中。
5.建立表格二背景样式:名称为.t,背景图片为bg.gif,作用在整个表格二上。建立标题文字样式:名称为.w1,字体为黑体,字号为24px,颜为白;正文文本样式:名称为.w2,字体为宋体,字号为12px,颜为白。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。