粤教版信息技术八年级上册第一课筹划班级网站教学设计
课题
第一课 筹划班级网站
单元
第二单元
学科
信息技术
年级
八年级上册
学习
目标
通过对一些网站的认识，了解网站的功能、分类以及特点，明确网站制作的基本要求。
尝试协作设计本班班级网站，提高动手能力，团队协作能力。
重点
网站制作的基本要求
难点
确定本班网站内容，搜集网页素材等
教学过程
教学环节
教师活动
学生活动
设计意图
新知导入
作为一种新兴的传播媒体，网络可以以最快的速度向外发布信息。所以我们大部分人生活中离不开访问网站。那么你都访问过哪些网站呢？
播放各种网站图片，并思考:网站具有哪些特点呢？
引出：尝试创建一个自己的网站。因为在网站上我们可以表达思想，创意，展现自我等。
观看，思考，回答问题。
1.各种网站图片可以让学生集中注意力，激发学生学习兴趣并快速进入学习状态；
2.各种网站图片都是学生日常生活、学习中常见网站，更容易贴近学生心理，为后面学习新知打好基础。
新知讲解
一、观摩网站
观察以下几个网站，这些网站每日访问量非常火爆，你能想到是什么原因吗？对，它们的功能非常强大，可以为大多数人服务。
——结合网站图片进行讲解，并提问
开动脑筋：请同学们小组讨论，这些网站，各自的功能相同吗？
——结合网站图片和实际功能进行讲解说明
答案：不相同，有的是提供信息资讯的；有的共享信息互动交流；有进行电子商务、交易的等。网站的用途是越来越多。所以班级网站必须进行定位。
二、明确功能定位
建网站前思考：为什么建网站？建一个什么样的网站？
班级网站可以定位为：
对内面向班级全体同学，是同学们展示交流的平台；记录班级成长的足迹，分享同学的点滴收获，构筑友谊的纽带；
对外面向所有关心本班级的老师、家长及社会人士。是反映本班级同学的精神面貌的窗口。
网站构建好后，我们可以起一个让人容易记住的名字，最好是富有寓意的名字。
设计内容结构
步骤：（1）选择内容
设计栏目
画出网站的网页结构图
设计版面
考虑因素：（1）选定版面宽度：一般以分辨率800×600为基础。
合理布局版面
（3）设计色彩方案
一个网站有自己的主色调，配色方案应
和网站的主题、访问对象、个人喜好相贴近。
五、拟定制作计划
制作网站通常属于团队制作项目，需要拟定一个详细的制作计划，包括项目实施过程中的具体任务、由谁来做、何时完成等。
随堂练习：2003年5月面世的淘宝网店，让网民在电脑前点点鼠标就能购探究物， 也给那些没有创业本钱的人提供了 -个实现创业梦想的平台。 淘宝网的快速发展，改变了中国的商业模式。网店是一个商品交易网站。请进入“海宝学堂网店装zx.tbxt.com/ 观摩其中的布局设计、色彩配搭等，为自己的班级筹划网站规划好主题、布局、以及合适的色彩。
随堂检测：
1.下面哪些属于班级网站定位：（ ）
A.面向班级全体同学
B.面向所有关心本班级的老师
C.班级成长的足迹
2.一般网站的分工人员是：（ ）
A. 网站负责人
B. 内容创作及编辑人员
C.技术支持和制作人员
通过教师的讲解和对网站图片的理解，以小组合作的方式，开展探讨交流，完成任务。
学生们亲身体验各个网站的功能（上机访问）。
通过网站功能的了解，向学生讲解班级网站的定位，一定要合适。
思考本班的实际情况，设计本班网页结构。
了解版面设计时要考虑的因素。
了解色彩在网站中的功能。
学生小组间讨论，共同完成任务，并分组汇报。
独立完成“随堂检测”的内容。
通过小组合作，加强学生组内团结、共同完成任务，资源共享的意识；锻炼学生语言表达能力。
利用多媒体展示讲授方法，让学生更能生动形象地学习新知识。
通过观察，开拓学生思维，锻炼学生自主、合作、探究的能力。
通过学习，让学生了解网站的布局是主题标志突出、导航清晰，版面疏密有度，内容分布主次有序……
培养学生组间合作能力，明确建设本班网站自己的分工任务。
培养学生独立完成练习的能力。
课堂总结
分小组总结归纳，教师补充。
各组汇报总结，其他小组成员做补充。
锻炼学生的总结能力，逻辑思维、语言表达能力。
布置作业
根据本班的实际情况，各组课下筹划本班级网站，并确定好班级网站的目标定位、内容结构、版面样式等。
课下小组合作完成作业。
锻炼小组间的明确分工、合作探究能力。
板书设计
第一课 筹划班级网站
一、观摩网站
二、明确功能定位
三、设计网站机构
四、设计版面
五、拟定制作计划
拓展延伸
随堂练习
随堂检测
课堂总结
课件19张PPT。第二单元 动手创建自己的网站
第一课 筹划班级网站信息技术粤教版 第三册上上21世纪教育网 下精品教学资源新知导入思考：在日常的学习生活中，你浏览过这些网站吗？上21世纪教育网 下精品教学资源新知导入思考：有没有尝试过创建一个自己的网站呢？因为在网站上我们可以表达思想，创意，展现自我。上21世纪教育网 下精品教学资源新知讲解
这些网站的日访问量可以达到百万以上！感受下它们的强大功能。一、观摩网站购物网政府网搜索引擎网教育学习网开动脑筋上面提到的各种网站，各自的功能相同吗？答案：不相同，有的是提供信息资讯的；有的共享信息互动交流；有进行电子商务、交易的等。网站的用途是越来越多。所以班级网站必须进行定位。新知讲解二、明确功能定位 思考：为什么建网站？建一个什么样的网站？网站构建好后，我们可以起一个让人容易记住的名字，最好是富有寓意的名字。班级网站可以定位为：对内面向班级全体同学，是同学们展示交流的平台；记录班级成长的足迹，分享同学的点滴收获，构筑友谊的纽带；
对外面向所有关心本班级的老师、家长及社会人士。是反映本班级同学的精神面貌的窗口。 步骤：（1）选择内容
（2）设计栏目
新知讲解三、设计内容结构还可以进行下一步细分班级网站栏目设计 步骤：
（3）画出网站的网页结构图新知讲解三、设计内容结构还可以进行下一步细分班级网站结构图 考虑因素：（1）选定版面宽度：一般以分辨率800×600为基础。
（2）合理布局版面
新知讲解四、设计版面主题标志突出、导航清晰，版面疏密有度，内容分布主次有序……
这些网站在布局上有什么共性？ （3）设计色彩方案
一个网站有自己的主色调，配色方案应和网站的主题、访问对象、个人喜好相贴近。新知讲解四、设计版面拓展延伸 色彩的“表情”
在一般情况下，彩色页面较完全黑白页面更加吸引人。因此，通常的做法是:主要内容文字用非彩色(黑、白、灰色),边框、背景、图片用彩色。这样，页面整体不单调，看主要内容也不会眼花。
研究表明:色彩有自己的“表情”，不同的颜色会给浏览者不同的心理感受。
红色一是一 种激奋的色彩。给人以刺激效果，能使人产生冲动、愤怒、热情、活力的感觉。
橙色一 激奋的色彩，具有轻快、欢欣、热烈、温馨、时尚的效果。
黄色一具有快乐、 希望、智慧和轻快的个性。
绿色一介于冷暖两种色彩的中间，给人以和睦、宁静、健康、安全的感觉。它和金黄、淡白搭配，可以产生优雅、舒适的气氛。
蓝色一是最清新、专业的色彩。它和白色混合，能体现柔顺、淡雅、浪漫的气氛。
白色一 给人以洁白、明快、纯真、清洁的感觉。黑色一给人以深沉、压抑、神秘、寂静悲哀的感觉。
灰色—给人以中庸、平凡、谦让、温和、中立和高雅的感觉。新知讲解五、拟定制作计划根据小组实际情况，落实每个人的岗位和具体任务，最好以下列表格来约束 制作网站通常属于团队制作项目，需要拟定一个详细的制作计划，包括项目实施过程中的具体任务、由谁来做、何时完成等。团队成员具体任务及完成时间拓展延伸五、拟定制作计划制作大型网站通常有以下几种分工：
1.网站负责人：负责网站的策划和人员协调，统领全局，掌握工作进度。
2.创作人员：负责创意设计、表现形式设计、色彩搭配等创作性工作。
3.内容编辑人员：负责网站页面内容的收集整理、编辑审定和发布等工作。
4.技术支持和制作人员：根据网站的设计要求，着相应的网页和编制实现相应功能的后台程序。随堂练习练习：2003年5月面世的淘宝网店，让网民在电脑前点点鼠标就能购探究物， 也给那些没有创业本钱的人提供了 -个实现创业梦想的平台。 淘宝网的快速发展，改变了中国的商业模式。网店是一个商品交易网站。请进入“海宝学堂网店装zx.tbxt.com/ 观摩其中的布局设计、色彩配搭等，为自己的班级筹划网站规划好主题、布局、以及合适的色彩。随堂检测1.下面哪些属于班级网站定位：（ ）
A.面向班级全体同学 B.面向所有关心本班级的老师 C.班级成长的足迹
2.一般网站的分工人员是：（ ）
A. 网站负责人 B. 内容创作及编辑人员 C.技术支持和制作人员
ABCABC上21世纪教育网 下精品教学资源课 堂 总 结布置作业根据本班的实际情况，各组课下筹划本班级网站，并确定好班级网站的目标定位、内容结构、版面样式等。上21世纪教育网 下精品教学资源板书设计 第一课 筹划班级网站
一、观摩网站
二、明确功能定位
三、设计网站机构
四、设计版面
五、拟定制作计划
拓展延伸
随堂练习
随堂检测
课堂总结谢谢21世纪教育网（www.21cnjy.com)全国最大的中小学教育资源网站有大把优质资料？一线名师？一线教研员？
赶快加入21世纪教育网名师合作团队吧！！月薪过万不是梦！！
详情请看：http://www.21cnjy.com/zhaoshang/
