第四章《建立网站站点》教学设计

文档属性

名称 第四章《建立网站站点》教学设计
格式 zip
文件大小 39.0KB
资源类型 教案
版本资源 教科版
科目 信息技术(信息科技)
更新时间 2019-04-29 15:47:48

图片预览

文档简介

《建立网站站点》教学设计
【学情分析】
学生完成第一、二单元的学习应熟悉并掌握了有关网络的基本操作,应用网络也有一定的操作技能,引导学生建立网站站点应是水到渠成的事,并且学生对网上安家也是颇感兴趣,利用所学的有关Word的操作技能也可借用到FrontPage的操作上,因此教师只要合理地做好引导工作,充分地让学生去合作与探究,在摸索的过程中获取新知,完成学习的目标,合理地构建知识结构。
【教材分析】
《建立网站站点》在本单元中具有特殊的地位,它是对前期准备工作的总结与提升,侧重于学生动手能力培养的一节,更能引发问题思考,成为引入后面相关内容学习的“导火索”,因此《建立网站站点》在本单元起到知识连接的桥梁作用,是本单元的一个中心枢纽环节。另外,教师在教学过程中应侧重学生知识的构建,有意识地将七下Word的相关操作合理地应用到FrontPage的学习上,形成通融的知识体系。
【教学目标】
知识与技能目标:1、建立网站文件夹和新建网站的主页。
2、认识FrontPage,熟悉FrontPage软件环境。
3、建立网站空站点并新建、保存主页。
过程与方法:掌握在Ftontpage网页制作中,建立网站站点,充实网页的一般技能。
情感目标:1、培养学生建立站点的良好习惯。
2、教学中以简易地操作技能帮助学生体验成功建站的喜悦感。
【重点难点】
教学重点:启动FrontPage,创建站点文件夹,建立、保存网页主页。
教学难点:站点文件夹的理解。
【教学过程】

教学预设 学生活动 设计意图
一、引入——拼拼凑凑(第一次控制)下面我们一起来浏览一个“航天知识”的网站,出现情况部分网页链接不成功,怎么办呢?任务1:网页散落在各个盘符下面,导致网页链接不成功,怎样才能让网站链接成功。小结:网页以及网页中用到的素材需要进行管理,最好的管理办法就是把它们放在同一文件夹中,然后进行规划。这样的文件夹,我们称为站点文件夹。(第二次控制)今天我们来学习书本的第十四课《建立网站站点》的原因。 ?学生尝试操作,看谁能第一个拼凑成完整的网站。 ?预设:学生将网页移动至同一目录 ? 通过设错,让学生了解网站中的各个元素如网页、素材需要有序合理的管理,并很好的引出课题,引出站点文件夹,为难点的突破做下铺垫。
[新授]过渡:说建网站跟建房子很像,建房子是先规划设计,然后选好一块土地,选择好施工队伍开始建设,建校门(教学楼等)——装饰;我们的网站也是如此,规划网站——建站点文件夹——建网站主页——充实主页。二、准备建站 1、任务二:准备建站。准备工作主要有这么两步:一是选址,在电脑里选择一个地方来放我们的网站;二是选择工具,选择合适的网页制作软件。第一步选址:我们统一在E盘下建立一个文件夹,以自己“网站主题名”或“名字拼音”(或首字母)来命名。(注意:网站文件或文件夹命名请尽量避免使用中文字符命名。文件的命名——以最少的字母达到最容易理解的意义。)第二步选择工具:我向大家推荐一款软件Microsoft Frontpage,这是微软办公系列之一,用来制作网站,适合初学者使用。介绍Frontpage的读法,图标。师:同学们知道,我们的软件一般都去哪里启动呢?师:下面,请同学们根据我提供的这几个关键词:软件名、图标、Microsoft Office来启动软件。任务2、尝试着启动网页制作软件,并观察它的界面,思考跟什么软件相似? 2、frontpage界面介绍(第三次控制)(PPT上出示软件名称,并分析。)教师小结:Frontpage和Word的操作界面大同小异;区别:word只有一个工作窗口,而frontpage中有“设计”“拆分”、“代码”“预览”四个工作区域,分别代表网页编辑普通窗口、HTML代码编辑窗口、网页页面效果预览窗口。其他:启动方法,frontpage的图标:网页、网页编辑区、任务窗格、分类页面选项卡(视图)、状态栏;版本; ?? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?回忆起一般软件启动的方法。学生:开始——程序。 ?学生操作,完成任务2。 ?应该有部分学生能先找到Frontpage软件,提倡同桌互助,并让学生试着在里面输入文字。 ??学生回忆起word的使用情况,以便进行知识的迁移。 ? ? ? ? ? ? ? ? ? ? ?在一定的引导下,让学生自主体验,更容易达成目标,让学生体验成功。
三、建立网站站点过渡:我们已经选择好了网站的位置和制作的工具,下面我们来看看,刚刚新建的文件夹,可是这个文件夹,它只是一个普通的文件夹,我们现在需要的是把它变成存放网站的文件夹转变了之后又有什么变化?教师演示:如何建立站点文件夹。任务3:文件夹大变身---新建网站,将普通文件夹转变为站点文件夹,并观察文件夹发生了什么变化!教师演示教师小结:站点文件夹的命名规则,站点文件夹与普通文件夹的区别,里面文件夹的作用--images,private。(注意:网站文件或文件夹命名请尽量避免使用中文字符命名。文件的命名—以最少字母达到最容易理解的意义。) ?? ? ?(难点) ?学生观看,后学生练习,同桌互相检查。 ? ? 由于是初次接触--如何将普通的文件夹转变为站点文件夹,所以先给学生演示如何建立站点文件夹。
四、主页的添加以及充实过渡:房子建好之后,我们需要装饰门面。网站建立成功之后,我们也必须通过网页来展示网站的内容。下面我们来建立网站的第一张网页——首页(主页)(第四次控制) 1、新建主页给你们的网站,添加主页。学生上台演示,教师提示,利用新建——网页。教师小结:演示新建网页,并提示更改网页标题。主页命名的规则:index????homepage???default 2、充实主页根据上节课收集的素材,在主页中添加适当的文字,也可以尝试加入图片。教师提示:文件的保存。 3、布置任务(任务三+任务四)任务4:新建主页,在网页中插入适当的文字和图片。注意主页的命名,网页标题的更改。教师引导学生根据刚才的新建网站的方法,新建网页,并在PPT中显示帮助。教师小结:主页命名为index.html,网页名称跟网页标题是不同的。(第四次控制) ?? ? ? ?请学生演示新建网页的方法,给学生展示其他的办法。 ? ? ? ? ? ?学生操作,教师巡视。学生可能出现的问题:文字和图片的移动,文件保存 ?? ? ? ? ? ? ? ?提倡同桌互助,提高合作精神。 ?通过任务驱动,培养学生的探究能力,在学习的过程中获得知识。

五、作品评价
1、作品保存,提交,演示压缩方法。(文件夹的压缩方法可以课前教授)
2、作品评价:建站是否成功;首页是否建立;网页标题是否更改;网页内容是否充实;网页中的图片保存是否正确。
六、小结
通过本课内容的学习,每位同学都建立了一个站点文件夹。
1、站点文件夹认识
1)特殊的文件夹 2)为了更好的规范网页、素材等管理
2、frontpage软件的启动以及使用
3、合适的工具+精美的素材+精心的设计+细心的制作=好的网站
【板书设计】
建立网站站点
网页1
网页2
……
站点文件夹_private
主页——index.htm images