制作网页浮动广告教案-杜燕.docx

制作网页浮动广告教案杜燕1.1 背景介绍1.1.1 网页广告在互联网中的重要作用1.1.2 浮动广告的特点和优势1.1.3 制作浮动广告的意义和价值二、知识点讲解2.1 基础2.1.1 标签的使用2.1.2 属性的设置2.1.3 注释的添加2.2 CSS样式2.2.1 选择器的使用2.2.2 样式的设置2.2.3 注释的添加2.3 JavaScript基础2.3.1 语法规则2.3.2 函数的使用2.3.3 注释的添加三、教学内容3.1 广告设计原理3.1.1 广告的构成要素3.1.2 广告的设计原则3.1.3 注释的添加3.2 网页广告布局3.2.1 浮动广告的布局方式3.2.2 广告位置的设置3.2.3 注释的添加3.3 制作浮动广告3.3.1 代码编写3.3.2 CSS样式设置3.3.3 JavaScript代码编写四、教学目标4.1 知识目标4.1.1 掌握的基本用法4.1.2 学会使用CSS样式4.1.3 了解JavaScript基础4.2 技能目标4.2.1 能够设计并制作网页浮动广告4.2.2 能够调整广告布局和位置4.2.3 能够为广告添加注释说明五、教学难点与重点5.1.1 理解并掌握、CSS和JavaScript的基本用法5.1.2 设计出符合要求的网页浮动广告5.1.3 为广告添加合适的注释说明5.2.1 掌握、CSS和JavaScript的基础知识5.2.2 学会制作并调整网页浮动广告5.2.3 注重广告设计的原理和技巧六、教具与学具准备6.1 电脑、投影仪等教学设备6.1.1 确保设备正常运行6.1.2 准备相关教学软件和工具6.1.3 检查网络连接是否正常6.2 教学资料和教材6.2.1 准备教案、PPT等教学资料6.2.2 提供学生参考的网页设计素材和案例6.2.3 准备学生练习的空白网页文件6.3 学生学习用品6.3.1 分发笔记本、笔等学习用品6.3.2 确保学生有足够的练习纸张和工具6.3.3 提醒学生准备好相关知识背景和基础七、教学过程7.1 课堂导入7.1.1 简短介绍网页浮动广告的背景和重要性7.1.2 引导学生关注网页广告的设计原则和技巧7.1.3 激发学生对制作网页浮动广告的兴趣和热情7.2 知识点讲解与示范7.2.1 通过PPT和示例讲解、CSS和JavaScript的基础知识7.2.2 现场演示制作网页浮动广告的步骤和方法7.2.3 引导学生积极参与讨论和提问，解答学生的疑问7.3 学生实践操作7.3.1 学生分组进行实践操作，制作自己的网页浮动广告7.3.2 提供学生练习的素材和指导，引导学生独立完成任务7.3.3 巡回指导，及时给予学生反馈和帮助八、板书设计8.1 教学重点板书设计8.1.1 用简洁明了的语言板书、CSS和JavaScript的基础知识8.1.2 用图示或流程图板书制作网页浮动广告的步骤和方法8.1.3 用关键词板书设计原则和技巧，方便学生复习和记忆8.2 教学难点板书设计8.2.1 用详细解释的方式板书、CSS和JavaScript的难点知识8.2.2 用案例分析的方式板书解决设计难点的思路和方法8.2.3 用问题引导的方式板书学生需要关注的问题和解决方案九、作业设计9.1 作业内容设计9.1.1 布置学生完成一个简单的网页浮动广告设计任务9.1.2 要求学生在作业中运用所学的、CSS和JavaScript知识9.1.3 鼓励学生在作业中发挥创意，注重广告设计和布局9.2 作业评价设计9.2.1 制定详细的作业评价标准，包括知识运用、设计创意等方面9.2.2 要求学生在作业中附上设计思路和心得体会的文字说明9.2.3 给予学生及时的作业反馈，提出改进意见和建议十、课后反思及拓展延伸10.1 教学效果反思10.1.1 反思学生对、CSS和JavaScript知识的掌握程度10.1.2 反思学生对网页浮动广告设计和制作的掌握程度10.1.3 反思教学过程中是否充分关注学生的学习需求和疑问10.2 教学改进措施10.2.1 根据学生掌握情况，调整教学内容和难度10.2.2 提供更多的实践机会，增强学生的操作能力10.2.3 鼓励学生进行网页广告设计的创新和尝试10.3 拓展延伸活动10.3.1 组织学生参观网页设计展览或案例分享会10.3.2 引导学生参加网页设计比赛或项目实践10.3.3 推荐学生学习更多的网页设计和编程相关资源重点和难点解析一、重点环节1.1 知识点讲解1.1.1 需要重点关注、CSS和JavaScript的基础知识的讲解，包括标签的使用、样式的设置和函数的使用等。1.1.2 需要重点讲解、CSS和JavaScript之间的关联和相互作用，以及如何运用这些知识制作网页浮动广告。1.2 教学内容1.2.1 需要重点关注网页广告设计原理的讲解，包括广告的构成要素和设计原则。1.2.2 需要重点讲解网页广告布局的方式，包括浮动广告的布局方式和广告位置的设置。1.3 教学过程1.3.1 需要重点关注学生实践操作的环节，包括学生分组进行实践操作和制作自己的网页浮动广告。1.3.2 需要重点关注学生提问和解答疑问的环节，及时给予学生反馈和帮助。二、难点环节2.1 教学难点与重点2.1.1 需要重点关注学生对、CSS和JavaScript的基本用法的理解和掌握，这是制作网页浮动广告的基础。2.1.2 需要重点关注学生对网页浮动广告设计和制作的掌握，包括广告设计和布局的技巧。2.2 作业设计2.2.1 需要重点关注学生作业的布置和评价，通过作业的完成情况来评估学生对知识的掌握程度和设计能力。2.2.2 需要重点关注学生作业的反馈和改进意见，帮助学生进一步提高网页设计能力。全文总结和概括：本教案的重点和难点主要在于、CSS和JavaScript的基础知识的讲解和运用，以及网页广告设计和布局的技巧。在教学过程中，需要重点关注学生的实践操作和解答疑问的环节，以及作业的布置和评价。通过这些环节的讲解和指导，学生可以掌握网页浮动广告的制作方法和技巧，提高网页设计能力。同时，教师也需要不断反思和调整教学内容和方法，以更好地满足学生的学习需求。