1、知识内容及教法学法预期目标1、组织教学,导入新课,学习“看一看”2、演示网页3、教学练技能4、总结教师首先用网络广播的形式展示几个网页的图片,以此吸引学生的注意力,并注意每个网页的各自特点。导言:精彩的网络世界吸引着无数人的眼球,对我们同学来说,它也被笼上了神秘的面纱。有些同学也想在互联网上建立自己的空间,但又觉得这是非常高深的事情,其实这一切并不是那么难。互联网上有非常多的信息,这些信息的载体就是网页。那么从这节课开始,我们学习如何制作网页。首先,我们来欣赏几个网页,在欣赏的同时,我们应该注意以下这些网页基本上都是由哪些元素组成的。学习“学知识”(1)打开浏览器,输入网址,让学生自己浏览;(
2、2)学生上机练习。请同学们带着下面几个问题浏览网页,以小组为单位进行讨论,教师巡视。(1)观察开的网页,看看上面都有哪些元素;(2)这些元素在网页中是怎样布置的?这样的结构有什么特点?这节课我们浏览了一些精彩的网页,也了解了网页的基本组成元素和网页的简单结构,同学们是不是想制作自己的网页呢?从下节课开始,我们将学习如何制作网页。小组讨论了解网页的基本结构。作业教学心得优点学生学习的积极性比较高,课堂上也建立了良好的师生关系。领导检查评价缺点第二课 进入frontpage世界会启动frontpage2003认识frontpage2003的窗口组成;会建立包含一个网页的站点。建立审美的情趣。Fro
3、ntpage2003界面。建立一个站点。Frontpage2003界面建立一个站点一、导入本科二、教学新课三、练技能四、总结1、直接导入:对比word2003和frontpage2003的操作界面。通过对比,了解以前学过的word2003课程和frontpage2003在窗口上和操作上相似的特点,向学生介绍frontpage2003的界面和相关操作。通过对比请同学们想一想两者有何不同。以加深印象。2、教学“学知识”出示教学课件:通过演示介绍frontpage2003界面。以建立有一个网页的站点为例,介绍frontpage2003的操作。Frontpage2003的界面说明,frontpage2
4、003的界面可以分成菜单栏、工具栏、视图栏和主编辑窗口四大部分。(1)打开frontpage2003单击【开始】 【所有程序】【Minrosoft Office】【Minrosoft Office FrontPage 2003】(2)认识FrontPage2003的窗口标题栏、菜单栏、工具栏、主编辑窗口、状态栏、文件夹列表窗格、网页编辑窗格、任务窗格。3、现在我们就可以建立一个新的网站了。4、练技能教学建立只有一个网页的站点,在这个过程中,教师应强调建立的过程,而不要急于在网页中加入文字等信息。5、动脑筋教学看教师的演示上机练习了解frontpage2003界面结构能够上机打开frontpag
5、e2003并认识窗口。进一步了解窗口。通过本节课的学习学生能够很好地了解frontpage2003.能够熟练打开frontpage2003.对窗格的掌握不好。第三课 网站的设计网站的规划流程确定网站主题 画出网站结构图建立审美情趣。设计一个简单的网站画出网站结构图第三课确定网站主题收集网站所需要的材料设计网站的结构网站流程 网页的制作与美化测试网页是否有错误申请一个网站空间上传网页,正式发布一、 导入新课二、 教学新知三、 课堂练习我们已经会利用frontpage2003建立一个站点,但要想在网上安家,可要费点心思,就像盖楼:你的现在设计图纸,在采购原料,然后施工,在施工过程中还得随时监测施工
6、质量,经过装修后,才能住人。网上安家也是一样的,需要一定的规则,“你需要一个什么样的家”“这个家里需要装些什么?”“这些东西放在那里”等等这些问题都需要我们先解决好。下面我们就开始解决这些问题。 学知识部分的教学(1) 确定主题,学生可以以小组为单位进行讨论;(2) 收集相关资料;(3) 绘制网站结构图。练技能部分的教学确定主题,绘制出网站结构图。在制作网页前,先绘制好网站结构图,这不但可以帮助我们设计制作网页的内容,也方便我们思考各个网页之间的链接关系。我们把收集到的各类素材组织好,在网页编辑时将素材放到相应到网页中。了解网站的设计学会绘制网站结构图学习积极性很高,能初步设计一个只有一个网页
7、的简单网站。第四课 做一个简单的网页在网页中输入文字编辑网页中的文字 保存网页激发学生的探知欲望。第四课一、导入新课三、练习文字是网页中信息传播的主要形式,在frontpage2003上编辑文字与在word中编辑文字非常相似。如果你会在word中编辑文字,那么,下面的学习将会很容易。一、看一看部分的教学二、学知识部分的教学,教学演示:1、打开frontpage2003,打开我们已经建立好的只有一个网页的网站,在文件夹列表窗格中双击index.htm网页文件,同学们看到了网页编辑窗格有没有变化?有了。说明我们可以对已经打开的文件进行编辑了。2、选择我们已经输入的文字“我的个人主页”,在样式列表框
8、中选择“标题1”,在【格式】工具栏中选择“居中排列”选择字体颜色为“蓝色”。我们可以像修饰word文字一样修饰这些文字。3、选择第二行文字,字号“3(12磅)”,颜色为“绿色”;选择第三行文字,字号为“4(14磅)”,颜色为“红色”4、选定下两行文字,单击【格式】工具栏中的“居中”按钮。5、保存。三、教学练技能部分组织学生进行讨论,并注意保存文件,教师巡视。四、动脑筋教学,让学生联系word中的操作,独立操作。通过这节课的学习,同学们很好的掌握了如何制作简单的网页,希望你们继续努力。看教师演示上机操作通过回顾word中的文字编辑方法,达到认识frontpage2003的目的。培养学生的自学能力
9、很好完成本节课的学习任务。第五课 让网页更美观在网页中插入图片对网页进行编辑;设置背景图片。设置图片属性二、讲授新课1、激发学生的学习兴趣,引入本课内容。直接导入:出示两个网页进行对比看看那个更漂亮?你准备好了用来编辑网站的各种图片素材了吗?2、教学 学知识利用教学演示,在frontpage2003中插入图片。(1)插入一幅图片教师讲解插入图片的方法。(2)设置网页背景图片的属性在某个图片上单击鼠标右键后,弹出一个快捷菜单,选择图片属性。单击【图片属性】菜单选项,出现【图片属性】对话框。在【图片属性】对话框中,我们可以设置图片的各种属性。3、教学 练技能学生上机操作,可以进行讨论,并注意保存文
10、件。4、教学 动脑筋同学们,我们虽然在网页中插入了图片,但这个图片并没有真正的“粘贴”到网页上,而是指向了图片所在的位置,因此在保存的时候,就会出现【保存嵌入式文件】的提示窗口。这节课我们学习了怎样在网页中插入图片,并学会编辑图片,老师相信今后同学们一定能够做的更好。引导学生回顾在word中插入图片的方法。能够独立插入图片能够在教师的指导下使用工具栏学生通过本节课的学习,学会了在网页中插入图片,并对图片进行编辑。第六课插入水平线及更新日期学会在网页中插入水平线。在网页中插入上次更新的日期。在网页中插入水平线设置水平线属性第六课 插入水平线及更新日期一、直接导入下面与我们前面做的网页有什么不同?
11、对了,有两条水平线将图片和文字分隔开来,这样看起来是不是使页面更规整了呢!水平线的样式也很好看。网页中还有上次更新的日期和时间呢!1、插入水平线将光标移至要插入水平线的地方,单击菜单栏中的【插入】命令,在下拉菜单中选择【水平线】命令。这时页面上就会出现一条水平线。2、修改水平线属性 问题:如何设置水平线属性?双击水平线,弹出【水平线属性】对话框,这里就可以修改水平线的“宽度”、“高度”、“对齐方式”、“颜色”等属性。3、修改水平线样式在【水平线属性】对话框中,点击左下角的【样式】按钮,打开【修改样式】对话框,之后,在【修改样式】对话框中选择左下角的【格式】下拉菜单中的【边框】命令,打开【边框和底纹】对话框,在这里就可以修改水平线的样式了。4插入网页更新日期。同学们,你能自己插入网页更新日期吗?试试看。小结:这节课同学们能够很好地掌握插入水平线的方法,并且完成的很好,希望今后继续努力。对于这部分的内容还有那些疑问吗?尝试练习讨论总结能够学会掌握插入水平线的方法。第七课 实践我们的家三维
copyright@ 2008-2022 冰豆网网站版权所有
经营许可证编号:鄂ICP备2022015515号-1