最新辽师大版五级下册信息技术教案Word下载.docx
- 文档编号:13217286
- 上传时间:2022-10-08
- 格式:DOCX
- 页数:22
- 大小:20.21KB
最新辽师大版五级下册信息技术教案Word下载.docx
《最新辽师大版五级下册信息技术教案Word下载.docx》由会员分享,可在线阅读,更多相关《最新辽师大版五级下册信息技术教案Word下载.docx(22页珍藏版)》请在冰豆网上搜索。
第15课发布你的网站
第16课综合实践—我的个人主页
教师电子备课教案
单元内容
用计算机制作简单网页
(一)
单元课时
8
备课教师
教师姓名
参与教师
教学目标
一、完成构建简单的网页设计。
二、会使用frontpage的基本功能
教学重点
会使用frontpage的基本功能
教学难点
制作简单网页
教学准备
搜集素材和课件
课时分配
网页欣赏............................1课时
进入Frongtpage......................1课时
网站的设计..........................1课时
做一个简单的网页....................1课时
插入水平线和设置背景................1课时
用图片美化网页......................1课时
表格在网页中的运用..................1课时
综合实践——直面洋快餐..............1课时
教学内容
网页欣赏
课时
1
1、了解网页的主要组成元素2、了解网页的结构3、培养学生审美
1、网页的元素组成2、网页的基本结构
1、网页元素的理解2、网页结构的划分
教学过程
修改
一、组织教学、导入新课
(教师先展示几个网页的图片)精彩的网络世界吸引着无数人的眼球,对我们同学来说,它也被披上了神秘的色彩。
有些同学也想在互联网上建立自己的空间,但又觉得这是非常高深的事情。
其实这一切并不是那么困难。
从这节课开始,我们就学习如何做网页。
首先我们先来欣赏几个网页。
二、讲授新课
1、欣赏网页
在欣赏的同时,我们应该注意以下这些网页基本上都是由哪些元素组成的。
(1)打开浏览器,输入网址,让学生欣赏网页。
(2)学生上机练习。
2、请学生带着下面几个问题浏览网页,以小组为单位进行讨论,教师巡视并指导。
(1)观察打开的网页,看看上面都有哪些元素?
(2)这些元素在网页中怎样布置的?
这样的结构有什么特点?
3、学生动手操作“练技能”的内容,教师巡视并指导。
三、总结:
1、学生归纳本结课所学知识。
2、教师总结本节课学习情况。
教学反思
进入frontpage世界
1、学会启动FrontPage2003;
2、认识FrontPage2003的操作窗口;
3、学会建立网站的简单操作;
4、培养学生的审美观念。
FrontPage2003的界面基本组成及相应功能
建一个只有一个网页的网站操作
一、激发导入
1、教学中在“看一看”阶段,引导学生对照Word2003的操作界面。
1、一个网站是由许多网页组成的。
网站就好比一本书,网页就好比一张张书页。
浏览网站时,首先看到的网页就是这个网站的主页。
主页好比目录,是一个网站的“入口”,进入主页后就可以浏览网站内的其他网页了。
2、认识FrontPage2003窗口。
⑴文档名称;
⑵文档视图区;
⑶网页基本视图模式。
3、新建一个网站
⑴单击“网站”选项,出现“网站模板”对话框。
⑵单击“新建普通网页”的下拉按钮。
⑶输入新建网站存放的位置:
“G:
\My\Site”,单击“确定”,网站自动建立。
4、学生动手操作,教师巡视指导。
三、总结
网站的设计
1、网站的规划流程;
2、确定网站主题;
3、收集资料;
4、画出网站的结构图。
设计一个简单网站
画出网站结构图
一.引入新课
我们的校园生活丰富多彩,班级活动活泼有趣,怎样让远方的伙伴了解我们的校园生活呢?
为了更好地展示我们班级的风采,让更多的人认识和欣赏我们,我们可以制作班级网站,发布到因特网上,让更多的人了解我们班。
二.讲授新课
1.在因特网上,利用超级链接可以方便地将与网站主题相关联的一个个网页链接起来,使其变成一张有序的网,为人们展现丰富的主题内容。
2.网站规划
网站是由多个网页链接组成的,在开始制作网站前最好做好整体规划。
(1)确定网站主题。
网站的主题决定制作网站的风格,决定网站所包含的网页信息。
(2)搜集素材。
通过多种渠道搜集网站所需要的各种素材。
(3)筛选、整理素材。
对搜集来的素材进行必要的挑选、修改、编排、整理,筛选出各类网页所需要的素材。
有时还需要根据实际情况自己动手完成一些必要的文字、图片等素材。
4.做好网站建设规划。
根据我们筛选、整理的素材,按照不同的分类,规划整理到不同的网页中。
同时要注意使页面布局主题突出、美观大方、有自己的特色。
三、思考与练习
为自己的班级网站设计一个欢迎首页。
四、总结
做一个简单的网页
1.在网页中输入文字;
2.编辑网页中的文字;
3、学会用软件打开一个已有的网页。
打开一个已有的网页,进行文本的编辑
怎样打开已有的网页
目前,可以制作网站的工具软件非常多,我们选用FrontPage作为网站制作的工具软件。
1、建立新站点
(1)打开FrontPage,单击“文件”→“新建”→“站点”,打开“新建”对话框。
(2)选择“空站点”,键入站点的保存位置和名称,单击“确定”按钮。
2、建立网页,输入汉字
(1)在FrontPage中创建站点后,会自动在站点文件夹内创建两个文件夹,用于制作网页时存放各类资源。
(2)在光标处输入网站的名称,并写上一段欢迎的文字,例如“欢迎走进温馨的XX班网上家园”。
这样,一个只有文字的网页就建立好了。
3、保存网页
单击“文件”→“保存文件”,打开“另存为”对话框,输入文件名,单击“保存”按钮。
5、预览网页
(1)在浏览器中预览网页。
单击“文件”→“在浏览器中预览”,打开“在浏览器中预览”对话框,单击预览。
(2)在FrontPage窗口中单击“预览”按钮,进行预览。
(3)观察使用两种预览方法所显示的预览效果。
6、学生动手操作,教师巡视指导。
三、总结
插入水平线和设置背景
1、掌握在网页中插入水平线的操作2、掌握水平线属性的设置方法3、掌握网页背景的设置
在网页中插入水平线的方法和给网页设置背景的操作
设置水平线的属性,设置图片背景及图片的选择
一、组织教学
水平线是网页中比较重要的一个部分,在网页中加入水平线可以使网页的布局清晰,那么这节课我们就来学习插入水平线。
请跟我学
1、将光标移到要加入水平线的地方,单击[插入]菜单→水平线,这时页面上出现一条水平线。
2、双击这条水平线,弹出“水平线属性”对话框,设置水平线的“宽度”,“高度”“对齐方式”“颜色”等,这时网页的水平线已将文字和图片分隔开了。
3、在教授网页背景设置时,让学生先去试用各种颜色为背景的效果,从中总结出怎样设置背景视觉效果更好。
4、学生操作
在网页中插入两条水平线。
5、教师巡视、指导。
三、小结
用图片美化网页
1、掌握在网页中插入图片的方法2、掌握网页中插入图片的大小和透明色的设置
图片大小和透明色的设置
图片文件的查找,图片透明色的设置
一、引入新课
仅有文字的网页显得有些单调,今天,我们在网页上挂上我们的全家福“班级合影”图片。
1、插入图片
(1)在文件夹列表中,双击new_page_1.htm,打开网页。
(2)在网页上把光标移到要插入图片的位置。
(3)单击“插入”→“图片”→“来自文件”,打开“图片”对话框。
(4)单击“从计算机上选择一个文件”按钮,弹出“选择文件”对话框。
(5)单击“查找范围”后的小方块按钮,选择图片文件所在的位置。
(6)选择图片文件,“班级合影”,单击“确定”按钮。
①插入的图片的大小可以自由调整。
单击图片,出现8个控制点,拖动这些控制点就可以改变图片的大小。
②网页上常用的图形格式有Gif和Jpeg两种。
Gif主要用于网页上一些颜色比较简单的图形,如小插图、Icon、Logo、字体等。
Gif也支持单一颜色的透明设定,还可以做出动画。
Jpeg也称Jpg,是一种图形压缩格式,文件较小,它主要用于色彩数较多的图形,也支持全彩,网络上的照片主要是这种格式。
2、学生动手操作
3、保存图片
在保存含有图片的网页时,计算机会自动弹出一个“保存嵌入式文件”对话框。
这是因为我们刚刚从站点外“我的资料”文件夹中插入了一个图片,现在计算机要求把这个图片存放到站点内。
在“保存嵌入式文件”对话框内,选择图片文件bjhy.jpg,单击“改变文件夹”,打开“改变文件夹”对话框。
选中“images”,单击“确定”按钮,图片文件bjhy.jpg就存放在“images”内了。
单击“确定”按钮就完成了对网页和图片的保存。
表格在网页中的运用
1、掌握在网页中插入表格的方法2、掌握表格单元格的设置与内容的添加
网页中表格的插入、编辑和设置
在网页中插入表格的行列数的确定
网页的图片和文字看上去很整齐,这是在
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 最新 师大 版五级 下册 信息技术 教案