2016网页设计与制作DreamWeaver教案：第一讲 优秀网站赏析.docVIP

第一讲　优秀网站赏析 授课日期 班级名称 授课地点 教学课题 第一讲优秀网站赏析 课时 2学时 教学目的 （1）了解各种类型网页的布局结构、色彩搭配 （2）对网页有一个初步的印象，激发学习网页制作的兴趣 知识目标 （1）赏析各种经典网页 （2）对网页的布局结构、色彩搭配形成初步印象 能力目标 （1）对网页的设计与制作形成感性认识 （2）激发学习兴趣 素质目标 培养学生的创新能力与独立思考能力，并使其具有分析问题、解决问题的能力。 重点 （1）网页的布局结构 （2）网页的色彩搭配 难点 如何使学生对网页设计感兴趣 课型 讲授型＋演示型 教学方法 边讲解、边展示、边欣赏 教学手段 多媒体教学 教参 《网站设计与网页配色》 教学环节 及 板书设计 时间安排 1．复习提问 了解本班学生以前是否有网页设计方法的基础，对网页设计与制作是否有兴趣 5 2．新课引入 设计网页并不是一个十分复杂的过程，但是想要设计出合理而精美的网页作品，需要经过严谨的理性分析、敏锐的观察，以及感性的审美与创意技巧。 信息是网站核心，是网站设计的依据，分析和理解信息内容是设计的起点也是终点。 色彩是网页设计的灵魂之一，是最先也是最持久地印记在浏览者脑海中的网站印象。它对形成网站风格设计、网站气氛等感觉性设计的作用非常大。 合理的网站布局结构给浏览者赏心悦目的感觉，增强网站的吸引力。 5 知识技能目标说明 5 4．网页展示 　浏览优秀的网站，对这些网站的主页进行分析，了解优秀网页的布局结构、色彩搭配、导航栏的设计、动画效果等。 15 5．网页赏析 对各个网站的信息内容、网页布局结构、色彩搭配进行分析、说明 25 课堂实践 15 课堂讨论 组织学生讨论，对所展示的网站发表自己见解 5 疑难解析 5 9．课堂小结 （1）网站是信息内容的存储空间模式，它像一个放置信息的“柜子”，有着很多“格子”和“抽屉”，网站还是信息空间的外包装，是“柜子”本身。 （2）色彩搭配是页面中刺激记忆最初、最持久的元素，失去色彩，人们会失去快乐的心情、娱乐的气氛，色彩是人们生活多姿多彩的表现，是互联网生机的来源。 （3）合理的网站布局结构给浏览者赏心悦目的感觉，增强网站的吸引力。导航是引人注目的，浏览者进行网站，首先寻找导航条 5 作业布置 5 总计 90 新授内容 网页展示 （1）软件项目化精品课程 （2）C语言程序设计精品课程 （3）剪纸社团网站 （4）书法协会网站 （5）我行我摄影网站 课堂实践 浏览几个网站，对所浏览网站首页的特色和不足进行赏析说明，主要包括页面布局结构、颜色搭配、导航栏、文字效果、图片效果、动画效果等。从以下网站中选择两个网站进行赏析。 （1）海尔集团网站：（企业网站） （2）旅游类网站：（旅游网站） （3）中国大众体育网：（体育网站） （4）新东方教育：（教育网站） （5）武汉理工大学海事二班：（班级网站） 疑难解析 问题1：如何上网浏览网站？ 问题2：如果不知道某个网站的网址，怎样获得该网站的网址或浏览该网站？ 课外 拓展 1.浏览以下网站，分析这些网站首页的物色和不足。 （1）天津大学网站： （2）易趣网： （3）木叶之家个人网： （4）求职网： （5）开心购物网： （6）湖南张家界旅游网： （7）曙光人才网： 2.利用搜索引擎查找四川长虹集团、深圳TCL集团、九天音乐网的网址。 课后作业 上网找5个风站，说明其信息类型、色彩搭配、网站布局结构 课后评析