当前位置:首页 >> 其它课程 >> 初中信息技术网站制作教案

初中信息技术网站制作教案


网站设计规划
教学目标: 教学目标: 1、让学生了解网站建设的前期准备工作。 2、学会如何规划一个网站。 教学重点: 教学重点: 建设一个网站的步骤 教学难点: 教学难点: 对网站的构思及策划 教学辅助手段: 教学辅助手段: 制作或下载一个漂亮的网站(最好是自己制作)
教学过程: 教学过程: 教师活动 一、 引入 上几节课,我们在 INTERNET 这个信息的

海洋 中尽情遨游了一番,同时我们也发现许许多多内容 丰富、创意新颖、设计独特的网页,不知道你见到 这样漂亮可人的网页是否有点心动,你是否也想动 手做一个吗? 提出问题:你们是否找到了适合你口胃的网站 或特别能打动你的主页? 选择几个学生来说说。 二、 正课 首先打开自己先前做好的网站,一定要做的漂 亮,能吸引住学生的注意力,同时也让学生表现出 对你的钦佩,对你的崇拜,这样学生才有信心跟你 学,并且学好。 问题 1:这是一个什么样的网站?(指内容) 问题 2:这个网站提供了一些什么功能? 问题 3: 想不想知道这个网站我化了多少时间完 成的吗? 首先让学生猜猜老师化了多少时间完成的。 以第三问题引出了我们今天要讲的内容,告诉 学生制作一个网站应该如何着手,需要分成多少个 步骤来完成。首先要确定主题,然后查找资料,最 后再动手制作。所以说,制作一个网站是一个长期 的工作,而不是一朝一夕之事,只有通过不断地改 学生都在议论纷纷,有的说 2~3 天,有的 说 5~6 天,有的说…… 学生的目光一下子集中到了这个网站上 了。 学生通过观察,依次回答了老师提出的问 题。 学生都在说着自己看到的一些优秀网 站,其中包括内容方面、界面方面、设计 风格方面等等。 对于亲自动手制作一个网站,学生表 现出了很大的兴趣,都想一现身手。 学生活动

多媒体电脑房软件

进、完善才能做出一个成功的网站。 板书:网站的构思、规划 1、首先应确定好站点的主题。 创建网站前要先确定站点的主题,只有主题确 定之后才会有目的的去寻找相关的资料,否则就像 一只无头苍蝇到处乱窜,所以确定站点的主题是非 常重要的,同学要慎重考虑好。 思考:你们想做一个关于什么内容的网站呢? 可以从自身的兴趣、特长、爱好出发来确定站 点的主题。 通过这么一个小思考,活跃了课堂的气氛,同 时也为今后的工作提前做了准备。 小结:站点的主题最好是自己擅长或者喜爱的 内容, 这样制作过程中才不会觉得无聊或力不从心, 制作的内容才能够丰富多彩,更能吸引人。 确定好网站的主题。 2、规划站点结构 确定好站点的主题后,接下来就是要规划好站 点的内部结构。 ①风格定位 任何主页都要根据主题的内容决定其风格与形 式,因为只有形式与内容的完美统一,才能达到理 想的效果。主页风格的形成主要依赖于主页的版式 设计,依赖于页面的色调处理,还有图片与文字的 组合形式等等, 这需要大家在制作过程中不断探索。 ②风格统一 你网页上所有的图像、文字,包括像背景颜色、 区分线、字体、标题、注脚什么的,要统一风格, 贯穿全站。这样子读者看起来舒服、顺畅,会对你 的网站留下一个“很专业”的印象。 3、几点建议 ①网页命名要简洁。由于一个网站是由许多子 页面组成的,为了便于管理网页,最好给这些页面 起一些有代表性的而且简洁易记的网页名称。 ②不要过多地使用图片、动画。图片、动画固 然能吸引人,但同时也影响访问的速度,因为人的 耐心是有限的,人家不愿意把太多的时间化在打开 让学生不断地到报刊、网上收集资料、图 素材放在校园网上供大家使用。 任务:让学生利用课余时间考虑好网站的内容, 像、图标等素材,将学生收集到的优秀的 学生议论: 有的学生对散文诗比较感兴趣,想做 一个关于散文诗欣赏的网站,有的学生是 追星族,想做一个关于明星、歌星方面的 网站,有的学生对军事很感冒,所以想做 一个关于军事武器方面的网站,各有各的 想法,可谓包罗万象。

网页上。

③要及时地收集用户的反馈信息。通过用户的 反馈信息我们可以了解网站中存在的一些问题,并 及时进行调整、修改,这样才能给用户一种负责的 印象,才能留住更多的用户。 布置任务: ①要根据自己的情况确定好网站的主题。 ②根据主题收集一些资料。

第一节 教学内容:初步了解制作网页的工具 frontpage 教学目标:了解网页的基本概念 学会启动 frontpage 了解 frontpage 的工作环境 初步了解 frontpage 的工作原理 教学过程: 一、 让学生观看网页,提问:什么是网页?什么是主页、网站, 它们之间是什么关系? 二、 提问:制作网页使用的工具软件是什么?学生看书后回答 问题。 三 、 怎 么 启 动 frontpage 呢 ? 教 师 提 示 , 其 启 动 方 式 与 word,powerpoint 方式一样,让学生试启动。 四、 学生认识 frontpage 的操作介面,观察其与 word.powerpoint 的操作介面有何异同。 五、 通过观察网页,学生回答构成网页的基本元素。 六、 教师演示 frontpage 制作网页的方法,说明它们的许多操作

与 word powerpoint 一样,使学生觉得他们使用很简单,不陌生, 初步熟悉 frontpage 这个制作网页的工具软件。

第二节

教学内容:初步学习制作简单的网页 教学目标:1、学会创建新网页 2、学会在网页中输入文字并设置文字格式。 3、保存网页与打开网页 4、预览网页 教学过程: 一、 学会创建网页 让学生回忆 word、 powerpoint 启动以后, 会自动创建一个新页面, 那 frontpage 是不是也一样呢?学生演示观察。 怎样再创建一个新页面,与 word、powerpoint 一样吗? 二、 学习在网页里输入文字 提示:在网页里输入文字,与 word 完全一样,学生试练习操作。 提问:在网页里输入文字原来这么简单,那么设置文字格式是不 是也很简单呢?和我们前面学过的 word、 powerpoint 一样吗?学生 试用交流后,感觉很简单, 操作上一样。

三、 怎么保存网页? 提示:他们的保存与我们前面所学的软件操作是一样的,学生试 操作,互相交流,回答教师提问,并让一名学生演示操作过程。 四、 打开保存的网页。 学生试练习操作,然后叙述操作的过程和感受。 五、 预览网页 想知道自己做好的网页是什么样子吗?让学生单击预览, 观察他 们与制作好的页面有什么区别? 六、 总结。

第三节 教学内容:初步学习网页的美化 教学目标:1、学习给文字增加边框和底纹 2、学习添加水平线 教学过程: 一、 引言 在前节课,我们学习了通过给文字设置格式,美化了文字,在这 节课,我们将学习另一种美化文字的方法,它将使我们网页上的文 字更加漂亮。 二、 给文字添加边框与阴影 让学生看课本,怎样进入设置对话框? 进入设置边框与阴影对话框,观察操作界面,学生试操作练习, 对于练习中的问题,教师给予讲解。学生体会到操作上的简便,只 要会进入操作界面,操作上就简单多了。 三、 添加水平线 先让学生观察网页上的水平线,认识水平线及其在网页中的作 用。

阅读课本上的图示,了解怎样进入设置水平线的对话框,学生试 操作。提问:怎样设置已添加的水平线呢?教师通过操作讲解,让 学生明白,修改水平线的属性,一般都是在要修改对象上单击鼠标 右键,在其快捷菜单里就可找到其属性设置按钮。 四、 总结本节课内容。

第四节

教学内容:插入图片和背景 教学目标:1、学会在网页中插入图片。 2、学会给网页添加背景。 教学过程: 一、 引言。 上节课,我们学习了在网页中输入文字和添加水平线,但网页中 只有文字而没页有图片是不行的,那么怎样插入图片呢? 二、 在网页中插入图片 提示:在网页中插入图片的方法和 powerpoint 是一样的,让学生 试操作,分别插入剪贴画、来自文件。并调整图片的大小,观察其 与 powerpoint 的区别。 三、 设置图片的对齐方式 提示:我们在前面学习的文字的对齐方式,图片的对齐方式与其 一样吗?请同学们试一试,然后再看看课本。 学生演示并回答问题,认识到他们的对齐方式是一样的,但在其 图片属性里的对齐方式有更多种。

四、 给网页添加背景 引言:网页的背景是白色的,太缺少色彩了,那怎样给网页添上 背景颜色呢?同学们看书讨论后,尝试练习。并认识到还可用图片 做背景。 一人上机演示。 五、 总结本节课内容。

第五节

教学内容:让网页更丰富(一) 教学目标:1、学会在网页中插入背景音乐 2、学会在网页中插入视频 教学过程: 一、 引言: 我们上网时,打开一些网页,会出现动听的音乐,还能在网上看 电影,这节课,我们就学习如何在网页里插入背景音乐和视频。 二、 在网页里插入背景音乐 同学们看书,了解插入背景音乐的对话框打开步骤,尝试在网页 中插入音乐,然后预览网页。 怎样设置背景音乐的播放次数?学生观看背景音乐设置对话框 后让一个上机演示。 三、 在网页中插入视频 学生阅读书本后尝试练习,预览网页。 观看课本, 了解视频文件的播放方式,然后尝试练习。 四、 总结本节课内容。

第六节

教学内容:让网页更丰富(二) 教学目标:1、学会在网页中插入滚动字幕 2、学会设置悬停按钮 教学过程: 一、 在网页中插入滚动字幕 引言:我们晚上看电视的时候,经常看到上面滚动的广告条,那 就是字幕,在网页中我们也经常看到字幕,其实,字幕的制作非常 简单,现在我们一起学习字幕的制作。 学生们看书后,尝试练习,很容易便做出了字幕。 提示:同学们观察字幕的属性设置对话框,我们还可对字幕进行 怎样的设置? 学生回答后, 让学生一个个地进行尝试, 体会字幕的每一个属性, 然后回答教师的提问: “延迟”和“数量”分别对字幕的速度有什么影响? 用自己的话描述字幕的表现方式? “文本对齐方式”指的是什么?

二、 设置悬停按钮 引言:当我们浏览网页的时候,经常会发现有些按钮,当鼠标移 过它们上方时,这些按钮会产生一些变化,这种按钮,就叫做悬停 按钮。下面,我们就学习悬停按钮的制作。 学生看书,了解制作悬停按钮的步骤,然后尝试练习。 教师提问:“按钮文本”指的是按钮的什么? 什么是“效果颜色“? 教师提示: 有“悬停按钮“的网页, 必须保存后才能看到悬停按钮。 三、 总结本结内容。

第七节 用表格来规划网页(一) 教学内容:创建表格,表格的编辑,单元格的合并与拆分 教学目标:学会创建表格,认识表格的行与列; 编辑表格,学会调整表格的行高与列宽; 学会合并单元格与拆分单元格 教学过程: 一、 学习创建表格 教师让学生观看一个网页,再删去网页上的元素,让学生了解表 格在网页制作中的作用。 教师指导学生认识表格中的行与列,行数与列数。 教师教给学生创建表格的方法与步骤, 使学生认识到创建表格要 知道所要创建表格的行数与列数。 二、 表格的编辑 在网页中,我们发现表格的行高与列宽并不一定是均匀的,在实 际制作网页时,我们必须要调整行的高度与列的宽度,来满足我们 制作网页的需要,那么,怎么调整表格 的行高与列宽呢? 让学生看课本,观看调整的方法,然后让一个学生演示并讲解自 己的操作方法,再让几个学生在电脑上进行演示。

三、 单元格的拆分与合并 让学生观看网页上的表格,学生会发现单元格并不一致,引出单 元格的合并与拆分。 让学生自己查阅课本,找出方法,进行演示。 四、 练习 学生试创建以下表格:

第八节 用表格来创建网页(二) 教学内容:学习表格属性的设置,初步学习用表格规划网页 教学目标:较熟练的设置表格的属性,初步学会用表格来规划网 页。 教学过程: 一、 设置表格的属性 (1) 让学生观看网页中的表格, 及预览后的效果, 学生提出疑问, 表格怎么看不见了呢? (2) 有的表格怎么边框线与别的表格不一样? (3) 有的表格和单元格还有背景色,这怎么设置呢? 教师告诉学生,这与以前我们对水平线、图片的设置方法一样, 都是在属性里面设置的,同样,表格的这些效果,也是在表格的属 性里面进行设置的。 教师告诉学生,进入属性设置的方法都是一样的,都是在对象上 单击鼠标右键,从而进入属性设置的。 教师引导学生观察表格的属性设置窗口,了解基本的概念。 二、 用同样的方法学习单元格属性的设置。 三、 初步学习用表格规划网页。

教师演示,学生观察,了解用表格创建网页的作用。

第九节 用表格创建网页(三) 教学内容:学习较复杂的表格 教学目标:利用表格的嵌套来规划网页 教学过程: 一、 教师演示,让学生知道表格可以嵌套,再观察一些网页, 了解嵌套在网页制作中的重要作用。 二、 教师讲解网页的运行内涵,学生了解到网页打开时的过程, 告诉学生,表格的嵌套最多不要超过三层,否则,网页的打开会比 较慢。 三、 学生练习。

第十节 网页和网站 教学内容:网页和网站 教学目标:了解网站与网页的关系; 学会网站的创建和管理 教学过程: 一、 认识网站与网页的关系 指导学生观看 www.163.com 网站,提问,网站与网页之间有什 么关系? 学生查阅课本后回答问题。 二、 学会网站的创建和管理 (1) 为什么要创建网站? 小学生在制作网站时,经常出现拷贝到别的计算机后,出现图片 丢失的现象,什么原因? (2) 教师演示如何创建网站。 (3) 教师演示在网站里新增空白网页,添加图片后并保存,让学 生观看屏幕会的什么提示? (4) 教师在网站里进行网页的切换,让学生观察到网站里的网页 管理非常方便。

三、 网页的属性 学生根据以往的经验,试打开网页的属性设置窗口。并引导学生 修改网页的标题,背景。 四、 学生练习 几名学生在电脑上合作演示制作一个简单的小网站。

第十一课 把网页链接起来(一) 教学内容:网页、网站的超级链接 教学目标:(1)了解超级链接的基本概念; (2)学会网页之间的超链接; (3)学会其他网站的超链接。 教学过程: 一、 超级链接的概念 学生都上过网页,又在四年级幻灯片中接触过超链接,因此 很 容易理解什么是超链接。教师引导学生浏览网页,指出什么是超链 接。 二、 用文字和图片建立超链接 让学生从书上查阅资料,联系幻灯片中的超链接,制作网页之间 的超链接,再让一个学生在电脑上试做演示,大家共同评价。 三、 链接到其他网站 教师通过上网,给学生演示,了解网页到网站的链接。让学生看 课本后,学生试练。 四、 总结

第十二课 把网页链接起来(二) 教学内容:文件与邮件的链接 教学目标:网页与文件、电子邮件的链接 教学过程: 一、 复习上一节的内容 二、 学习网页与文件的超链接 (1) 建立直观认识,通过浏览网页,让学生观察什么样的链接是 与文件的链接。 (2) 教师演示制作与文件的超链接。 (3) 几名学生分别在电脑上为大家演示制作。 三、 学习电子邮件的超链接 用同样的方法学习电子邮件的超链接。 四、总结。


更多相关文档:

初中信息技术网站制作教案

初中信息技术网站制作教案_其它课程_初中教育_教育专区。初中信息技术网站制作简单教案网站设计规划教学目标: 教学目标: 1、让学生了解网站建设的前期准备工作。 2、学...

初中信息技术网站制作教案

初中信息技术网站制作教案_其它课程_初中教育_教育专区。菏泽信息技术优质课一等奖配套教案陆圈二中信息科 薛建生 制作我们的网上名片 ---构建网页教学目标: 1、初步...

Frontpage2003中表单网页的制作教学设计(初中信息技术精品)

Frontpage2003中表单网页制作教学设计(初中信息技术精品)_其它课程_初中教育_教育专区。Frontpage2003 中表单网页的制作 ■教材分析和学情分析 “表单网页的制作”是...

框架网页的制作教学设计(初中信息技术精品)

框架网页制作教学设计(初中信息技术精品)_其它课程_初中教育_教育专区。《框架网页的制作》教学案例 【教材分析】 本活动是 8 年级《信息技术》第二单元“制作...

《规划与设计网站》教学设计(初中信息技术精品)

《规划与设计网站教学设计(初中信息技术精品)_其它课程_初中教育_教育专区。《规划与设计网站教案 我的网站,我做主! —《规划与设计网站教案 一、教学背景...

八年级信息技术教案4(制作一个简单的网页)

初中信息技术网站制作教案 23页 1财富值 制作一个简单的网页 3页 2财富值如要投诉违规内容,请到百度文库投诉中心;如要提出功能问题或意见建议,请点击此处进行反馈...

信息技术八年级上册网页制作教案及导学案

信息技术八年级上册网页制作教案及导学案_初中教育_教育专区。利用FrontPage来制作网页时,如何在网页中插入标题,如何从互联网中搜索到自己需要的图片并下载,如何在网页...

教学设计简单网页制作

教学设计简单网页制作_其它课程_初中教育_教育专区。简单网页制作 ---我的时光宝盒教材:重大版初中信息技术八年级下 2.1《简单网页制作》 一、设计思想 学生在信息...

制作表单教学设计(初中信息技术精品)

制作表单 一、教学内容分析 本课内容参考上海科技教育出版社《初中信息技术》九年级上册第 5 单元《制作表单》 ,是在前面已 经制作网页的基础上,利用表单为自己...

第十一课 建立网站站点教学设计(初中信息技术精品)

第十一课 建立网站站点教学设计(初中信息技术精品)_其它课程_初中教育_教育专区。第十一课建立网站站点 一、教材与学生分析 本节课选自浙江教育社出版的《信息技术...
更多相关标签:
初中科学小制作教案 | 初中美术手工制作教案 | 初中网页制作教案 | 初中信息技术教案 | 初中信息技术优秀教案 | 初中劳动技术课教案 | 初中信息技术word教案 | 初中信息技术课教案 |
网站地图

文档资料共享网 nexoncn.com copyright ©right 2010-2020。
文档资料共享网内容来自网络,如有侵犯请联系客服。email:zhit325@126.com