《HTML网页设计技术》教案.doc

PAGE 49 《HTML网页设计技术》 教案首页 本次课标题：说课 授课日期 第6周 周1 授课班级 课 时 1 上课地点 教 学 目 标 能力目标 知识目标 1. 本课程的任务、性质、目的 2. 本课程的教学内容介绍与要求 3. 本课程的能力培养及教学要求 4. 本课程的考核要求 1. 熟悉本课程的地位与前后课程的衔接关系 2. 了解本课程所涉及的网页设计技能 教 学 任 务 能描述本课程在课程体系中的地位及作用 重 点 难 点 重点： 1.熟悉简介本课程的教学内容 难点： 1.本课程的性质、目的、任务 2.本课程的能力培养要求 作业或 考核 能概述本课程的课程要求及教学内容 参 考 资 料 网页设计[M].电子工业出版社,2010 《CSS+DIV网页设计开发技术与实例应用》，电子工业出版社，2011 注：表格内容统一用5号宋体填写。 教学设计 步 骤 教学内容 教师活动 （方法与手段） 学生活动 时间分配 告知 （教学内容、 目的） 1、了解课程主要内容、考核方法 2、熟悉网站开发步骤 讲授 设问 听讲 5分钟 引入 （任务项目） 说课 浏览经典网页 演示 启发 提问 讨论 个别回答 5分钟 操练 (掌握初步或基本能力) 1、Dreamweaver开发平台， 2、指导学生配置熟悉平台环境 3、创建网页并浏览 教师讲解 学生操作 个别回答 集体提示 15分钟 深化 （加深对基本能力的体会） 通过案例点评、小组讨论及教材理论知识的讲解，使学生了解站点创建、网页设计的含义、特点、依据、内容 教师演示 要点提示 重点讲解 个别回答 集体讨论 15分钟 归纳 （知识和能力） 第一个网页的创建和浏览步骤 讲授 集体思考 个别回答 10分钟 训练 巩固 拓展 检验 组内自评选出一个全班展示，组间互评，认识了解Dreamweaver开发平台，简单网页并浏览。 启发诱导 难点提示 个别指导 个人操作 小组讨论 5分钟 总结 归纳本次课所讲的内容，总结要实现的能力目标和知识目标，重点是站点的创建 教师讲授 听讲 5分钟 作业 根据教学内容制定预习计划 后记 学生能大致了解本门课程的目的、性质及任务，以及教学内容，能明确课程考核方式 教学内容 一、概述 （一）课程性质（课程性质和价值） 本课程是高职计算机软件技术专业的一门主干专业课程。通过本课程的学习，要求学生掌握网页设计的基本概念，学会使用常用的网页设计工具和常用脚本语言，能够设计制作常见的静态和动态网页，具备网站的建立和维护能力。同时通过本课程的学习，培养学生的综合职业能力、创新精神和良好的职业道德。 （二）课程基本理念 本课程的设计“以能力为本位、以职业实践为主线、以项目课程为主体”，教学时各模块既有独立性，又有关联性。独立性是指各模块设计案例、组织教学、突出重点时应该相互独立，学生应该一个模块一个模块地掌握其知识点；关联性是指各模块间存在相互关系，在重难点设计上应该加以配合，如HTML语言模块着重基本代码的熟记和编写，对于较难编写代码的“框架”、“层”、“数据链接”等内容则放到DreamWeaver的使用模块中重点介绍。 《HTML网页设计技术》课程与计算机基础、Flash动画、PhotoShop图像处理、计算机网络技术、数据库等课程互相联系、互相补充。本课程作为软件技术专业的一门主干专业课程，此时学生已经具备一定的计算机基础知识和动手能力，能较快地掌握网页设计的各种知识，并运用所学知识做出具有特色的网站，使学生能够得到全面的培养，成为社会所需专用人才。 （三）课程框架结构、学分和学时分配、对学生选课的建议 本课程的设计“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，将网页设计职业岗位能力中用到的知识如：网页基础知识、DreamWeaver的使用、HTML语言、JavaScript脚本语言、Flash、Fireworks进行整合并模块化。教学时各模块既有独立性，又有关联性。独立性是指各模块设计案例、组织教学、突出重点时应该相互独立，学生应该一个模块一个模块地掌握其知识点；关联性是指各模块间存在相互补充关系，按理论实践一体化要求设计，强调动手做，强调解决问题。它体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。 课程框架结构、学分和学时分配、对学生选课的建议 二、课程目标 总目标：使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具备Web网页设计、制作及站点管理的基本知识和基本技能，学生能够独立制