tceic.com
学霸学习网 这下你爽了
相关文章
当前位置:首页 >> 工学 >>

网站规划(教学设计)


《网站规划》教学设计
一、教学目标 知识与技能:了解网站的作用及网站建设的一般过程,学会规划网站。 过程与方法:通过学习,使学生了解网站设计需要有明确的主题,掌握网站 设计的一般过程,培养学生整体设计、规划网站的思想和方法。 情感、态度与价值观:通过网站设计培养学生通过整体规划、分步实施来解 决问题的思想, 使学生体验成功的快乐和创意的美感,增强相互之间协作学习和 交流的能力。 创新与行为:通过探究与实践活动,给学生自主创作的空间,激发学生的创 新意识,提高创新能力。 二、教学重点和难点 重点:网站规划的要点 难点:网站规划的一般过程 三、教学设计说明 随着网络技术的日益发展, 人们已经不再满足于在网上漫游和获取信息,很 多人希望自己能够制作网页并在网上发布信息、交流信息。为了让我们的学生能 够适应时代的潮流,掌握网站制作的基本技能是非常重要的。 在现实生活中, 许多同学已经学会了上网,但是同学们更多的是对网站的内 容感兴趣,而对网站的制作思考的不多,本节课主要让同学们学会规划网站。在 本课教学的开始,以老师通过网络了解滨海,引出网络的话题,通过对一些典型 网站的介绍激发学生的兴趣。再通过对“鄱阳湖里探白鹤”网站的分析,引导学 生了解网站制作的一般过程。由“鸟巢”设计方案的诞生历程进行类比,让学生 充分认识到网站规划的重要性。 在师生共同完成 “动物——人类的朋友” 网站后, 让同学们自己完成“滨海特产——何首乌”网站的规划,在对部分规划方案评测 的过程中,将本节课的气氛推向高潮,让同学们从中体验到规划的网站过程。 四、教学过程 (一)巧设情境,引入课题 师:文昌是全国著名的椰子之乡,听了同学们的介绍确实如此。老师可以通 过网络了解文昌,同学们上过网吗?都喜欢浏览哪些网站? 生:百度、谷歌、新浪、网易、搜狐、腾讯、QQ 空间、文昌中学网站?? 大家比较熟悉,经常访问的网站。 (学生回答的时候,老师打开部分相应网站并作简要介绍) 师: 看来同学们对上网非常的感兴趣,下面我们一起来进一步探究网站的相 关知识。 设计意图:由老师通过网络了解文昌,自然地引出上网的话题。在和同学们

交流的过程中让学生对网站有了一个感性的认识。通过对部分网站的介绍,让学 生体会到网站的功能,激发学生进一步学习的兴趣。 (二)网站建设的一般过程 师: 下面请大家先来浏览一个网站——鄱阳湖里探白鹤。 在浏览的同时请大 家思考这样一个问题: 从这个网站中,同学们能够了解到哪些方面的知识? (请打开桌面上 鄱阳湖里探白鹤 快捷方式) 生: 浏览该网站之后我们对白鹤这种国家一级保护动物、国际濒危物种有了 一个全面的了解,通过对鄱阳湖水文、气候、土壤、植被的研究,我们了解了白 鹤不远千里到鄱阳湖越冬的原因, 作者呼吁更多的人加入到保护白鹤及白鹤的栖 息地的行列中来。 师:大家说这个网站做的漂亮吗?想不想自己也能够做个这样的网站? 生:漂亮,非常的想。 师: 同学们对制作网站非常感兴趣,大家觉得制作这样的网站需要做哪些工 作?大致要经过经历哪几步呢?在回答问题之前我想和同学们先一起来了解一 下我校“求索楼”是如何建筑起来的:首先,根据建筑物的功能,设计图纸;其 次,准备建筑材料;第三步,建筑施工;第四步,装修;最后才能交付使用。同 学们能从中得到一点启示吗?请大家相互探讨一下刚才的问题。 生:以互助小组的形式进行探讨?? 师:请学生谈谈讨论的结果??(确定主题,收集资料,制作,编辑调试, 网上发布) 总结归纳出网站建设的一般过程: (1)整体策划:明确网站建立的目的,以及需要展示的主题,并大致规划所 要展示的内容、功能及表现形式。 (2)收集资料:根据展示的内容,收集所需要的文字、图片、声音、动画等 多媒体信息。 (3)制作:运用相关软件处理文字、图片、声音等多媒体信息,制作网页。 (4)编辑调试:编辑各个页面,使整体网站的颜色、内容、风格等和谐,并 测试网站链接的流畅性。 (5)网站发布与维护:将设计好的网站发布到因特网上,可使访问者浏览该 网站。同时,不断完善网站功能、更新网页信息。 设计意图:通过对“鄱阳湖里探白鹤”网站的分析,引导学生对该网站制作 的过程进行思考?在学生相互探讨后, 老师引导学生说出网站建设过程中的几个 关键点,最后作总结归纳,让学生认识到网站建设的一般过程。 (三)网站规划的要点

师:通过探讨,我们发现制作网站一般都需要经过上述过程。因特网上的网 站许许多多, 我们又如何才能够让我们制作的网站在这众多网站中脱颖而出呢? 我们先来看一段关于国家体育场鸟巢的视频——播放视频。 再来看一下“鸟巢”设计方案的诞生历程: 2002 年 3 月 31 日国家体育场面向全球公开征集规划设计方案 2002 年 7 月 2 日收到 89 个规划设计方案 2002 年 10 月举行国家体育场建筑概念设计方案国际竞赛 2003 年 1 月至 2 月确定 5 名国家体育场项目合格申请人进入招标第二阶段。 2003 年 3 月 19-25 日评审委员会投票“鸟巢”方案压倒性优势胜出。 师: 通过对国家体育场规划历程的了解,大家觉得鸟巢为什么能从众多建筑 中脱颖而出成为北京市奥运会甚至北京市的标志性建筑呢? 生: 它的规划设计方案是从众多方案中精心评选出来的,是由国际知名设计 师参与设计的,它的结构科学简洁、设计新颖独特。 师:标志性的建筑需要精妙的规划设计,优秀的网站也是如此。我们在建设 网站之前首先要进行认真、科学的总体规划,网站规划需要完成以下任务: (1)明确建设网站的目的; ( “鄱阳湖里探白鹤”——让人们了解白鹤到鄱阳湖来越冬的原因,呼吁人 们保护白鹤及白鹤的栖息环境。 ) (2)进行可行性分析:网站建设需要花费多少时间、精力、人力,性价比是 否合理; ( “鄱阳湖里探白鹤”——为了制作该网站,作者曾经用了近 8 个月的课余 时间,撰写提纲,收集素材和实地调查采访。为了掌握第一手资料完成这个作 品,作者三进鄱阳湖,采标本,观白鹤,采访 60 余人次专业人员,进行问卷调 查等等。 ) (3)网站内容设计:根据网站建设的目的,分析浏览者的需求,确定网站的 内容; ( “鄱阳湖里探白鹤”——作者为了让浏览者探明白鹤到鄱阳湖越冬的原 因,呼吁更多的人来保护白鹤、保护环境,设计了三进鄱阳湖、白鹤与水文、 白鹤与气候、白鹤与土壤、白鹤与植被、白鹤的保护等栏目。 ) (4)网站的表现形式设计:主要指网页的版面布局设置,网站的标志、网站 的图文排版等。 ( “鄱阳湖里探白鹤”——网页的整体布局及背景图的选择比较适合该网站 的主题,网站的标志也设计的很有特色,图文排版的也很好。网站的表现形式 设计其实对一个网站能否吸引更多的人来关注它非常的重要,大家熟悉的新浪、 腾讯等网站都设计的很有特色。 )

师:要想制作一个好的网站,完成好上述规划任务是非常必要的。下面请同 学们从“推荐网站”文件夹中选择一个你比较喜欢的网站浏览一下,在浏览的过 程中请思考下列问题: ①这些网站建站的目的是什么? (给少年儿童提供一个健康的学习、娱乐的平台) ②网站的内容是否是同学们喜欢的、 关心的话题?整体版面布局设置是否适 合青少年? (内容都是青少年比较喜欢的,非常的适合, ) ③说出你喜欢这个网站的哪些方面及喜欢的理由? (内容、风格、整体布局、网站标志……) 师:从同学们刚才的回答中我们可以看出这些网站之所以能够让大家喜欢, 是因为它的规划的几个要点完成的非常的好, 所以同学们在接下来规划网站的过 程中要尽可能把这些任务完成好。 设计意图:由“鸟巢”设计方案的诞生历程进行类比,让学生充分认识到网 站规划的重要性。在具体阐述了网站规划的任务后,让学生带着问题浏览网站, 在思考问题的过程中进一步体会网站规划的要点。 (四)规划网站 师: 为了呼吁人们关心自然、 关心动物, 我们大家一起来设计一个主题为 “动 物——人类的朋友”网站。 1、网站建设的目的:呼吁人们关心自然、关心动物。 2、网站的主题:动物——人类的朋友。 3、网站的内容:首先要让浏览者了解建立该网站的目的;其次,可以介绍 一些动物;第三,介绍一些人与动物相关的内容;第四,宣传一些动物保护方面 的知识;最后,给关心动物的人介绍更多的学习的地方。 网站的栏目及主要内容设计如下: 栏目名 首页 多彩的生物 人与动物 动物保护知多少 走进动物世界 主 要 内 容 展示网站宗旨和公益广告 介绍一些动物的生活习性 介绍人与动物息息相关的内容 网上知识问答,具有交互功能 链接更多的相关网站, 让访问者了解更多人与动物方面的 知识 师:通过我们大家共同的努力,我们已经完成了“动物——人类的朋友”网 站的规划。 记得刚开始同学们给老师们介绍了文昌特产——椰子,为了让外界更

好的了解文昌的椰子,想请同学们设计一个“文昌特产——椰子”网站。 下面请大家以小组的形式进行探讨,每个小组规划出一个方案,最终我们将 从中选出一个最好的作为该网站的建设方案。 生:小组讨论,组长定稿。 网 站 规 划 评 比 细 则 具体指标 网站建设的目的是否明确 网站的主题是否鲜明 网站的栏目设置是否紧扣主题,符合网站建设的目的 网站的内容介绍的是否全面,能否符合浏览需求 网站的表现形式设计的是否美观 标准 15 15 30 20 20 得分

师:通过刚才一阵激烈的评比,最终**组的规划方案脱颖而出,恭喜他们, 对他们表示祝贺, 大家还可以对他们的方案提出一些建议,在融合了全班同学的 智慧后我们的网站规划方案就要诞生了。 今天课后请同学们根据刚才的规划去搜 集相关的素材,下次课我们继续完成该网站的制作。 设计意图:师生共同完成课本范例网站的规划,让学生觉得自己也能够规划 网站, 在学生有了足够的自信心后让学生分组讨论完成指定网站的规划任务。为 了活跃课堂的气氛, 把本节课推向高潮, 设计了对部分规划方案进行评分的细节, 让学生在评的过程中体验到规划网站的过程,而不是由教师“强加”给他的规划 过程,理解的更深刻。 五、归纳总结,内化升华 师:在完成了“文昌特产——椰子”网站的规划后,同学们觉得要让网站能 够运转起来,我们还需要完成哪些工作? 生:收集资料、制作、编辑调试、发布与维护。 师:为了能够将网站制作的更好,同学们重点要做好哪些任务呢? 生: ①明确网站建设的目的——对外介绍文昌的椰子;②精选规划网站的栏 目,搜集相关的素材;③在表现形式上制作的尽可能完美。 师:相信同学们有了今天好的开头,将来“文昌特产——椰子”网站一定会 完成的非常漂亮。 设计意图:在亲历过网站规划之后,师生共同归纳网站建设的一般过程及网 站规划的要点,对本节课的内容进一步内化升华。


推荐相关:

《规划设计网站》教学设计.doc

规划设计网站教学设计 - 八年级下册 第三单元 设计班级网站规划设计网站教学设计 教材分析 本活动是八年级下册第三单元《设计班级网站》 “活动 1 网站...

《网站规划》教案设计.doc

网站规划教案设计 - 信息技术教案设计: 《网站规划教案设计 一、教学目标设计: 知识与技能: (1)了解网站设计的几个阶段。 (2)网站规划的几个要点。 ...

《网站规划》教案设计.doc

网站规划教案设计 - 信息技术教案设计: 《网站规划教案设计 丁蜀二中 李淑 一、教学目标设计: 知识与技能: (1)了解网站设计的几个阶段。 (2)网站规划的...

网站规划与设计教案.doc

网站规划设计教案 - 课题:网站规划 网站的设计 一、教学目标 1、知识与技能 (1)了解网站规划的几个阶段和几个要点基本过程 (2)掌握网站规划设计的过程和...

网站规划教学设计.doc

网站规划教学设计 - 网站规划教学设计 一、教学准备: 1.选取一些学生制作的优

4.1 网站的规划 教案.doc

4.1 网站的规划 教案 - 仁组别 怀 市 酒 都课题 高 中 教 案 信息组 梅菊 网站规划(1 课时) 高二年级 授课人 一、教材内容分析 授课年级 本...

《规划网站》教学设计.doc

规划网站教学设计 - 规划网站 一、教材分析 本节内容为第三章 网页制作的第一节“规划网站”。第一部分我主要讲解基本概念和需 求分析,并安排学生进行选题;...

规划网站教学设计.doc

规划网站教学设计 - 《规划网站教学设计 独山县高级中学 张军 一、设计意图 本节课的主题是网站规划,规划是蓝图,是事物发展的引领,其重要性是不言而喻的。本...

《规划网站》教学设计.doc

规划网站教学设计 - 规划设计主题网站 课题: 《规划设计主题网站》 教学目标 (一)知识与技能目标 ? 了解网站建设的基本步骤和网站规划设计的基本内容。 ? ...

网站建设教学设计.doc

网站建设教学设计一、教学内容分析《网站建设》课程是中职 计算机 专业 201

《电子商务网站规划与建设》电子教案(免费下载).doc

《电子商务网站规划与建设》电子教案(免费下载) - 电子商务网站规划建设教案 《电子商务网站规划与建设》 教案 20142015 学年第 2 学期 课程类型: 授课班级:...

“网站实现”信息化教学设计剖析.doc

11 “网站实现”信息化教学设计 引言随着互联网的高速发展, 网站在我们的生活中...是继 网站规划网站设计后进行网站实现的关键一节。从教材内容来看,本节内容属...

创建网站教学设计.doc

《创建网站》是本章中的首 节,在引导本章学习中起到引领作用;另外此节的学习看似简单,实则很能体 现设计的的智慧,并影响网站建设质量。所以本节的教学在全...

高中信息技术_4.1规划个性网站教案_粤教版选修3.doc

教学过程设计】第一节课 引入 打开几个不同类型的优秀网站,让学生欣赏,教师指出各网站设计风格、整体规划、素材 的运用、颜色的运用等特点,引发学生兴趣,并...

七年级信息技术上册 第12课 规划与设计网站教案 新人教版.doc

七年级信息技术上册 第12课 规划与设计网站教案 新人教版 - 网站规划 一、教学目标 1、知识与技能 网站的设计 (1)了解网站规划的几个阶段和几个要点基本过程 ...

第六章 第一节 网站的规划与设计教案.doc

第六章 第一节 网站的规划与设计教案 - 第六章 网站设计与制作 6.1 网站的规划与设计 一、教学目标 1、知识与技能 (1)了解网站规划的几个阶段和几个要点...

《创建站点》教学设计.doc

《创建站点》教学设计灵石一职中 一、教学设计部分 教学内容分析 本课的主要内容与地位 本课的学习内容涉及引导学生浏览主题网站、 网站规划的一般步骤和 Dreamweaver...

网页制作教学设计(公开课).doc

网页制作教学设计(公开课) - 一体化课程教案(首页) 课程 网页制作 创意型网站开发 创意型网站开发 授课教师 审批 课题(项目) 名称 学习任务 授课课时 授课班级 ...

《树立网站整体风格》教学设计_图文.doc

《树立网站整体风格》教学设计 - 《树立网站整体风格》教学设计 盐城市南洋中学 【教材分析】 《树立网站整体风格》是高中选修教材《网络技术应用》 (教科版)第四...

第二课 网上寻宝 教学设计 - 岳麓区教育局.doc

第十四课 使用表格规划网页 教学设计 教材简析 本课是第四单元《动手做网页》的第四课,重点介绍学习插入表格、表格嵌套、设置表格属 性等操作,表格操作是网站建设...

网站首页 | 网站地图
All rights reserved Powered by 学霸学习网 www.tceic.com
copyright ©right 2010-2021。
文档资料库内容来自网络,如有侵犯请联系客服。zhit325@126.com