教学设计—网站设计.doc

4.2网站的设计教学设计案例 设计日期： 2013年 5 月1 日 作者姓名 邵其玉 电子信箱 shaoqiyu@163.com 作者单位 重庆市字水中学 区县 江北区 手机 教案名称 网站的设计 ——网站栏目结构和网页的版面设计 课时 1课时 教材版本 广东版 学生年级 高一 一、教材内容分析 本节内容是内容。为的学习起着作用 二、学生分析 教学对象是高一学生： （1）具备一定的对美的欣赏和鉴赏能力，对版面设计有一定基础 （2）对浏览网站和网页十分熟悉，但是对设计一个具体主题网站怎么做很期待，有学习的欲望。 三、教学目标 知识与技能： 学会网站栏目的设置 学会网页的版面设计 过程与方法： 通过本节的学习 ，使学生掌握网站设计的一般过程，培养学生整体设计，规划网站的思想和方法 情感、态度与价值观： （1）学会从美学角度，从平面设计的角度去欣赏网站的设计 （2）使学生体验成功的快乐和创意的美感 四、教学重点与难点 教学重点：教学点： 五、教学策略 教法：“任务驱动教学法”为主， 　　　“创设情境法”，“演示法”， 　　　“自主　探究法”为辅的教学方法。 学法：观察法， 　　　小组合作学习法 　　　实践操作法。 六、教学环境及资源准备 网络教室、多媒体课件、教学广播系统等 七、教学过程（可以用嵌套表格呈现具体内容） （一）创设情境 引入新课 学生观摩“墨风”网站？ 分组讨论：这个网站的主题是什么？ 这个网站是怎样围绕主题展现内容的？ 引出今天的课题：网站设计：从什么方面去着手进行设计？ 网站栏目结构设计和网页版面设计 （二）步步引导 探究问题 动手操作 完成任务 网站的栏目结构设计： 再次分析“墨风”网站 提出问题： （1）是什么让我们很快就知道网站大致内容？ （2）是什么让我们快速的从网站中找到自已感兴趣的内容？ 2、归纳出墨风网站的栏目结构。 3、给出一个主题网站的栏目设计： 网站名称 栏目名称 内容描述 非常不一班 班级介绍 简介班级情况 班级故事 介绍班级的好人好事 校园图书馆 介绍学校的图书馆 李明的博客 介绍李明的个人博客 班级人物 介绍班级的优秀学生 站点内服务 方便访问者的浏览，给浏览者留出 发表自已意见的空间 4、分组讨论：这个班级网站的栏目那些地方安排不合理？还可以为这个班级添加什么栏目？ 5、网站的结构设计的原则： （1）紧扣主题 （2） 3）原则：主次分明 4）自主观看“常见网页版面布局类型”演示文稿完成： 任务二： 主页的版面布局设计： 原因： 4、色调的选择 （1）色彩的作用：色彩搭配给人眼前一亮的感觉，不同的颜色给我们带来不同的感觉 （2）展示一些网站页面，从色彩搭配上进行分析。 （3）网页色彩搭配应注意： 一个网站的标准色彩不超过3种； 图片的主色彩、背景色、边框等尽量使用标准色彩同色系的色彩 网站的标志、标题、主菜单和主色块文字的链接色彩尽量使用标准色彩。 色彩总的应用原则应该是“总体协调，局部对比” （四）课堂总结部分 展示各小组的任务完成情况，并进行评价 （五）课后作业部分 写出更详细的网站设计方案：如 写出网站的二级栏目、自已设计画一个有特色的版面布局图、为网站写一句话广告词，设计一个特别的logo等。 （六）教学反思 本节课在整个教学过程中充分发挥学生的主体性，主动性和教师的主导性作用，以“任务驱动教学法”为主，“创设情境法”，“演示法 ”，“自主探究法”为辅的教学方法，通过不同阶段不同任务的提出，使学生在协作完成任务的同时实现教学目标，同时也更有利于培养学生的探索精神和自主学习精神。