中小学教育资源及组卷应用平台
粤教版B信息技术九年级上册教学设计
课题
第一节
筹划班级网站
单元
第二单元
学科
信息技术
年级
九
学习目标
1．知识与技能(1）知道什么是网站的功能定位。(2）学会根据网站功能定位选择网站内容和设计相应栏目。(3）了解版面宽度与显示器分辨率的关系，学会选定版面宽度。(4）了解版面布局常用方式，能够画出版面布局图。(5）能够设计切合网站主题的色彩方案。(6）能够大致拟定网站制作计划。(7）了解网站的一般筹划过程。2．过程与方法(1）通过对不同网站的比较，初步懂得发现和学习不同网站的优点。(2）初步懂得出绕网站目标定位，选择网站内容和设计栏目的方法。3）通过设计网站、二.级网页的版面，体会版面布局和色彩方案设计的过程。(4）亲历网站制作计划的拟定过程，体会与人合作交流的技巧。(5）经历班级网站的筹划过程，初步懂得简单网站的筹划方法。3.情感态度与价值观（1）培养对网站的鉴赏能力。(2）培养学习和使用信息技术的兴趣和意识。(3）培养团结协作精神，发展合作意识。
重点
明确主题网站的功能定位，并根据制作目标进行内容结构和版面的设计。
难点
设计网站内容结构和拟定制作计划。
教学过程
教学环节
教师活动
学生活动
设计意图
导入新课
问学生：1、情景引入:如何为班级成员之间提供一个展示和交流学习生活的平台，实现班级资源的共享。2、任务提出:(1）本章任务:要求同学们分组各设计一个班级网站，最后将在所有作品中评比出最佳网站作为本班的班级网站。(2）本节任务:进行网站的筹划。
学生思考回答
从情境导入，激发学生学习的兴趣，引出问题思考。
讲授新课
1、观摩网站提供一些优秀的班级网站让学生进行观摩。引导学生从网站的主题、内容、版面和技术归纳优秀网站的特点。2、明确功能定位指导学生明确网站制作的总体目标和要实现的功能。3、设计内容结构指导学生阅读教材表2-2和图2-1，引导学生对网站所要表达的内容进行梳理、筛选和归类，最终形成自己的网站结构和栏目内容。4、设计版面(1）选定版面宽度(2）合理布局版面一个网页的版面通常以屏幕中央最能引人的注意，屏幕上方紧随其后，屏幕的左右侧通常放置不太重要或固定信息，附加信息、（如版权信息）一般放在最下方。展示常用布局方式实例:T字型、同字型和三字型。(3）设计色彩方案参考教材P22中的拓展知识部分，了解不同颜色给浏览者的不同感受。注意:不耍使用过多的颜色。除了黑色和白色以外，约选择四到五个颜色就够了。5、拟定制作计划指导学生进行合理分工、拟定制作计划。6、小组计划评价从可行性和工作分工是否合理等方面对小组的计划作适当的点评，指导相关小组修改计划。
学生观摩优秀网站范例，认识不同网页版面布局结构，颜颂色搭配，经组内讨论之后在“网站筹划书”中绘制第一、二级网页的布局草图学生小组合作完成，教师演示配置方法并指出默认网站的根目录。学生小组讨论并回答。
让学生逐步解决网站制作的需求分析―工作，为下一步工作开展做好准备。提供优秀的范例给学生参考，有利于学生得到启发﹐较迅速明确定白己的网站设计方案。
自主学习
小组讨论:我们常用的教育网站也有唯一的I和域名吗?指导学生理解域名或网站IP的唯一性，利用“全库网123查”查看汕头各个教育网站的IP地址及相关信息，知道他们的对应关系。
学生讨论，思考
引导学生自己归纳所学知识
课堂小结
1、优秀网站的共同点有包括:容易进入、主要内容一目了然、内容丰富、更新及时和版面美观。2、着手设计网站前，我们需要明确网站的功能定位。3、网站内容的选择和栏目设计要围绕网站的目标定位。4、设计版面主要包括三个方面的工作:选定版面宽度、合理布局版面和设计色彩方案。5、筹划一个网站，一般需要经历观摩网站、明确功能定位、设计内容结构、设计版面和拟定制作计划等五个过程。
师生共同小结，得出结论，培养学生提炼知识的能力
板书
探究互联网的奥秘1）知道因特网提供信息服务相关的基本概念了解统一资源定位器的格式。3）了解IP地址与主机域名的关系。4）了解配置服务器的简单方法。
21世纪教育网
www.21cnjy.com
精品试卷·第
2
页
（共
2
页）
HYPERLINK
"http://www.21cnjy.com/"
21世纪教育网(www.21cnjy.com)(共21张PPT)
信
技
息
术
九年级
上
第二章
动手创建自己的网站
第二节
筹划班级网站
（粤教版B版）
新知导入
想
想
一
如何为班级成员之间提供一个展示和交流学习生活的平台，实现班级资源的共享？
思
考
新知讲解
01提供信息资讯的
02展示品牌形象的
03进行交易的
互联网各类网站
04共享信息，各种功能网站
例如政府的综合门户网站
例如企业的品牌网站
各种购物网站
如网络社区、电子邮箱、搜索引擎网站
一、观摩网站
新知讲解
一、观摩网站
新知讲解
一、观摩网站
新知讲解
二、明确功能定位
对内
展示交流的平台；记录班级成长的足迹
分享同学的点滴收获，构筑友谊的纽带
为什么建网站？建一个什么样的网站？
对外
面向班级全体同学
面向所有关心本班级的老师、家长及社会人士
反映本班级同学的精神面貌的窗口
为网站起名字
新知讲解
三、设计内容结构
围绕“班级网站”的目标定位，像写文章一样，从不同角度拟定网站需要包括的主要内容，把它们列举出来，如表2-2所示。
（1）选择内容
新知讲解
三、设计内容结构
（2）设计栏目
根据栏目标题的字数要求，给每项内容概括出一个栏目名称，如表2-2所示。如有需要，每个栏目还可以进一步划分子栏目。
新知讲解
三、设计内容结构
图2-1画出了班级网站的一、二级网页结构，还可以进一步往下细化。
（3）画出网站的
网页结构图
课堂联习
四、选定版面宽度
1选定版面宽度
网页与打印文稿的排版不同，没有纸张大小的设定，它是在屏幕上阅读的。
显示器分辨率不同，看到的网页效果有可能不同。一般以显示器常用分辨率为
基准，如800x600、1366×768等，随着显示器分辨率的不同而定
版面内容最好不超过屏幕的宽度，以免用户阅读时要经常左右移动滚动条。
新知讲解
2.合理布局版面
网站主题标志突出
导航清晰
版面疏密有度
内容分布主次有序
探究完成
新知讲解
的另外两个产品——
色彩的选择也是一种主题与个性的表达，不同颜色搭配，能带给人以不同的印象。一个网站往往有自己的主色调，在制作网站前应综合考虑网站的主题、访问对象和自身的喜好等，确定一种合适的配色方案。
3.设计色彩方案
新知讲解
五、拟定制作计划
制作网站属于团队合作
具体任务
由谁来做
何时完成
1.网站负责人：负责网站的策划和人员协调，统领全局，掌握工作进度。
2.创作人员：负责创意设计、表现形式设计、色彩搭配等创作性工作。
3.内容编辑人员：负责网站页面内容的收集整理、编辑审定和发布等工作。
4.技术支持和制作人员：根据网站的设计要求，着相应的网页和编制实现相应功能的后台程序。
新知讲解
有了以上的准备，我们就可以分头行动了，包括搜集各栏目网页素材等。同学们，一个优秀的网站需要每个成员奉献自己的智慧和热情，让我们在接下来的合作中学会交流，学习分担与分享，共同建设一个网上家园。
w
知识拓展
色彩的表情
是一种激奋的色彩。给人以刺激效果，能使人产生冲动、愤怒、热情、活力的感觉。
激奋的色彩，具有轻快、欢欣、热烈、温馨、时尚的效果
具有快乐、希望、智慧和轻快的个性。
介于冷暖两种色彩的中间，给人以和睦、宁静、健康、安全的感觉。它和金黄、淡白搭配，可以产生优雅、舒适的气氛。
红色
橙色
黄色
绿色
知识拓展
色彩的表情
是最清新、专业的色彩。它和白色混合，能体现柔顺、淡雅、浪漫的气氛。
给人以深沉、神秘、寂静、悲哀、压抑的感觉。
蓝色
白色
黑色
给人以洁白、明快、纯真、清洁的感觉。
给人以中庸、平凡、温和、谦让、中立和高雅的感觉。
灰色
课堂练习
做
做
一
1.下面哪些属于班级网站定位：（
）
A.面向班级全体同学
B.面向所有关心本班级的老师
C.班级成长的足迹
2.一般网站的分工人员是：（
）
A.
网站负责人
B.
内容创作及编辑人员
C.技术支持和制作人员
ABC
ABC
课堂总结
一、观摩网站
二、明确功能定位
三、设计网站机构
四、设计版面
五、拟定制作计划
总
结
板书设计
第一课
筹划班级网站
一、观摩网站
二、明确功能定位
三、设计网站机构
四、设计版面
五、拟定制作计划
谢谢
21世纪教育网（www.21cnjy.com)
中小学教育资源网站
有大把高质量资料？一线教师？一线教研员？
欢迎加入21世纪教育网教师合作团队！！月薪过万不是梦！！
详情请看：
https://www.21cnjy.com/help/help_extract.php
