网页设计与制作教案-0101.doc

项目化实战教程网页设计与制作项目单元教学设计编号：0101 学 校： 专 业： 项目单元： 赏析典型网站 授课教师： 网页设计与制作教学设计 编号：0101项目名称计算机系部网站建设任课教师任课班级项目单元名称赏析典型网站章节第一章课时4 教学目标知识目标（1）了解优秀网站的布局结构（2）了解优秀网站的色彩搭配（3）对网页的组成元素有一定的了解技能目标（1）能针对优秀网站的布局结构及色彩搭配进行分析（2）具备自我收集资料进行分析、归纳整理的能力情感态度明确课程要学什么，学完该课程自己能做什么，引导学生对该课程产生浓厚的兴趣，有动力学好该门课程。教学内容（1）了解网页制作相关概念（2）熟悉网站开发流程（3）欣赏并分析典型网站教学重点和难点重点欣赏典型网站并分析典型网站，明确本门课程最终实现目标。难点在掌握网站设计基本概念的基础上具备赏析和分析网站的能力。教学方法和策略教学方法：项目展示法，把知识点融入到项目中讲解。教学策略：通过典型项目展示，在项目中引导学生掌握该课程相关知识点。教学设计思路秉承“授人以鱼不如授人以渔”的总体教学理念。通过项目展示，引导学生掌握知识点的同时，掌握该门课程的学习方法，并积极、主动的通过网络去自我汲取课程相关知识，开阔知识面。教学实施步骤教师活动学生活动项目单元导入宏观导入课程：1、 专业课程体系简介2、 本课程与其它课程之间的关系3、 本课程对应的社会职位：网页设计师l 展示最新社会招聘网页设计师信息l 网页设计师发展现状数据统计资料l 网页设计师发展趋势数据预测资料4、 要想成为网页设计师需要具备的综合素质 学生从宏观角度掌握自己专业课程体系，了解本课程与其它课程之间的相互关系，认识本门课程对应的社会职位。 以提问的方式引入本单元，把学生的思维聚合到本门课程上来，并活跃气氛。问题：你印象最深的网站是哪个网站？是什么吸引了你？注意：教师可事先准备一个自己印象最深的网站，描述一下自己的感受，引导学生表达自己的看法。 讨论：学生针对自己印象最深的网站展开讨论目的：（1）引导学生对该课程产生兴趣。（2）强调沟通、表达的重要性。一、赏析典型网站1. 赏析综合性门户网站2. 赏析电子商务型网站3. 赏析校园系部信息网站二、赏析的角度（结合案例）1. 网站页面元素以下知识点结合案例展示进行讲解。1.2.1 网页制作相关概念l WWWl 网页l 网站l 静态网页与动态网页l HTML语言l URLl IP地址l 域名1.2.2 网页构成的基本元素l 文本l 图像l 动画l 音频和视频l 表单2. 页面布局结合案例进行讲解布局类型l “国”字型布局l “厂”字型布局l “封面”型布局l Flash型布局l 变化型布局3. 网站风格涉及到的知识点：1.2.4 网站风格定位（1）协调运用颜色（2）适当选择线条和形状。（3）均衡的分割版式。学生辩证去欣赏和分析并随时和教师进行互动，表达自己对网站布局及风格定位的理解。（1）具备一定的赏析网站能力；（2）结合欣赏分析网站，掌握网站相关理论知识点。学生通过视觉感受网站，深刻理解概念l WWWl 网页l 网站l 文本l 图像l 动画l 音频和视频l 表单学生通过视觉感受网站，重点掌握以下布局类型：l “国”字型布局l “厂”字型布局l “封面”型布局引导学生记录笔记。三、通过创建一个测试页面来展开对网站开发工具的介绍跟学生探讨对网站开发工具的认识，了解学生对网站建设的认知度，并引导学生业余时间查看网站开发工具都有那些，进行比较。了解网站开发工具并具备自己主动查找资料的意识。四、网站开发流程l 网站需求分析及策划l 网站设计与制作l 测试发布l 维护推广探讨网站开发总体流程，引导学生根据个人具体情况，从一个知识点出发根据自己的思维想法去网络里探求知识学生从宏观角度了解一个网站从无到有的过程。五、知识拓展涉及到的知识点：1.4.1 网页创意设计思维1.4.2 网页设计配色基础引导学生不能只学习课上的知识点，一定要有自我拓展知识自我学习的能力学生具备自我拓展知识的能力六、讨论Web技术发展展望未来WEB技术的发展，技术在不断发展，鼓励学生掌握前沿技术，为就业打好基础。提高沟通和表达能力项目单元小结本章节以“鉴赏优秀网站”为任务驱动，了解了网站的布局结构、色彩搭配，以及网页的相关概念、网页制作的基本流程，为网页的进一步设计制作奠定