制作一个简单的网页
教学目的:1、使学生初步认识Frontpage 2000中文字的添加。
2、使学生初步利用Frontpage 2000制作简单的网页。
教学软件:Frontpage 2000。
教学过程:
一、复习导入新课:
上一课同学们已经学会了如何启动Frontpage 2000,并且知道Frontpage 2000是用来制作网页的工具,但是有了好的工具我们还要学会如何来利用它做出好的网页来。今天我们就来学习如何制作一个简单的网页。
二、新授课程
1、启动Frontpage 2000。
2、根据下列步骤进行。
(1)请同学们单击工具栏上的“新建”按钮,建立一个新的网页。注意讲解这个时候看不到任何东西。
(2)请同学们利用键盘输入文字:“欢迎进入星星网!”
(3)请同学们按照要求设置字体和对齐方式。选择字体大小为7号字,并选择对齐方式为居中方式进行。
(4)通过键盘自己调节文字在页面中的位置。
(5)完成后可以请同学们在“编辑区”点击“预览”方式看看作完后在网页的显示效果,如有不满意及时调整。
(6)完成后教师可以选折先做好的同学演示给没有完成的同学看。
三、课堂练习
1、在网页中输入文字“欢迎你的光临!”注意文字设置为7号,并居中显示。
2、请同学们自主练习输入一个自我介绍的网页内容,教师可以指定文字内容和设置的格式,也可以由学生自己设置。要求保存到(D:\班级名\自己名字)为以后的课做准备。
修饰网页中的文字和背景教案
【教材使用】宁教厅审定山东教育出版社出版软件FrontPage2000
【适用年级】初二年级
【适用单元】网页制作第2节
【教学目的】
1.知识目标
(1)掌握用网页编辑软件打开网站和修改网页的基本方法。
(2)学会对网页中的文字进行各种修饰。
(3)学会为网页设置背景图片。
(4)学会使用水平线美化网页。
2.技能目标
通过学生探究学习过程中,掌握美化网页的基本操作。
3.情感目标
(1)通过动手实践,培养学生的审美情趣。
(2)培养学生在学习过程中自主探究、对比、举一反三的学习能力。
(3)利用知识的迁移,培养学生的综合信息素养能力。
【课时安排】1课时
【教学重点与难点】
(1)重点:引导学生正确打开站点。
(2)难点:为网页设置背景图片。
【教学方法】对比法、任务驱动法
【课前准备】网络、对比网页
【教学设计】
一、直接导入
上节课我们建立“锦绣中华”网站及它的主页,大家能打开它吗?
学生实践……
二、新授
【站点的打开】
分别学生介绍自己的不同的打开方法……
(会出现直接打开站点文件夹现象和启动FrontPage软件后“文件”—“打开站点”两种情况)初学者易出错点
这两种情况中哪一种能对网页进行修改?试试看……
(通过出错并修正错误来学习新知识)
一种是浏览方式,一种是编辑方式
【任务】大家已经知道哪一种打开站点的方法能对不满意的网页进行修改了,接下来我们要对网页进行一些美化工作了。下面大家比较一下哪一张网页比较吸引你?并说说原因?
广播展示对比网页……
学生通过观察了解到:文字进行了字体变大着、居中修饰、网页的背景变颜。
引导1:我们在学习文字处理软件时也对文档进行修饰,大家能不能也对我们的网页中的文字进行修饰呢?能不能也给我们的网页换个漂亮的背景呢?大家动手试试看……
学生进行实践活动……
广播展示学生网页文字修饰……
(展示的过程中提示学生:1.尽量使用黑体、楷体、宋体、仿宋体、幼圆体这5种标准字体,以便网上其他计算机能顺利显示网页是的文字;2.合理搭配网页中的文字与背景的颜,以达到赏心悦目的效果。)
引导2:在网页中还有一个细节之处不知大家发现了没有?(水平线)
学生回答:……
我们也试着给自己的网页中添加水平线来美化我们的网页。
学生动手实践并互相交流……
问题:能否将水平线加粗变颜呢?(右键的属性)
学生动手发现……
【任务】:在网页中一种颜做背景好像有点儿枯燥,能不能换一个淡雅一点的图片做背景呢?
提示:图片做背景应该还在“背景”对话框中。
如何制作一个个人网页学生动手实践……
广播展示学生的发现……
注意点:1.在网页中插入的图片或动画、音乐、小电影都要及时保存,并保存在网站images文件夹中,以防止发布到网上出现链接错误;2.想看网页存完后的结果可以使用“预览”,所看即所得。
【任务延伸】:大家使用图片修饰的是一张网页背景,那么我做了多张网页的背景也用这种方法就太累人了,能不能有一种“一劳永逸”的办法让所有的网页与第一张相同呢?办法是有的,“格式”菜单下的“主题”大家试试看……
注意点:
1.使用了主题后,再使用背景是不能的,必须先删除所用的主题,方法是:“主题”对话框中使用“无主题”即可;
2.想应用所有的网页时选择“所有网页”这一项。
三、教师总结
1.【举一反三】从“文字”颜──“网页”背景(单)──“网页”背景(图片)──“多个网页”背景一致(主题),由浅入深,形成线与珠的关系。
2.使用右键的“快捷菜单”便利。
四、作业
打开你的素材库完成《多彩民族》的网页制作并做修饰(教师展示一张)
展示学生作业并点评……
教后记:
1.本节课在文字修饰块内容教师可以略说,学生自己动手实践,但其中就存在一个问题,若文字处理软件没有学习,此内容就会影响本节课的完成效果。
2.任务延伸这块内容可根据整体学生掌握情况加以取舍,也可对个别学习较快的做为知识的延伸内容。
3.内容衔接比较紧凑。
原创作品
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论