《网站的策划与设计》教学案设计百度参赛
爱思助手打不开-以一当百成就
《网站的策划与设计》教学案设计
黑龙江省佳木斯市桦川县第一中学信息组 马洪伟
一、基本说明
1．教学内容所属模块：高中信息技术选修教材《网络技术应用》
2．年级：高中一年级
3．所用教材出版单位：上海科技教育出版社
4．所属的章节：第四章第一节
5．学时数：40分钟
二、教学设计
（一）教材分析
本节课为高中选修教材《网络技术应用》第四章第一节第2课时的内容，教材
从七个方面详细阐述了网站策划与设计的方法
与原则，本节课是前一节的延续与加深，是后一节实践建设
网站的基础。
（二）学情分析
基础分析：通过必修教材的学习学生已运用word软件设计
过多媒体作品，并大致了解了对作品内容及版面进行设计与规划
的方法，这对本节的学习产生了正影响；
通过选修教材的学习学生对网站的域名、结构、链接关系等基础知识与技能都已掌
握，这为本节的学习打
下了基础。
障碍分析：大部分学生不重视作品的策划与设计，对frontpage软件运用不熟练，
仅有少部分学生运用frontpage软件设计
过较复杂的多媒体作品。
需求分析：通过课
前交流知道绝大多数学生都喜欢网络上的热门网站，同时也希望自己亲自动手建设网站，并且把自己的作
品设计得美观、合理与他人共享，从而获得自豪感和成功感，因此学生具有一定的学习需求。
【教学目标】
1、知识与技能
通过学习学生能了解网站的策划与设计方法，能够根据主题策划与设计网站；
2、过程与方法 通过
任务的开展学生能够进行自主学习；通过交流与讨论学生能对“我爱我校”网站进行结构设计和技术
选型
；
3、情感、态度与价值观 在学习过程中学生能体会建站前对网站进行策划与设计的重要性；在
交流过程中学生能虚心地接
受他人提出的合理建议和意见并能以客观公正的态度去评价他人的作品。
【重难点】
重点：网站策划与设计的方法以及每个方法中所需考虑的事项；根据主题对网站进行合理的策划与设计。
难点：根据主题从全局角度对作品进行合理的策划与设计。
【教学策略】建构主义学习理论强
调以学生为中心，认为学生是认知的主体，是知识意义的主动建构者；教师只对学生的意
义建构起帮助和
促进作用，并不要求教师直接向学生传授和灌输知识。要将知识点转变为探索性的问题点、能力点，适时引
线搭桥帮助探索，通过对知识点的设疑、质疑、释疑、激思，培养学生的能力品质和创新素质。基于此理念我采
用了“教学
案一体化”教学模式。
教学流程：课前预习导学——课堂师生研讨——课后拓展延伸
【课前预习导学】
课题：_________________________
小组成员：___________________
一、学习重点
网站策划与设计的方法以及每个方法中所需考虑的事项；
能根据主题从全局角度对作品进行合理的策划与设计。
二、学习过程
（一）回顾旧知
１、熟悉frontpage软件界面
２、熟练使用frontpage软件中的命令
学习建议：通过网站提供的教
程学习frontpage软件操作方法，为本节学习做知识与技术上的储备。
学习资源：
;
（二）协作探讨
任务：策划设计“我爱我校”网站多媒体作品
提示
任务分解
1、组成小组展开讨论，确定网站主题、域名、服务对象和主要内容，将讨论结果填入下表
网站主题
答案预设：我爱我校——桦川一中
域 名
服务对象
主要内容
答案预设：
答案预设：各中小学教师、学生
答案预设：内容１为受众对象介绍我校悠久历史、地理位置以及校园环境
内容２展示丰富多彩的学生活动以及教师各类活动
内容３展示我校从建校至今的“风流人物”
内容４展示学校一年四季的美景图片
„„
学习建议：阅读教材“学习指引”网站主
题和内容的选择与定位相关部分知识内容：知道确立主题及内容时需要考虑哪些事
项
2、开展小组讨论，确定网站的主要栏目结构、网页之间的链接关系及网站的风格，并将其记录下来
答案预设：
（１）网站结构：星形结构
（２）主要栏目结构及链接关系
学校历史
地理位置
风流人物
学校概况
师生活动
主页
美图欣赏
原创作品
（３）风格设计
主色调 图片风格 主要字体 语言风格 其他
答案预设：紫色 实景 楷体
活泼
学习建议： 阅读教材“学习指引”网站栏目设计与风格设计部分知识内容
学习资料：
网页设计常用色彩搭配表; 色彩搭配原则与方法;
3、每个小组成员分别为你组的网站主页设
计一个布局方案，并画下来，汇总小组所有成员的设计方案，
讨论后确定一个最终方案。
4、围绕本小组确定的主题和栏目收集、整理资料，并选择适当工具软件对这些资料进行加工和处理
资料类型
„„
在作品中的作用
„„
获取途径
利用相机取校园实景
„„
处理软件
photoshop
„„
处理原因
图片倾斜角度
„„
答案预设：图片 增加真实感
学
习建议：仔细研究每类素材的作用，搜集后进行必要的信息加工，使素材在作品中更能起到支持主题、突出作品艺
术效果
的作用。
5、小组讨论确定哪些网页设计成静态网页，哪些网页设计成
动态网页，并根据设计要求选择建站工具。
（三）评价
个体评价
1、本节课你学会什么？
2、在学习过程中遇到了什么问题？
3、你独立解决了哪些问题的？
小组评价
1、小组内未解决的问题有哪些？
2、对本节课的学习内容与导学单有什么建议和意见？
学习建议：重点记录小组评价，为课堂上核心问题研讨提供资源
【课前预习导学结束】
【课堂师生研讨】
环节一
创设情境 导入新课
教师：利用投影仪展示往届学生优劣网站作品，引导学生进行评价并总结出优秀作品的条件。
学生：欣赏、评价作品说出自己心目中优秀作品的条件
答案预设：
1、整体布局合理
2、颜色搭配合理
3、技术运用正确
4、素材表现主题
„„
｛设计意图｝通过优劣作品对比让学生感受到好作品对人的
影响，使学生重视作品设计并按优秀作品条件
在实践中创作作品
环节二
多元探讨
解决问题
1、成果展示
教师：利用多媒体展示每小组学案，组织每小组选出代表展示本组学案
学生：自评——每小组代表对本组实践过程及结果进行评价；他评——其他学生对当前作品进行评价 <
br>教师：对学生的发言做激励总结性评价。引导学生尊重他人，认真倾听，他人发言结束后再发表自己的意<
br>见；要以客观、公正地态度评价他人作品
2、解决核心问题
教师：组织学生提出预习中未解决的问题
学生：认真倾听每小组的问题，积极思考后发表自己的见解
｛设计意图｝检查学生的预习情况，通过师生、生生交流解决核心问题
环节三
师生总结 巩固新知
1、教师：引导学生系统总结策划与设计网站的方法 ，
学生：学生总结，并与全班同学交流
2、教师：引导学生回顾在整个学习过程中的得与失。
学生：积极发言
教师：对学生的发言做适当的评价与提升性的总结
｛设计意图｝通过总结，完善学生的认知结构，并引导学生调节学习策略与方法。
【课后拓展延伸】
1、作品运行时需要什么样的平台？
2、你知道如何在网络上发布网站吗？
3、你对免费网站空间了解多少？
｛设计意
图｝把学习内容和活动从课内延伸到课外，不仅体现有效学习的全过程，而且还能满足学生自主
学习的需
求，并为第二节网站的发布做铺垫。
【教学反思】
１、思得：本节课采用学生的学案与教师
的教案二者融为一体的教与学方式，把学生的主体地位、教师的
主导地位体现的淋漓尽致。在教师的引导
下实现了教材与学生、学生与学生、学生与教师、教师与教材之
间的相互多元信息交流，激起学生参与学
习过程的积极性、主动性和创造性，从而使学生基础知识、知识
系统的结构及内在规律、学习方法三者兼
得，极大的提高了教与学的效率。
２、思失：有部分学生处于“旁观者”的位置，所有的学习活动让他
人代劳，形成了不良的学习习惯。在
以后的教学中让小组长把学习任务细化到每个成员，在课堂上交流时
给此类学生提供发言的机会，从而了
解此类学生的学习情况。
３、思改：由于本节是第一次使
用教学案一体化教学模式，是教师站在学生学习的角度，通过体悟而策划
设计的师生共同拥有的“学习节
目表”。目前根据学生的能力学案仍由教师一人完成，但随着学生能力的
提升改为由学生自行设计学案，
使教学更侧重于学生的学。