网页电子教案（95-106）.doc

2014－2015学年度第一学期《网页制作》课程电子教案
授课课题：样式页布局绘制 授课教师：蒋红艳 NO：48-49
授课班级
14春微机、14春商务
授课日期

授课类型
讲授、演示
学 时 数
4
教学目标
绘制调整数码商店样式页布局表格
教学内容
样式页布局绘制
重点难点
表格的调整
教学方法
演示、讲解
学习方法
观察、练习
教学过程设计
备注（时间分配、个性修改等）
教学步骤
及
主要内容
一、 范例展示

二、 布局表格分析

三、 教师演示
四、学习上机实训：绘制布局表格

课堂练习

小结与作业

课堂小结
学习上机实训：绘制布局表格

本课作业

本课教学后记（课堂设计理念，实际教学效果及改进设想）

教研组长签字： 年 月 日
2014－2015学年度第一学期《网页制作》课程电子教案
授课课题：样式页制作 授课教师：蒋红艳 NO：50-53
授课班级
14春微机、14春商务
授课日期

授课类型
讲授、演示
学 时 数
8
教学目标
综合运用所学知识点制作数码商店样式页
教学内容
样式页布局绘制
重点难点
表格的调整
教学方法
演示、讲解
学习方法
观察、练习
教学过程设计
备注（时间分配、个性修改等）
教学步骤
及
主要内容
一、范例展示

二、教师演示操作
1、新建站点：数码商店，在站点内创建素材文件夹，样式页面；
2、绘制网页布局；
3、把准备好的素材复制到站点素材文件夹中；
4、添加网页背景、边框；
5、添加网页图片、动画；
6、添加文本；
7、定义CSS样式，设置文本样式；
8、制作动态网站公告；
9、制作透明层；
10、制作页脚版权信息栏。

三、学生实训

课堂练习
学生实训：完成样式页的制作

小结与作业

课堂小结

本课作业

本课教学后记（课堂设计理念，实际教学效果及改进设想）

教研组长签字： 年 月 日