网站的规划与设计-刘惠英

admin管理员组

文章数量:1536805

2024年6月1日发(作者：)

全国中小学“教学中的互联网搜索”优秀教学案例评选

教案设计

《网站的规划与设计》教学设计

一、 教案背景

1，面向学生： □中学 2，学科：信息技术

2，课时：1

3，学生课前准备：

一、课前预习，做好预习案题目。

二、分好学习小组，合作学习。

三、提出预习中存在的疑惑问题。

二、 教学课题

本专题《网站的规划与设计》，通过以介绍“我们美丽的家乡——青州”为目的，各小组自

定网站主题、网站名称，围绕主题，搜集素材，并制定网站结构、版面栏目，设置主页导航方

案，为专题二网页的制作做好准备。

1、能根据需求从日常学习、生活、网络中收集素材，并进行整理、分类。

2、能选择合适的软件对常用素材文本、图片、音频、视频进行加工处理。

3、通过小组合作，生生交流、师生交流、人机交互等方式中提高交流沟通能力。

三、 教材分析

本专题内容选自高中信息技术选修课程《网络技术应用》第四章《网站的开发》，按网站开

发的过程分为三个专题：专题一网站的规划与设计，主要通过分组讨论的方式，确定本小组网

站主题，然后围绕主题用合作探究的方式搜寻素材，小组讨论修改，确定网站结构、版面样式，

本专题是本章内容学习的基础和前提，是准备阶段，也是计划和方向；专题二网页的制作与美

化，小组分工，通过自主探究和合作探究的方式，根据专题一的规划设计，实践操作制作网页，

并进行美化和制作动态特效；专题三网站的发布、管理与评价，小组合作将建好的网站发布到

因特网上，小组分工做好网站的后续管理工作，通过自评、互评、师评等方式对各小组展示的

作品进行评价，确定评价量表，选出三个优秀网站。

教学重点：围绕主题，素材的收集整理。

教学难点：能选择合适的软件对常用素材文本、图片、音频、视频进行加工处理。

信息化资源：小组成员自己获取的素材、学习网站、网络、自主学习视频资料；

常规资源：导学案、评价量规；

教学支撑环境：网络电脑教室（与Internet相连），大屏幕投影仪、多媒体网络教室

四、教学方法

采用任务驱动、分工协作、自主探究、总结评价法等。即“确定目标，设计任务；自主探

索，积极协作；归纳总结，评价成果”，通过独立操作利用网上资源进行学习，小组合作完成

任务。

五、 教学过程

一、观摩网站，创设情境

组织学生观摩几个中学生自己设计开发的网站：稻田守望者、虎门销烟启思录、走近家乡

的陶艺、鲁迅之家、勿忘国耻 八年抗战。

二、组建合作小组，确定组长，进行小组分工和时间安排。

内容

文字收集整理、撰写

网页版面设计和图片收集

处理

Flash动画设计制作

动态网页的开发

„„

三、合作探究、完成活动

活动一：小组内讨论并选择主题，然后围绕主题收集素材，完成导学案表4-9 网站素材情

况表，打包后传到学习网站“素材资源区”。课下可进一步搜集体现城市风景、建筑、历史、文

化的照片等素材。

素材内容

操作提示：

【百度图片】/

【百度地图】/?newmap=1&s=s%26wd%3D%25E9%259D%2592%25E5%

25B7%259E%25E5%25B8%2582%26c%3D2169&fr=alat0&from=alamap

【百度百科】青州

活动二：调查目前常用的网页制作工具有哪些，各有何特点，自己的熟悉程度如何？然后

进行交流，初步学习网页制作软件Frontpage的使用。

操作提示：

【百度知道】网页制作软件（/search?pn=0&&rn=10&word=%E7

%BD%91%E9%A1%B5%E5%88%B6%E4%BD%9C%E8%BD%AF%E4%BB%B6&ie=utf-8&ie=utf-8&fr=wwwt）

【百度百科】FrontPage（/view/）

文件类型

文件名称

存放位置

姓名

活动三：根据本组网站主题及内容，画出栏目结构图，并每人设计一个初步方案，经小组

讨论，选出一个进行修改后作为本组的版面样式。

一级栏目

„„

二级栏目

内容描述

活动四：根据本组版面样式设计，确定网页的导航设计方案。

四、交流答疑，自我完善作品

交流在制作过程中遇到的问题，师生帮助解决，然后进一步完善作品，同学之间相互交流，

再次修改。

五、评价作品，交流心得

参照《评价量规》首先在组内进行自评和互评，然后全班对典型作品进行评价，最后整理

导学案，写心得体会。

评价内容

参与小组讨

论

使用搜索工

具

材料搜集数

量、形式

素材归类整

理

班级发言次

数

协作学习能

力

评估标准

好

发言积极，认真

倾听

熟练使用一种

以上搜索工具

10个、

三种以上

各文件夹中图

文丰富充实

两次以上

既帮助别人，也

能寻求帮助

较好

发言积极

一般

能够发言

需努力

暂时没有

发言

搜索工具

少于3个

少于两种

自

评

互

评

师

评

会用一种以熟练使用一会用一种

上搜索工具

6-9个

种搜索工具

3-5个

文章、图片、两种类型

网页

文件夹中图文件夹中有个别文件

文均有

两次

图少文

一次

夹为空

没有发言

能够热心助能够助人为不愿求人

人为乐 乐 和帮人

六、教学反思

经过高一一年的学习，学生的信息技术水平整体上有了一个明显的提高。能上网查找信息，

利用网络进行信息交流等，有了一定的计算机操作能力。本专题的学习是在此基础上进行知识

的提升和能力的提高。逐步引导学生从一个因特网信息资源的“使用者”转变为“开发者”，

经历一个较为完整的系统开发过程。学生对网站、网页都比较熟悉，对网站的开发也很感兴趣，

但都没有开发网站的经历，不会制作网页。通过开发网站，让学生经历不同阶段所必须做的工

作，体验每项工作对整个问题的解决所具有的意义与价值，以及工作质量对最终结果的影响。

进而体会到，要有效解决问题，思想、方法与技术同样重要，有时甚至比技术更重要。学生将

学会如何从分析问题需求或任务需求着手，为满足各种需求而寻找技术解决的办法或策略，从

而实现利用恰当的技术表现形式呈现主题，表达意图，体现创意。

本节在教学实践过程中，充分发挥学生的主体作用，关注全体学生，注重交流与协作，以提

升学生获取网络信息的能力为主要目的。通过创设分组合作学习和自主探究学习的环境，活跃

了课堂气氛，让学生在轻松愉悦的氛围中收获知识，增长见识，提高能力。

结合这节课的教学，说出几点体会：①在分组时要注意更好的实现优势互补；②设计情境

问题要与学生的学习和生活相关联，才能引起学生的学习兴趣，调动其积极性，使之主动参与

到课堂中；③各小组交流协作时教师应能参与其中，发现亮点及时进行肯定与表扬；④根据学

习任务选择恰当的教学策略，有利于引导学生把所学到的知识应用到学习和生活中，真正提高

学生自身的信息素养。

七、 教师个人介绍

省份：山东 学校： 姓名：

职称：中学一级教师 电话： 电子邮件：

通讯地址：

本文标签： 网站学习进行学生