




版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、第一单元 做关注健康的网页第1课 近视预防网上说教学目标:知识目标 1、认识FrontPage软件。 2、了解有关近视方面的知识。 能力目标 1、学会运行FrontPage软件,熟悉FrontPage软件环境。 2、学会在网页中插入文字、图片,并能熟练地对图片的大小进行设置。情感目标 1、培养学生关注身体健康的意识,养成良好的生活习惯。 2、增强关心同学的意识
2、,提高学生的交流能力。教学重点: 1、认识FrontPage软件,创建和保存网页文件。 2、在FrontPage软件中插入文字和图片,并进行设置。教学难点: 1、FrontPage软件与其他软件的区别。2、学生对近视相关知识的认识。教材分析: 本课是介绍FrontPage网页制作软件的第1课,本着循序渐进的学习原则,在本课中安排了以下知识点:FrontPage软件的使用界面;在FrontPage软件中插入文字和图片,并对其进行修饰;网页文件的创建和保存
3、。学情分析: FrontPage是Office家族的一员,其界面学生是很熟悉的,教学第一节课,学生学起来不会难,本课是在学生掌握了文字处理的基础知识,以及电脑基本操作的基础上学习的。通过本课的学习,可以激发学生对网页制作的学习兴趣,为后续制作网站的学习打下基础。教学课时:1 课时教学过程: 1、导入新课1) 师:上课前,我们先统计一下我们班有多少人近视? 师:近视的同学说一说,近视给你们的生活
4、学习带来哪些不方便? 师:这么多不方便,看来眼睛对我们是很重要的。现在我们再了解一下我国学生的近视情况。 点在教室展示学生近视的图片及有关数据2) 我们知道眼睛是人的心灵的窗口,所以我们要好好保护它,预防近视。这节课我们就来当个护眼小卫士,做一个宣传人们要保护眼睛,预防近视的网页。 2、确定主题,获取素材1) 师
5、:写作文时,一般先确定作文题目,再想一下大致内容,最后才动手写。同样,制作网页时也一样,要先想好所要制作的网页的主题,然后搜集要用到的素材,最后再动手去做,当然还可修饰美化它。现在先进行第一步:确定主题。 请参考第二页跟着做中第一条,选择你的主题,也可以自己另定。 (生确定主题)2) 师:主题确定了,就要搜集选择素材。通常有哪些类型的素材呢? 生:文字、图片、动画、声音、影片、 师
6、:对,不同素材的选取所达到的效果是不同的。我们先来看看对比两种不同素材,看看有何不同? (主机播放展示两个不同素材的网页:有字有图、有字无图) 比一比,谁更好,为什么? 生:图文并茂效果更好,美观丰富,引人入胜。 师:下面同学们搜索素材,并把素材放在统一的文件夹中。 (师演示操作,创建文件夹) 生操作,师巡回指导。 3、初识Frontpage软件界面1)
7、160; 师:现在网页内容我们已经准备好了,就可以运用网页制作软件来动手制作了。首先我们来认识网页制作软件Frontpage。 师:观察一下,它和我们以前所学的什么软件有点象?(word) 比较一下有什么区别? (主机演示:Frontpage与word的界面对比) (生观察总结:都有常用工具栏、格式工具栏,2)
8、 区别在于:word中空白处称为文字编辑区,而Frontpage中空白处称为网页编辑区,而且它有一个视图模式区,你们可以自己打开看看有什么区别。) 4、对比word,生演示操作1) 师:如果这就是word软件的话,你会怎么样加入文字及图片呢?动手试试。 如果想改变字体大小或颜色该怎么做? 又如何调整图片大小呢?
9、 师引导生总评:加入和修改文字、图片的方法同word基本一样。 5、任务驱动,生自主完成 师:现在同学们根据刚才我们总结的规律,或者看书中的操作提示,来制作网页。 要求完成以下任务:(幻灯片出示任务) 任务一:输入刚才准备好的文字素材; 任务二:设置字体大小、颜色等(四号宋体,并且标题字体要加粗显示); 任务三:在网页中插入相关图片,
10、调整图片大小,并居中显示; 任务四:保存网页。 6、展示作品,评价总结 师:现在大家回想一下,制作网页的过程: 选择主题 搜集素材 制作网页 (定作文题目
11、思大概内容 动笔写) 师:今天我们初步学习网页的制作方法,同学们要多动手尝试,多观察优秀网页,才能做出出色的网页。第2课时 网络助我心胸宽一、教材分析本课是在学生学会制作简朴的网页的基础上,进一步学习在网页中插入表格,为后面学习利用表格对网页进行排版打下基础。二、学生分析由于小学生高年级学生轻易出现一些心理问题,如玩游戏上瘾等,所在上课时选用以心理调节为主题的案例,使学生在学完本课后,对心理调节的方法有所了解。三、教学目标1、知识与技能了解与表格相关的一些概念,如行、列等;了
12、解有关心理健康方面的知识。2、 过程与方法会在FrontPage软件中插入表格和设置表格属性;认识表格中光标的移动、表格的选取等操作。3、情感态度与价值观增强同学之间的互相意识,提高学生之间的交流能力。培养学生尊重知识产权的观念,提高学生简朴的心理调节能力。四、教学重点(1)在网页中插入表格;(2)设置表格的属性;五、教学难点(1)设置表格的属性;(2)认识网页的结构;(3)尊重作品的版权。六、教学方法 1、自学2、以任务引导为主,教师讲解为辅的方法诱导学生完成教学任务七、备课时间 八、教学准备将本课的教学资料分发到学生电脑。九、教学时间 十、教学过程
13、一、创设情境,激趣导入屏幕展示案例:在我们成长的过程中,都会遇到各种烦恼的事情,这些问题如果处理不好,将会一直困挠着我们。最近,陈明同学就因迷恋网络,导致学习成绩下降,眼睛也近视了,既然和网络有关,我们就制作一个网页,帮助陈明同学调节一下心理,让他摆脱网络的烦恼吧,健康成长!二、自主探究,教师指导1、学生自学第1部分内容,师巡视指导。(1)观察网页有哪些部分组成,了解各部分的制作方法。(2)布置任务,引导学生自学“网页的上部”即网页的标题的制作方法(3)教师总结讲解:插入“挣脱网瘾、健康成长”标题图片方法;(4)学生巩固训练,教师巡视指导。2、布置任务,指导学生学习“插入表格”。(1)教师讲解
14、示范、学生观察操作的方法和步骤。(2)学生根据老师的要求完成任务,教师巡视指导。(3)老师总结相关注意事项,加以强调。3、学生自主学习添加表格内容。请同学们看书P13页的有关内容,在我们刚才插入4的表格中添加内容,充实网页。学生训练,教师巡视帮助有困难的同学。4、指导学生学习制作网页下部。(1)要求学生观察网页的下半部分,了解该部分主要是什么内容。(2)教师演示指导如何在网页的底部插入包含信息、制作者的联系方式,或一些修饰用的图片、动画。学生观察、示范。(3)学生以完成任务的方式训练该部分的制作(4)进行简单的版权教育5、根据自己本课知识的学习情况,完成“试一试”部分的训练,教师巡视指导。三、
15、评价总结课题:第3课 文明礼仪网上传教学目标: 1、了解网页标题的含义以及它与网页中文章的标题的区别,领会一些常用的文明礼仪。 2、学会在FrontPage中插入艺术字标题,学会设置网页的背景音乐和网页背景,学会隐藏表格的边框,学会使用“插入表格”按钮插入表格。 3、培养学生对网页制作进行简单规划的能力,增强自觉遵守法律法规的意识与责任感,养成与人交往遵从相关文明礼仪的习惯,引导学生改变不良生活习惯,端正学习态度,树立健康的人生观。教学重点:
16、; 1.在网页中插入艺术字并设置其格式。 2.设置网页的标题、背景和背景音乐。教学难点: 1.了解网页标题和文章标题的区别。 2.网页属性的设置(网页的标题、背景和背景音乐)。 3.隐藏表格的边框。 4.利用表格简单布局网页。课 时:1课时教学过程:一、创设情境,导入新课 1、创建网页 A、运行FRONTPAG
17、E B、插表格(3行驶列) C、设置表格属性 D、设置单元格的“布局”和“背景选项” E、同理设置第2行单元格 F、设置第三行单元格。 2、插入艺术字 A、插入艺术字 B、设置艺术字格式 3、插入表格 &
18、#160; A、插入表格,设置属性 B、设置表格背景色 C、设置文字颜色“海军蓝” 4、完善网页 A、输入作者信息 B、设置网页标题 C、设置网页背景和背景音乐 D、保存 E、预览 5、介绍“网页标题”和“背景音乐”相关知识三、生练习,师巡示辅导四、作品赏析五、总
19、结第4课 网络帮我快成长教学目标:知识目标 了解利用表格对网页进行简单的排版,使网页整洁有序。能力目标 学会在网页中插入字幕。熟悉在网页中插入表格的属性,学会调整表格(如调整表格的大小、合并单元格等)。情感目标 通过用表格排版,解决了网页版面布局的难题,培养学生在遇到困难时灵活运用各种方法解决问题的能力,增强自我保护的意识。教学重点: 1、在网页中插入字幕; 2、表格的调整。教学难点:
20、0; 1、利用表格排版; 2、表格的调整。课 时:1课时教学过程:一、创设教学情景,激发学生学习兴趣 师:同学们你们知道每年在我们身边有多少意外事故发生吗?有资料显示,在全球范围内,每年约有万人死于意外伤害事故,约占人类死亡总数的,是除自然死亡以外人类生命与健康的第一杀手。在很多经济发达国家,生活意外伤害事故已经成为人类非正常死亡的第一死因。 今天我们将制作一个有关“正确报警”的网页,相信大家在制作完后能提高自我保护的意识。二、讲授新课
21、160; (一)插入表格 师:这是老师做好的作品,大家观察一下我们应该插入几行几列的表格?如何调整表格的属性呢? 教师演示操作: 步骤1:运行FrontPage 2003,以“zqbj.Htm” (正确报警)为文件名, 将网页文件保存到“D:施蕾作品网页自我保护快成长”文件夹中。 步骤2:单击“常用”工具栏上的“插入表格”按钮,插入一个3行3列的表格。 步骤3:右击表格
22、,在弹出的“表格属性”对话筐中,根据背景图片的大小,设置表格属性。 步骤4:分别移动光标至表格第2行第2列单元格的各边线上,调整该单元格的行高和列高。 (二)提供机会,学生实践探究。 1请同学们为网页插入表格和背景。 2设置表格属性。 3调整单元格的行高和列高。教师展示学生作品。 (三)添加字幕 师:在网页中,我们还可以使用滚动字幕能够让网页显得
23、更活泼。步骤1:选中表格第一行,选择“表格”“合并单元格”命令,合并第1行单元格,设置单元格属性。 步骤2:插入“web组件”在文本框中输入字幕文本,设定滚动方向、速度等参数。 步骤3:我们在“普通”模式下只能编辑网页,看不到滚动字幕的效果,切换到“预览”模式,字幕动起来了;但是在预览模式下,不能进行网页的编辑。 (四)插入标题 师:制作网页和写作文一样要有个好的标题,但我们网页可以把标题制作的更漂亮。 步骤1:选择
24、“表格” “表格属性” “单元格”命令完成单元格属性设置。 步骤2:插入艺术字“正确报警”,调整艺术字的形状。 步骤3:完善网页,输入作者信息并进行设置。 (五)提供机会,学生实践探究。 1添加字幕。 2插入标题。 展示优秀作品。 师:同学们,在这节课中我们学习了在网页中设置背景,为我们今后的网页制作打下了坚实的基础。今后,你们肯定会制作出更加漂
25、亮的个人网站。 三、授课完毕,课程总结 本节课主要讲了以下几个知识点: 1熟悉在网页中插入表格的属性; 2调整表格的大小、合并单元格等; 3学会在浏览器中浏览网页; 4学会插入滚动图片字幕。 四、课堂作业 五、反思: 本课知识点之一是表格的调整,着重让
26、学生了解表格在网页布局中的重要性,学会简单的网页布局。在教学中,要让学生明白什么是网页布局,能使学生产生初步印象。可以展示几个不同风格的网页,了解不同类型的网页布局,给学生分析它是怎样制作的,从而引入这部分的知识。第5课 制作“电子相册”教学目标知识与技能 使学生学会在Frontpage中插入图片库及水平线等对象,并对它们进行必要的设置;同时,通过任务的解决,使学生在实际操作中逐步领会网页中颜色搭配的简单知识。过程与方法 在引导学生学习知识的同时,也注重能力的培养,在解决问题的过程中,培养学生的知识迁移能力;在观察、分析和
27、交流的过程中,培养滴水穿石生的创新思维能力和口头表达能力。情感态度与价值观 通过学生的动手操作,激发学生的学习兴趣,体验探索的快乐,通过分组练习,培养学生合作交流、团结协作的思想品质;通过对作品的分析及点评,培养学生的自信心;并对学生审美能力进行一定的培养。教学重点 1、插入图片库。 2、插入水平线。教学难点 1、“图片库”及“水平线”对象的设置。教学方法 针对学生年龄特点和心理特征,结合他们的认知水平,本节课采用以
28、任务驱动法为主,以演示法、讨论法为辅的教学方法,在教学中教师利用多媒体网络教学系统进行演示和指导,控制和参与整个教学过程,学生通过上机练习和小组学习,结合“任务”进行自主探究与合作交流。教学准备 1、多媒体计算机。 2、投影机。 3、多媒体网络教学系统。 4、相关图片素材。教学课时 1 课时教学过程:一、创设情境导入新课1、 昨天,我制作了两个网页,带来给大家鉴赏一下。(展示网页)2、 提 问:1这两个网页
29、相比,你更喜欢哪一个?为什么?2让我们来分析一下第一个网页:它是由哪些内容组成的?(点名答,相机引导)3板书:标题、图片库、水平线、制作信息4根据这四项内容,我们可以设计一个怎样的表格?(4行1列的表格。)(给板书的内容加框)3、恭喜同学们,刚刚大家在不知不觉中已经干了一件很了不起的事情:你们已经开始设计网页了!那下一步我们该做什么呢?(板书:设计、找素材、软件制作)二、新授部分:1、制作标题部分请同学们打开第38页,按照教材的要求,快速制作网页标题部分。展示作品比较:我的作品和作品1在标题部分有什么区别?怎么实现?(通过调节黄色的菱形变型点就可以了,大小可通过黑色可控点调节,绿色表示旋转。)
30、2、制作网页中部下面我们来完成第二个任务:插入图片库。(1)认识图片库。(2)演示:A、居中;B、选择插入菜单图片新建图片库;C、添加素材。(拖选法或ctrl+a的方法)D、选择“布局”选项卡。(3)学生尝试操作。 要求:边操作,边探索“图片库”属性中的各个按钮,看看他们有什么作用。(4)设疑:他的第一张和我的不一样。我想重新修改。怎么办?还想添加图片怎么办?你刚刚还探索了什么按钮?(添加、保持纵横比,宽度、高度、删除、编辑)(5)总结学习方法:认识图片库制作完善、修改的方法3、制作网页底部运用总结的学习方法,自学教材42页,完成任务:插入水平线和制作者信息
31、。在制作的过程中思考这几个问题:(1)水平线是如何制作的?制作中该注意些什么?(2)如果要修改水平线,该怎么办?(调出属性对话框;点右键选择水平线属性对话框)(3)如果要修改整个网页的属性。我们就要选择文件里的属性。还可以尝试右键的方法。(4)到目前为止,你还接触过哪些属性对话框?(表格、图片库、单元格)他们都是怎么办的?4、制作,保存作品。三、动手操作,运用知识1、师:同学们今天的表现真的不错,做得都很好,这可为难我了,到底带谁的作品回去好呢?要不这样吧,咱们再加赛一场,如何? 2、师:我这里有四个主题,同学们认领一个主题,进行相册制作。(宣布主题,让学生认
32、领)同时提出在制作过程中遇到问题可以找最近同主题的同学进行商量、合作。(强调纪律要求) 3、幻灯片出示分层要求及操作提示。四、归纳小结师:同学们,这节课你们学习的愉快吗?为什么?(引导学生进行知识小结)之后,教师适当小结。小结时结合情感教育,增进学生间的友谊。第6课 让网页动起来教学目标1、知识与技能 了解网页制作过程中应该注意的事项2、过程与方法 学会在FRONTPAGE中插入FLASH动画3、情感态度与价值观 通过将自己收藏的FLASH动画共享出来,增强学生间的感情,培养学生的交流意识
33、和能力。教学重点1、在网页中插入FLASH动画。2、调整FLASH动画的大小。教学难点 设置FLASH动画的大小。教学准备 电脑教室、制作本课所需的素材。教学方法 任务驱动法、讲授法。教学课时1 课时教学过程一、创设情景,导入新课1.展示二个网页:一个有flash动画,另一个没有flash动画。2.提问:看了这二个网页你更喜欢那一个,为什么?3.讲述:第二个网页与我们以前所制作的网页相比,增加了flash动画,这样就更能吸引我们的注意力。这节课就让我们在网页中插入flash动画,让网页“
34、动”起来。二、新授课1、制作网页上部【讲述】:以前,我们在网页中插入了“图片”“表格”“艺术字”,那同学们能不能根据以前知识完成如下内容。1. 插入表格1(1行1列)对齐方式 居中宽度 780像素边框粗细 0背景图片 Top.jpg2插入“艺术字”-“flash动画”并设置“艺术字” 2、制作网页中部1布置任务:刚才,同学们都完成的很好,那你们能不能根据如下要求完成表格2和表格3的插入和设置。【任务一】:插入表格2(1行1列)对齐方式 居中宽度
35、160;780像素高度 350像素背景和边框颜色 白色【任务二】:插入表格3(1行2列)A 插入表格3(1行二列)并设置属性对齐方式 居中宽度 88高度 320像素边框粗细 0B 插入图片“tree.gif”C 设置表格3第1列的属性垂直对齐方式 相对底边居中宽度 120像素2讲解演示,指导学生练习:A 在表格3的第2列插入flash动画并设置动画属性B 步骤:“插入”-à“图片”-à“Flash影片”、右击插入的flash动画,选择“
36、播放flash影片”命令 、单击“预览”按钮,播放flash动画3、网页的上部和中部的制作已经完成,下面我们一起来完成网页下部的制作1. 插入表格4并设置其相关属性对齐方式 居中宽度 778像素高度 88边框粗细 0背景图片 Down.gif2演示:A设置段落格式对齐方式 居中文本之后 100pxB设置单元格属性和输入相关信息五、拓展 完五成“跟着做”的同学,练习“试一试” 未完成的同学,继续做“跟着做” 六、评一评根据本节课的学习情况,来自评一
37、下学习情况。第7课 链接少儿网站教学目标:知识性目标 了解超链接的概念。技能性目标 (1)学会在文字上插入超链接。 (2)学会在图片上插入超链接。情感性目标 通过超链接的学习,让学生明白通过网页中的超链接,不仅能让访问者获得大量的信息,超链接可以让多个网页连成一体。更深一步理解因特网上“超链接”的概念。教学重点: 在网页与网站之间建立超链接。教学难点: 设置超
38、链接。课 时:1课时教学过程:环节教师活动学生活动设计意图课前准备 1、准备学习资源:制作与超链接相关的学习网页,作为学习支持(如各种超链接的制作);几个网页示范作品(拓展教材,将3种超链接都放到一个网页中)。 2、制定学生作品评价标准。 浏览网页,体验超链接的强大作用。 提高课堂教学效果和教学质量。 情景导入 1、演示课前准备的示范作品(或其它网站)。
39、60; 2、师:每当我们在浏览网页时,都会发现当鼠标指针移动到某些文字或图片上时,鼠标指针就会变成一只手掌的样子,这时只需单击鼠标左键就可以打开另一个网页了。这就是我们将要讲述的网页“超链接”方式。正是由于有了“超链接”,因特网才会如此神奇和盛行!请同学们浏览网页并思考在网页中有哪些类型的超链接? 教师小结:以上网页中主要有三种超链接:第一种是直接链接到网站地址(如)的超链接;第二种是指在同一网页内的超链接;第三种是邮件地址的超链接。 观看教师的演示,打开教师事先准备的示范作品,体验超链接的功能。 &
40、#160; 学生积极踊跃发言。 通过情景导入,激发学生的学习热情。 抛出思考问题,引导学生带着问题去体验。 让学生对超链接的概念和类型有一个了解,以便为后面学习插入超链接的知识作个铺垫。布置任务 提出任务:将自己喜爱的网站地址共享出来,制作一个网页。内容要求: 1、按照教材实例制作作品。 2、制作“试一试”栏目中的作品。 3、自选主题
41、并制作作品(使用学习资源中的一些技术)。 出示评价:向学生说明评价标准。 根据自己的实际情况,选择一个适合自己的任务。学习评价标准。 关注学生的学习特点、个性发展需求。分层学习 完成任务 1、调控课堂气氛。 2、引导和帮助学生进行自主的分层学习,完成任务。 3、将学生学习的闪光点向全体同学推广。 4、收集和处理学生学习活动中出现的问题。
42、 1、学生进行自主和分层学习。 2、制作作品,完成任务。 3、完成学习任务后,将完成的作品提交到学生作品区。 教师与学生之间、学生与学生之间的“会话”贯穿于整个教学活动中。 提交的作品,作为他学习任务评价的依据。作品展示 评价交流 1、组织学生展示他们的作品。 2、组织学生评价作品的优缺点。 3、教师
43、对学生作品的闪光点与不足适当进行点评。 4、鼓励学生完善自己的作品。 1、展示和说明自己的作品。 2、欣赏和评价他人的作品。 通过作品展示,提高学生交流信息、表达信息的能力,对创作者是一种鼓励,对其他学生也起到学习和鼓励的作用。完善作品 组织学生对自己的作品进行完善 学生继续完善自己的作品 小结延伸 引导学生对本节课的知识进行小结,回顾
44、超链接的作用与制作方法。同时对超链接知识进行延伸。 通过小结,检查自己在各个知识点方面的掌握情况,明确哪些方面还要加强和改进。 小结,帮助学生将学到的零散知识系统化。8网站规划课题:网站规划知识目标:1·根据软件工程思想用图、表描述网站开发的一般过程2·根据需求规划网站,如确定主题、名称、栏目结构、整体风格、制作工具、运行环境等能力目标:训练学生的网络应用能力(网络注册、作业提交等)情感目标:1、 培训学生的审美能力,能对网站给出公正的评价2、 培训学生的小组协作精神教学重点:1
45、、 网站开发的一般过程2、 网站规划教学难点:网站规划教学过程:一、引入 “如果你想在这个茫茫的网络世界中拥有一片自己的天空,你就去建一个自己的主页吧!”1、优秀网站观摩: 机器人教育在线: 观鸟: /birds 容山中学班级网站(重点讲)(
46、提问学生,让学生先总结)总结网站特点,但所有网站都具有许多的共同特征: 明确的主题 统一的风格 便捷的导航系统 方便的交流方式 2、网站简介网站是因特网上最基本的信息发布平台。网站有很多种分类方法,但不管是哪一种网站,客户机和网站服务器之间的通信步骤如下: 因特网信息(请求)信息(响应)HTTP协议HTTP协议HTTP协议客户机服务器HTTP协议二、新课讲授(一)网站的建设步骤建立一个网站如同开发软件一样,规划网站时必须明确两点:首先要明确为什么要建这个网站,即建设网站的目的;其次,要明确这个网站的主题,即网站的主要内容。明确之后再制定具体建站的框架。图4-1 建立网站的基本过程通过介绍网站:
47、 讲解如何进行网站规划 三个首要问题1、我为什么要建主页2、我要建个怎样的主页3、我有多少时间去做主页 一个实际可行的计划先把你打算做的内容都写下来,就好象写作文前先写提纲一样。开始前,切忌太贪心,什么都想做。越是想多,越是想全,就越是空洞无物,因为个人的精力毕竟是有限的。先做你最有把握的,相关的文字、图片、资料都可以顺手粘来的。所谓的“实际可行”,还包括你是够有足够的时间、精力、金钱等。总之一切都应该量力而行。网站开发过程说明:建网步骤详细说明1、网站的规划建立网站前对网站进行需求分析或市场分析,确定网站的目的和功能,并根据需要对网站建设中的技术、内容、费用、测试、维护等工作做好充分的考虑。
48、2、网站的设计设计网站的风格、信息容量、网络导航和信息框架3、网页的制作依据规划与设计方案,运用网页制作工具实施设计过程4、网站的发布与管理通过网站发布管理软件把网页文件传送到web服务器,并开始进行网站的维护与更新管理5、网站的评价了解网站的优势与不足,进而完善网站的设计与制作,提高网站的质量三、学生分组完成作业“网站主题的确定”(天空教室:8081) 分组讨论并各选定一个主题,围绕这个主题确定网站的主要内容:1、小组成员名单:2、选定的网站主题名称:3、网站的主要内容即"导航栏"信息:4、网页制作工具:(如FrontPage、Dreamweaver等)5、任务分工:6、
49、时间安排:四、课堂小结:1、点评学生作业 2、网站规划的意义一个网站的成功与否与建站前的网站规划有着极为重要的关系。在建立网站前应明确建设网站的目的,确定网站的功能,确定网站规模、投入精力时间,进行必要的需求分析等。只有详细的规划,才能避免在网站建设中出现的很多问题,使网站建设能顺利进行。 网站规划是指在网站建设前对需求进行分析、确定网站的目的和功能,并根据需要对网站建设中的技术、内容、费用、测试、维护等做作出规划。网站规划对网站建设起到计划和指导的作用,对网站的内容和维护起到定位作用。总结与反思:该节课的展开以小组活动为基础和前提,老师注意恰当地创设教学情景,提出具体而适宜的问题激发学生参与
50、小组活动和积极发言的热情,教师讲解一定要简练,不宜过多讲解,可以在学生做的过程中穿插。老师要注意把握好各个环节小组讨论的时间和小组代表发言时间,控制好课堂节奏。小组活动式教学,便于活跃课堂气氛,提高学生的学习兴趣,但是如何根据课堂内容有效地加强对小组活动的控制值得进一步深入探讨总结。课题 (教学内容) 第9课收集素材 总 课时 教学目标 知识:让学生巩固搜索、整理、归纳、积累素材的方法 技能:1、让学生学会高效率搜索网上及现成素材库 2、让学生学会建立自己的专用素材文件(夹) 情感:培养学生踏实的实践风格,克服建站前浮躁的心理,为成功建站奠定 重
51、 点 建立分类素材文件夹并将网上搜索到的各类素材筛选归纳添加至素材文件夹 难点 分类整理素材,提高以后的利用效率 教法 任务驱动法 教具 多媒体网络教室、能上Internet网络的电脑 教师准备有关素材库网站的网址 板书设计 教学过程 环 节 教师活动 学生活动 备注 引入 部分 前一课,我们完成了建网站的计划,下一步,我们就要开始建站前的素材收集与整理。 素材的准备是为下一步建站提供丰富的资料, 认识到收集、整理素材的重要性,是必不可少的重要性一环。 3分钟 提出 任务 首先在自己的电脑上新建好一个分类的素材库文件夹,并概括取名为你需要的素材的类别,并且各个素材文件夹里也可以再次
52、分类。(教师先在自己电脑上新建一个素材库文件夹,并在里面分类取名,让学生有直观上的认识) 了解分类的好处,观察教师分类的特点,然后按照个人需要建立一个素材库文件夹 7分钟 自主 操作,实践 新知 收集网站素材,我们可以通过下面三种方法:1利用搜索引擎,在Internet上找现成的素材库 2平时浏览网站时,发现素材,并积累好素材 3购买商店出售的网站素材库专用光盘,来获取素材 这一堂课,我们主要用第一、二种方法来搜集素材,让学生打开搜索引擎:,来搜索需要的素材
53、,这里要涉及到七年纪时候学过的如何保存网页上的图片、文字、动画、网页以及下载各种格式的音乐等相关知识,以便让学生巩固以往学过的知识学生使用第一、二种方法,开始搜索素材,并保存素材 教师把准备好的素材库网址告诉学生(20分钟) 创新 任务,发展 智能 我们不光只是通过搜集,才能获取素材,我们也可以自己原创素材,打开画图软件来创作自己的素材学生尝试自己创作素材10分钟 课堂总结,强调规范 搜集素材,是我们建网关键性一步,我们要学会搜集素材的方法与方式,并且能分类保存、整理需要的素材,切不可引用一些不健康或是过于花哨的动画图片素材 学生认识搜集素材的重要性,并了解搜集素材的方法 5分钟 10创建网站
54、 教学内容:把前几节课完成的网页加入到新创建的站点中,并在网站中应用主题、网页横幅、导航等。教学重点:创建站点、应用主题、加入导航。教学难点:导入已经完成的网
55、页到新创建的站点中。教学过程:一、复习(3')同学们,前几堂课我们使用FrontPage 2000制作网页,现在大家愿意把自己的作品展示给我们看吗?1、学生自己展示作品,并作适当的介绍。教师在旁边点评。2、教师直接展示学生作品,并作点评。欣赏部分学生作品后提问:同学们,网页的制作我们已经掌握了,那么网页和我们常说的网站或站点有什么不同?你认为网站(站点)与网页的关系是怎么样的?学生回答!对学生的回答不作判断,让学生通过这节课来了解网页和网站(站点)之间的联系与区别。二、引入新课(3')刚才同学们回答了网页和网站的关系,现在让我们先来看一下其他班同学做的一个网站。展示学生网站。刚
56、才我们看到的网站比较复杂,对于我们初学者来说比较难,能不能用比较快的速度做出比较好的网站呢?我们再来看一个网站。展示第二个学生网站。这个网站比刚才我们看到的网站要简单的多,而且界面也比较漂亮、操作简单。今天我们要学的内容就是用FrontPage 2000中的主题、网页横幅、导航等做一个比较简单的网站。三、新课教学(20')请同学们跟我一起做。首先打开Microsoft FrontPage 2000。打开之后,选择"文件"菜单中的"新建""站点"。(以前我们都是新建网页,今天我们要创建网站,所以要新建站点)在"新建站点
57、"对话框中,选择站点类型为"只有一个网页的站点",在右边的路径设置为如"C:Myweb"。单击"确定"按钮。站点创建好后我们就要导入已经完成的网页,单击"文件"菜单中的"导入",如果没有看到"导入"命令,则用鼠标单击菜单底部的 ,展开整个菜单。在弹出的"导入"对话框中,选择"添加文件夹",找到以前保存网页的文件夹后,把它导入到站点中。单击视图栏中的导航按钮,我们可以看到现在只有一个网页,把我们刚刚导入的网页拖到主页下面。双击&
58、quot;主页",现在我们来编辑主页面,首先我们要插入一个"网页横幅",选择"插入"菜单中的"网页横幅"命令,在网页横幅属性对话框中,选择图片,并在网页横幅文本框中输入标题,如"我的小屋"之类。完成之后为了美观一点,我们可以把它居中显示。换一行后,选择"插入"菜单中的"导航栏"命令,因为我们现在编辑的是主页,所有我们要选择"子层",在方向和外观上我们选择"水平"和"按钮",单击"确定"按
59、钮。现在我们已经把网页横幅和导航栏加入到网页中,现在我们就要来应用主题了,用鼠标右键单击网页,在弹出的菜单中选择"主题",自己选择一个喜欢的主题后按确定,如果FrontPage 2000在主题应用过程中警告你的话,只要按"确认"、"是"之类就可以了。主题应用之后,我们会看到主页上的网页横幅和导航栏已经发生变化,这就是我们所需要的效果,接下来请同学们把主页上未完成的部分做完整。检查学生完成情况,适当指导学生。好,现在我们已经完成了第一项任务,接下来我们就要让我们的站点内容丰富起来。在一开始我们学习使用FrontPage 2000制作网页
60、的时候,我们已经让同学们分成小组,每个小组做同一主题中的不同内容,现在我们就可以把小组成员完成的网页导入到新创建的站点中,导入的过程与刚才我们导入自己的网页是一样。让学生导入小组成员的网页,适当指导个别学生。完成之后,点击"视图栏"中的"导航"按钮,把小组成员的网页拖到主页下面,即和自己的网页并列放在一起。拖好之后双击"主页",我们就可以看到刚加入的网页已经自动加入到"导航栏"中了。现在我们就要来完善导入的网页了,双击主页下面的第一个网页,在网页顶部加入"网页横幅"和"导航栏"
61、;,记得现在的导航栏应该是同一层了,对不对?对!在网页的底部我们要再加入一个"导航栏",以便返回主页,在"导航栏属性"对话框中选择"父层",并选上旁边的"主页",这样就可以了。用同样的方法给其他网页加入网页横幅和导航栏。学生问:沈老师,为什么这里的网页横幅和导航栏跟其他网页不一样,就像我们刚做主页时一样的呢?这是因为在导入这些网页之前我们已经给网页应用了主题,所以后加入的网页不知道要应用主题,我们只要再次应用主题就可以了。四、学生展示交流(6')有几个同学已经完成了网站,已经做好的同学请把你的网站(整个文件
62、夹)复制到我的计算机中"学生网站"文件夹。现在我请已经完成的同学到上面来展示一下,并请他介绍一下他的网站。请几个学生上来演示,教师作适当的点评。五、小结(3')这些要学习的内容非常多,所以时间有点紧张。如果在课堂上没有完成的,请同学们在课后把它完成。第11课 制作共享边框教学目标: 1、知道共享边框的作用。 2、学会设置表格的背景图片(背景颜色)。 3、学会插入滚动字幕。 4、更改字母滚动的速度和方向。
63、; 5、设置网页的超链接。教学重难点: 学会设置网页中的共享边框。课 时:1课时教学过程: 一、导入 问:我发现这个网站中,各个网页的顶部和底部都一样,这需要重复制作吗? 不需要重复制作,需在一个网页中制一次即可。 板书课题:第11课制作共享边框 二、教师演示 在制作网站时,把所有网页中
64、的相同内容设置成共享边框,可以避免制作过程中的重复劳动。在任一网页中插入共享边框,并在其中插入图片和文字,可使网站内的每一网页都有相同的内容。 运行FrontPage软件,打开“YJDS”(硬件大师)网站的任一网页。 选择“格式”“共享”命令,打开“共享边框”对话框,设置共享边框。 知识点:如果在网站中插入了来自网站之外的素材文件,那么在保存网页时,系统就会出现“保存嵌入式文件”对话框,将素材文件保存到网站内部。 如果“格式”菜单的“共享边框
65、”命令为灰色,则需选择“工具”“网页属性”命令,打开“网页属性”对话框,在“创作”选项中,选定“共享边框”选项。 在共享边框中插入表格设置超链接,从而构成网页的导航栏。 在顶部的共享边框中插入两个表格。 打开第一个表格的“表格属性”对话框,按下列要求设置表格属性。 在表格中插入图片,单击“常用”工具栏上的“居中按钮,将图片设为居中。 知识点:如果网站中的个别网页不需要设置共享边框,可以打开这个网页,在 “共享边框”对
66、话框中,选择“当前网页”选项,并清除“上”、“下”、“左”、“右”四个选项,单击“确定”按钮即可。 学生练习,教师巡视,及时反馈。 三、插入字幕 在网页中插入上下、左右滚动的字幕,可以给网页带来动感,引起人们的注意。 单击第2个表格的第1个单元格,选择“插入”“Web组件” 命令,插入“欢迎光临!”滚动字幕。 在第2个表格的第25单元格中,分别输入文字“首页,输入没备、主机,输出设备”。
67、60; 选定第2个表格,设置单元格的背景颜色为蓝色,设置文字的颜色为白色。 选定文字“首页”,单去“常用”工具栏上的“插入超链接” 按钮,设置指向“index.htm”网页的超链接。 学生练习,教师巡视,及时反馈。 四、学生练习完成课后试一试。12制作网站首页【课时安排】 1课时 【教学目标】: 1、知识与技能:理解个人网站首页的基本构成;了解制作网页的软件,掌握FrontPage2000网页文本编辑和图片插入方法,以及网页背景的设置方法。 2、过程与方法:先让学生观摩一些漂
68、亮、有个性特色的首页,然后任务驱动,让学生参考教材,互助学习,自主学会知识与技能,实现首页的制作。 3、情感、态度、价值观:培养学生的审美能力和创造能力,在小组协作学习中,培养学生的团队精神。 【教学重点】: 1、理解个人网站的基本组成和网页框架布局; 2、学习FrontPage2000制作网页的一般方法(重点是文本格式、图片、背景); 【教学难点】: 1、首页的艺术性与个性布局,色彩的搭配; 2、图片的插入和背景的设置。 【教学准备】: 大屏幕投影、多媒体网络教室、相关图片及文档素材 【教学过程】: 一、创设情景,引入课题: 师:老师今天给大家带来了一个礼物,它是一个漂亮的网站,它就是“刘翔
69、个人官方网站”,请同学们欣赏。刘翔全球个人官方网站(上节课我们已经规划了自己的网站,并且搜集了素材,这节课咱们来动手制作网站的首页。你知道有哪些软件可以用来制作网页吗? 教师引入:其实好多字处理软件都可以设计网页,如word中,利用“另存为web页”就可以将文档保存为网页,有些图像处理软件如PhotoShop也可以制作网页,windows“记事本”也可以制作网页不过FrontPage和Dreamweaver却是最方便的网页制作软件,因为它们不仅可以制作网页,而且能方便地设计和管理网站,很适合入门学习。 我们先学习用FrontPage2000制作网站的首页。 二、新课教学 任务一:认识Front
70、Page2000 1、学生探究:用以前学过的打开软件的方法,在“程序”中找到并打开“FrontPage”。 2、师引入:FrontPage与Word的操作非常相似,请同学们用鼠标试探FrontPage网页编辑窗口界面上各部分的名称,了解各按钮的作用,小组内进行交流,说说与Word窗口有哪些异同。 3、抽23个小组代表交流讨论结果,教师适时展示FrontPage界面并辅助说明。重点指出新建、保存、插入、预览等菜单或按钮的位置和功能。 4、学生练习:打开一个已经做好的网页,试探一下三种编辑视图模式按钮的效果。(教师事先下载一个简单的网站首页发送给学生,让学生自主操作) 任务二:制作网站首页 1、师引入:在我们动手制作网页前,我们应当考虑好网页的布局和内容,个人网页的布局就像办小报一样,没有固定的格式,完全可以由我们自己大胆地进行设计。(教师利用广播展示几个风格不同的个人主页,让学生注意观察主页的内容版块布局) 抽生回答:你觉得网站首页应当包含哪些图、文内容?你能形象地描述以上网站的布局样式吗? 优秀个人主页在线
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 金属矿行业人才培养与知识管理考核试卷
- 经济型酒店业市场趋势分析考核试卷
- 数据库安全隐患发现与处理试题及答案
- 计算机四级软件测试实时反馈试题及答案
- 未来智能家居中的嵌入式角色试题及答案
- 敏捷测试在项目中的应用试题及答案
- 航空器飞行中的机载娱乐系统与乘客体验考核试卷
- 信息系统现场应用试题及答案
- 解析能力提升的试题及答案清单
- 信息系统监理师考试重要考点试题及答案
- 2024年公务员考试:视频培训课程报名指南
- 三年级语文下册期末复习九大专项
- 2024年宁夏中考试题(含答案)(9科试卷)
- 高原病科发展规划
- 人教版小学四年级数学下册课后练习试题大全
- 2025年人教版生物中考总复习知识网络提纲
- 钻芯法检测技术自测题单选题100道及答案
- 心肺复苏试题及答案
- 地坪漆售后服务措施
- 2025年九省联考新高考 英语试卷(含答案解析)
- 《Python程序设计基础教程(微课版)》全套教学课件
评论
0/150
提交评论