当前位置:首页 >> 初中教育 >>

创建我的第一个网站


广东省佛山市高明区沧江中学 广东省佛山市高明区沧江中学

“创建我的第一个网站”教学设计 创建我的第一个网站”

广东省佛山市高明区沧江中学

授课人: 授课人:赵建初 二〇一〇年一月二十五日

1

《创建我的第一个网站》
广东省佛山市高明区沧江中学 赵建初

>
一、情境 老师知识同学们喜欢网上冲浪,那你们想不想在网上“安个家”,自己的生 活点滴、学习感受及内心世界等所有的一切向全世界宣告呢? 那么老师从这节课的开始跟大家介绍如何收集和整理素材并初步创建一个 简单的网站,以最简便的形式来满足同学们的希望!

二、学习目标 (一)知识目标 知识目标 1、了解网站建设的准备工作; 2、认识 FrontPage 软件窗口界面。 3、学会使用 FrontPage 创建站点 4、学会制作简单的网页。 (二)技能目标 1、了解网站设计的基本流程 2、同学通过亲身经历,提高分析和解决问题的能力 3、培养同学合作学习和动手能力 (三)情感目标 1、培养同学的作品规划意识,形成“先规划,再制作”的习惯。 2、培养同学乐于帮助、团结协作的团队精神。 3、培养同学的科学探索精神和个性化创作精神。

三、学习任务 学习任务
2

1、了解搜索和整理素材的办法。 2、学会使用 FrontPage 创建站点和网页。 3、学会插入和保存图片。 4、知道网页属性的设置办法。

四、分析 (一)教材分析 教材分析 1、《创建我的第一个网站》一课是广东教育出版社《信息技术》(佛山 版)八年级第二册第三单元第 3 课的内容,内容为 1 课时。 2、本课内容是学生在七年级学习了因特网的基础知识与应用以后,学生体 验到了网络世界的精彩、信息的多样化,想让更多的人了解自己最有效地途径就 是建立网站并把它发布到因特网上,从而激发学生创建网站的欲望。 3、本课的主要内容是如何收集和整理素材、初步创建一个简单的网站。通 过活动,使学生学会合理规划站点的内容,并掌握创建网站的方法。活动主要分 成 3 个阶段来进行:一是收集和整理网站素材,二是创建网站并规划设计网站的 目录结构,三是对网页的属性进行设置。本节是基础性知识,是要让学生具备基 本的规划思想,养成先规划网站、然后收集素材、最后再制作网页的习惯。 4、搜集与整理素材这个准备工作看似无关紧要,其实是本课内容点睛之处, 也是制作网站首要部分。在网站创建前进行素材准备、了解 FrontPage 以及掌握 网站规划设计的准备工作都十分重要的,也是本课内容中不可少的部分,需要学 生扎实地掌握。 (二)学生分析 1、本课教学对象为初中八年级学生,他们活泼好动,新鲜好奇,虽然操作 计算机水平层次不同,但基本上都上过网,了解简单的网络知识。 2、在学习准备阶段,学生思绪比较繁杂,他们有七年级因特网的知识基础, 当了解了网站设计的知识后十分急切地想把自己的生活点滴、 学习感受及内心世 界等所有的一切向全世界宣告。 因此, 我通过相互交流活动来帮助学生理清思路, 形成网站框架, 有一个比较清晰思路在今后的架构网站过程中学生不断地增加自 己所需的内容,这就为产生新知创造条件,也为学生学习新知奠定基础。

3

五、教学策略 信息技术作为一门独立的新型学科,在教学方法上应该根据不同的教学内容 选择不同的教学场所以及采用不同的教学手段,从而激发学生的学习兴趣,调动 学生的学习积极性。针对这节课,我采用了多种教学方法相结合的教学方式,并 且在不同的教学环节中应用了不同的教学策略。 1、演示法 利用多媒体网络教学环境,通过演示辅助教学课件,而且实时讲解,并把实 例操作过程演示给学生观看, 使学生在这种计算机数字化了的“集体讲授模式” 下更容易接受本节课的知识点。 2、任务驱动法 多数同学对任务都会产生一种急切完成的动机,而完成任务又能给他们带来 成就感和满足感。通过布置任务,驱使学生由“要我学”变成“我要学”。 3、小组协作法 由于创建网站是一个综合性任务,技术要求较高,建设一个网站往往需要多 人合作才能完成,因而采用小组协作法能炼就他们良好的团队协作精神,而且小 组成员的知识程度、 学习能力和思维方式都有差异, 可以通过讨论、 交流与合作, 取长补短、拓展思维。

六、过程 教学过程 教师活动 【引导】:同学们大家对于网络上 丰富多彩的内容都很感兴趣吧,那 么大家想不想也在网上“安个家”, 也让别人来了解一下同学们的学习 和生活呢?那么,从这节课开始我 跟大家一起来学习网站制作的知 识,把大家阳光和激情带给全世界! 俗话说:巧妇难这无米之炊。我们 既然想制作一个网站,需要做的第 一件事情是什么呢? 学生活动 设计意图 提出在网上 “安家” 的想 法, 激发学生 的创作热情

新课导入 (2 分钟)

认真听讲 联想生活

知识点一: 搜集和整 理素材 问题讨论 引出新知

认真思考 分组讨论

抛下第 1 个锚 点, 引出知识 点: 素材的收 集与整理。

4

(3 分钟)

【提问】:同学们,经过热烈和积 极的研究、讨论,我想大家已经知 道了做网站前的准备工作了。现在, 我看那一个小组能给大家介绍一下 创建网站的一些准备工作吧? 教师引导 整理知识

分组述说 组长回答 组员补充

用学生的话 来引出新知, 让学生记忆 更深刻

【知识呈现】:引导并整理知识(同 步展示 ppt): 思考: 什么是 (1)搜集素材 网站的素 (2)整理素材 材? (3)加工素材 注意:收集素材要有针对性 【提问】 网站和网页有什么区别? : 注意分清网站和网页的概念差别。 【举例】:同学们,网站是一个大 的概念,我们可以把“新浪网”、 “腾讯网”等称为网站,而把这些 网站上的每一个内容页称为网页。 他们是一种总体和局部的关系,就 像一本书与书里面的每一页的关系 一样。 认真思考 分组讨论

让学生理解 准备素材的 重要性

问题讨论 引出新知

认真听讲 形象理解网 站和网页的 关系 认真听讲

抛下第 2 个锚 点, 引出知识 点: 网站和网 页。

知识点二:

今天老师给大家介绍一款新的软件 FrontPage,它能够很方便地创建网 创建站点 站。下面我们就来认识一下它吧。 和网页 演示:单击“开始”——>所有程序 ——>“Microsoft (25 分钟) Office”——>”FrontPage” 【提问】 FrontPage 与 word 比较, : 有什么不同?(增加了视图区,编 FrontPage 辑区有三个窗口) 简介 【解说】: 1、视图区:多种视图模式是为了方 便网站的管理。 2、 普通窗口: 鼠标在闪动, 可编辑、 修改页面,所见即所得的方式 3、 预览窗口: 浏览器中出现的效果, 与 PowerPoint 中的“放映幻灯片” 类似。 4、Html 窗口:用于编写 HTML 代码

认识 FrontPage, 为制作网页 积极思考: FrontPage 与 打下基础。 word 的异同 之处? 使学生对 FrontPage 窗口 组成有一个 清楚的认识。

回答问题

认真听讲 从与 word 的 对比中快速 学习 FrontPage。

5

【提问】:如何创建第一个站点? 网络无国界,我们现在通过网站的 建设来让全世界了解我们体育节的 盛况。现在,我们就以创建体育节 网站为例…… 创 建 第 一 【演示】:新建站点。 个站点 1、选择“文件”——>“新建”菜 单命令,选“任务窗格”中的新建 网站,单击“由一个网站组成的网 站”弹出“网站模板”,选择“只 有一个网页的网站”这里要求确定 网站的位置,我们统一保存在 d:\tiyujie 文件夹下面。 2、创建好站点后,下面我们继续来 创建网站的目录结构,同学们可以 看到,在网站的窗口右上角有三个 按钮,1、新建网页文件 2、新建文 件夹 3、返回上一级。 这里我们应该怎么做呢? 以我们的“体育节”各个栏目为例 吧: 【演示】:创建目录结构。 知识点二: 单击“新建文件夹”——>输入文 件夹名 bsxm(比赛项目) 创建站点 【注意】:在给文件或文件夹命名 和网页 时要遵循一个原则:便于记忆和查 询,不能用中文命名。 (25 分钟) bsxm(比赛项目)主栏目文件夹创 建好了,其他三个文件夹创建的方 法完全相同,同学们可以结合课本 99 页完成其他 6 个主栏目文件夹的 创建。 【巡视、辅导】 我们以小组为单位,动手创建第一 个站点。小组中做的最快的学生请 他给本组中需要帮助的同学做一下 指导。看哪个小组完成得最快。

认真听讲 仔细观察

使学生学会 创建网站的 方法。

知道网络文 件夹和文件 的命名规则 认真听讲 仔细观察

了解创建目 录结构的办 法

任务驱动: 学生动手 创建第一 个站点

结合课本 动手练习 小组合作 互助学习

让学生在实 践中学习站 点的创建

同学们,当建好网站的结构以后, 我们就可以向站点中添加网页了。 新 建 第 一 【演示】:新建第一张网页。 认真听讲 张网页 我们单击常用工具栏上的 按钮, 仔细观察

让学生了解 网页的创建 办法

6

保存网页

知识点二: 创建站点 和网页

新建一个空白的网页,在空白网页 上添加网页的各种元素。我们可以 为新建的第一张网页写下欢迎语, 或者记录我们的心情,而且还可以 标记版权信息哦。 同学们,为了保存我的劳动成果, 大家不要忘记对刚才创建的网页保 存哦。 认真听讲 【补充】:主页的命名。 仔细观察 主页是网站中第一个网页,俗称门 户,它在网站中起着封面或目录的 作用, 翻译成英文名为 Index, 这是 约定俗成的,不能更改的,

让学生了解 网页的保存 办法

【巡视、辅导】 同学们,看了老师的演示,觉得网 任务驱动: 页制作有意思吧,下面也请同学们 (25 分钟) 创 建 网 站 也来自己体验一下吧。小组中做的 上 的 第 一 最快的请他下位给本组中需要帮助 的同学指导一下,看看这次哪个组 张网页 完成得最快?!

结合课本 动手练习 小组合作 互助学习

培养学生。 通过提示培 养学生思维 能力以及实 践的能力。

是什么让网络的世界如此缤纷呢? 小组探索: 对,是图片。因为五彩斑斓的图片 如何插入 让网页增色了。 图片? 【任务】:如何为网页插入图片? 知识点三: 设 置 网 页 实践探索、 【任务 1】:你能为网页加上标题 自主学习: 的属性 吗? 如何美化 【任务 2】 你能改变网页的背景色 : 我 的 网 吗? (10 分钟) 页? 请同学们仿照同样的方法结合课本 100 页自己完成吧。 同样, 小组中做 的最快的请他下位给本组中需要帮 助的同学指导一下,看看这次哪个 组完成得最快?!

结合课本 互助学习 探索新知

让学生在实 践探索中学 习新知识: 插 入和保存图 片 让学生自己 探究学习, 培 养他们自主 学习的能力。 培养学生互 助、合作学 习。

结合课本 互助学习 探索新知

7

作品展示 学生互评 (3 分钟)

给学生印发《学习效果评价表》 评价范围: 1、基础知识掌握情况 2、学习态度表现 3、小组合作、协作能力

通过评价激 发学生的学 学生自评 习兴趣, 监督 同学之间互 学生的学习 评 行为。

教学小结 教师点评 (2 分钟)

学习了本节课有哪些收获? 老师点评,最后总结。

学生回忆

总结归纳知 识点

七、教学环境及资源 1、硬件:多媒体网络机房; 2、软件: FrontPage 网页制作软件、机房广播教学软件。 3、资源:《创建我的第一个网站》ppt 课件、《学生学习效果评价表》。 4、供学习的参考网站: 网站名称 W3School 网站建设教程网 网页天堂 动易网络 网址 http://www.w3school.com.cn/index.html http://www.wangzhanjishu.cn/ http://www.fh888.com/ http://www.powereasy.net/

8

八、评估 参考评价标准,对自己和同学的网站进行交流、评分。

《创建我的第一个网站》学习效果评价表
优秀(33) 良好(25) 一般(15) 自评 他评

个人表 能积极完成任务,作 清楚地知道自己的 不 能 完 成 自 己 的 任 现 品质量高。 任务。 务 帮助协调,推动整个 参与了讨论、 工作, 乎 没 有 参 加 过 小 几 小组合 作 小组的工作,鼓励其 并对最终成果进行 组活动。 他成员。 了评价。

技术内 文字组织吸引人,图 有欢迎语,能插入 只有简介的文字 容 文并茂,视觉效果好。 图片。 总得分

9


相关文章:
创建我的第一个网站
创建我的第一个网站_初中教育_教育专区。1、《创建我的第一个网站》一课是广东教育出版社《信息技术》(佛山版)八年级第二册第三单元第3课的内容,内容为1课时...
创建我的第一个网站
创建我的第一个网站_育儿理论经验_幼儿教育_教育专区。“动手创建自己的网站”教学设计《动手创建自己的网站》一、情境 老师知道同学们喜欢网上冲浪,那你们想不想在...
我的第一个个人网站
2.风格 由于我较喜欢童话和漫画,做本人第一个个人网站,就选取此最大的喜爱。...点击添加,输入 index.htm,确定,再添加 index.asp,确定,设置完毕点下面的 确定...
项目1制作第一个网页——“我的主页”
项目5使用超链接创建链接... 3页 免费 项目6CSS设置 4页 免费项​目​1​制​作​第​一​个​网​页​—​—​“​我​的​主...
2.3我的第一个网站(三)
2.3我的第一个网站(三)_数学_小学教育_教育专区。教课 题 2.3 我的第一...创建站点 2.学会在 Dreamweaver 8 中管理站点的文件和文件夹 3.学会制作网页中...
如何免费建立自己的网站
如何免费建立自己的网站_互联网_IT/计算机_专业资料。如何免费建立属于自己的网站...然后在我们的百度搜索中输入微企点 第二步然后选择出现的第一个 第三步我们...
2.3我的第一个网站(二)
教课 题 2.3 我的第一个网站(二) 14 秋计算机 新授 知识目标 能力目标 ...创建美乐电器网站 三、超链接: 1.功能:可以实现两个网页之间的跳转 2.分类:...
新手入门——网站欣赏与创建网页
出版社出版的 《信息技术》 初中二年级下册第一单元 《初建网站的第一节...这样安排既照顾到不 经常接触网络的学生,又给操作熟练地学生一个展示自己的机会...
我的第一个
我的第一个 VB 程序——“跟我来学 VB 神童教程” 一、打开程序: 点击桌面上的 Visual Basic 图标,在弹出的如图一的窗口中选择“创建标准 EXE”按钮。 图一...
新手入门-网站欣赏与创建0网页
新手入门-网站欣赏与创建0网页_其它课程_初中教育_教育专区。科目信息技术年级八...任务三:我的第一个网页是这样成功的。 关于 HTML 语言认识,给学生 2 分钟...
更多相关标签:
django创建第一个项目 | 创建第一个servlet | 创建第一个ios app | 我的第一个网站 | 我国第一个政府网站 | 世界上第一个网站 | 中国第一个网站 | 第一个网站 |