第二周（11-20课时）.doc

2014－2015学年度第一学期《网页制作》课程电子教案 授课课题：网站公告 授课教师：蒋红艳 NO：6 授课班级 14春微机、14春商务 授课日期 授课类型 讲授、演示 学 时 数 2 教学目标 掌握HTML的基本语法结构； 掌握用marquee代码制作动态网站公告的方法。 教学内容 HTML的基本语法结构； 用marquee代码制作动态网站公告 重点难点 用marquee代码制作动态网站公告 教学方法 演示、讲解 学习方法 观察、练习 教学过程设计 备注（时间分配、个性修改等） 教学步骤 及 主要内容 一、范例展示动态网站公告效果 二、任务分析 1、设计模式输入网站公告内容； 2、代码模式添加HTML代码。 三、HTML代码基本结构 1、标记格式：标记 2、单标记：/br ； /r等 3、双标记：p…/p； marquee…/marquee等 四、滚动公告制作 1、建站点，在站点内新建文件index.html； 2、打开index.html； 3、播入1行1列宽800像素的表格，属性面板上设置表格背景颜色； 4、在表格内输入网站公告文字； 5、切换到代码模式下，添加代码： marquee direction=left scrollamount=3 onmouseover=this.stop() onmouseout=this.start() 网站公告内容 /marquee 6、保存文件，预览效果。 ? ? 强调：使用代码提示功能，少出错！ 课堂练习 学生练习用marquee制作动态网站公告。 ? 小结与作业 课堂小结 制作动态网站公告的步骤； 使用代码提示功能的小技巧。 ? ? ? 本课作业 ? ? 本课教学后记（课堂设计理念，实际教学效果及改进设想） ? ? ? ? 教研组长签字： 年 月 日 2014－2015学年度第一学期《网页制作》课程电子教案 授课课题：网站公告 授课教师：蒋红艳 NO：7—8 授课班级 14春微机、14春商务 授课日期 授课类型 实训课 学 时 数 4 教学目标 1、掌握HTML的基本语法结构； 2、掌握用marquee代码制作动态网站公告的方法。 教学内容 用marquee代码制作动态网站公告 重点难点 用marquee代码制作动态网站公告 教学方法 检查、指导 学习方法 观察、练习 教学过程设计 备注（时间分配、个性修改等） 教学步骤 及 主要内容 一、范例展示动态网站公告效果 二、任务分析 1、设计模式输入网站公告内容； 2、代码模式添加HTML代码。 三、学生上机实训 1、建站点，在站点内新建文件index.html； 2、打开index.html； 3、播入1行1列宽800像素的表格，属性面板上设置表格背景颜色； 4、在表格内输入网站公告文字； 5、切换到代码模式下，添加代码： 6、保存文件，预览效果。 四、老师巡视指导 五、学生保存、点评 ? ? 强调：使用代码提示功能，少出错！ 课堂练习 整理实训报告 ? 小结与作业 课堂小结 制作动态网站公告的步骤； 使用代码提示功能的小技巧； 水平、垂直动态网站公告的区别。 ? ? ? 本课作业 ? ? 本课教学后记（课堂设计理念，实际教学效果及改进设想） ? ? ? ? 教研组长签字： 年 月 日 2014－2015学年度第一学期《网页制作》课程电子教案 授课课题：透明层 授课教师：蒋红艳 NO： 9-10 授课班级 14春微机、14春商务 授课日期 授课类型 讲授、演示 学 时 数 4 教学目标 认识层； 学会绘制调整层的方法； 掌握制作透明层的方法； 教学内容 绘制层，在层内添加动画，设置层背景为透明属性 重点难点 1、绘制调整层； 2、设置层的透明属性。 教学方法 演示、讲解 学习方法 观察、练习 教学过程设计 备注（时间分配、个性修改等） 教学步骤 及 主要内容 一、范例展示 二、任务分析 1、素材