创建我的第一个网站.doc

广东省佛山市高明区沧江中学“创建我的第一个网站”教学设计广东省佛山市高明区沧江中学 授课人：赵建初二一年一月二十五日创建我的第一个网站广东省佛山市高明区沧江中学赵建初一、情境老师知识同学们喜欢网上冲浪，那你们想不想在网上“安个家”，自己的生活点滴、学习感受及内心世界等所有的一切向全世界宣告呢？那么老师从这节课的开始跟大家介绍如何收集和整理素材并初步创建一个简单的网站，以最简便的形式来满足同学们的希望！二、学习目标（一）知识目标1、了解网站建设的准备工作；2、认识FrontPage 软件窗口界面。3、学会使用FrontPage 创建站点4、学会制作简单的网页。（二）技能目标 1、了解网站设计的基本流程2、同学通过亲身经历，提高分析和解决问题的能力3、培养同学合作学习和动手能力（三）情感目标1、培养同学的作品规划意识，形成“先规划，再制作”的习惯。2、培养同学乐于帮助、团结协作的团队精神。 3、培养同学的科学探索精神和个性化创作精神。三、学习任务1、了解搜索和整理素材的办法。2、学会使用FrontPage创建站点和网页。3、学会插入和保存图片。4、知道网页属性的设置办法。四、分析（一）教材分析1、创建我的第一个网站一课是广东教育出版社信息技术（佛山版）八年级第二册第三单元第3课的内容，内容为1课时。2、本课内容是学生在七年级学习了因特网的基础知识与应用以后，学生体验到了网络世界的精彩、信息的多样化，想让更多的人了解自己最有效地途径就是建立网站并把它发布到因特网上，从而激发学生创建网站的欲望。3、本课的主要内容是如何收集和整理素材、初步创建一个简单的网站。通过活动，使学生学会合理规划站点的内容，并掌握创建网站的方法。活动主要分成3个阶段来进行：一是收集和整理网站素材，二是创建网站并规划设计网站的目录结构，三是对网页的属性进行设置。本节是基础性知识，是要让学生具备基本的规划思想，养成先规划网站、然后收集素材、最后再制作网页的习惯。4、搜集与整理素材这个准备工作看似无关紧要，其实是本课内容点睛之处，也是制作网站首要部分。在网站创建前进行素材准备、了解FrontPage以及掌握网站规划设计的准备工作都十分重要的，也是本课内容中不可少的部分，需要学生扎实地掌握。（二）学生分析1、本课教学对象为初中八年级学生，他们活泼好动，新鲜好奇，虽然操作计算机水平层次不同，但基本上都上过网，了解简单的网络知识。2、在学习准备阶段，学生思绪比较繁杂，他们有七年级因特网的知识基础，当了解了网站设计的知识后十分急切地想把自己的生活点滴、学习感受及内心世界等所有的一切向全世界宣告。因此，我通过相互交流活动来帮助学生理清思路，形成网站框架，有一个比较清晰思路在今后的架构网站过程中学生不断地增加自己所需的内容，这就为产生新知创造条件，也为学生学习新知奠定基础。五、教学策略信息技术作为一门独立的新型学科，在教学方法上应该根据不同的教学内容选择不同的教学场所以及采用不同的教学手段，从而激发学生的学习兴趣，调动学生的学习积极性。针对这节课，我采用了多种教学方法相结合的教学方式，并且在不同的教学环节中应用了不同的教学策略。1、演示法利用多媒体网络教学环境，通过演示辅助教学课件，而且实时讲解，并把实例操作过程演示给学生观看，使学生在这种计算机数字化了的“集体讲授模式”下更容易接受本节课的知识点。2、任务驱动法多数同学对任务都会产生一种急切完成的动机，而完成任务又能给他们带来成就感和满足感。通过布置任务，驱使学生由“要我学”变成“我要学”。3、小组协作法由于创建网站是一个综合性任务，技术要求较高，建设一个网站往往需要多人合作才能完成，因而采用小组协作法能炼就他们良好的团队协作精神，而且小组成员的知识程度、学习能力和思维方式都有差异，可以通过讨论、交流与合作，取长补短、拓展思维。六、过程教学过程教师活动学生活动设计意图新课导入（2分钟）【引导】：同学们大家对于网络上丰富多彩的内容都很感兴趣吧，那么大家想不想也在网上“安个家”，也让别人来了解一下同学们的学习和生活呢？那么，从这节课开始我跟大家一起来学习网站制作的知识，把大家阳光和激情带给全世界！认真听讲联想生活提出在网上“安家”的想法，激发学生的创作热情知识点一：搜集和整理素材（3分钟）问题讨论引出新知俗话说：巧妇难这无米之炊。我们既然想制作一个网站，需要做的第一件事情是什么呢？认真思考分组讨论抛下第1个锚点，引出知识点：素材的收集与整理。教师引导整理知识【提问】：同学们，经过热烈和积极的研究、讨论，我想大家已经知道了做网站前的准备工作了。现在，我看那一个小组能给大家介绍一下创建网站的一些准备工作吧？【知识呈现】:引导并整理知识（同步展示ppt）：（1）搜集素材（2）整理素材（3）加工素材注意：收集素材要有针对性分组述说组长回答组员补充思考：什么是网站的素材？用学生的话来引出新知，让学生记忆更深刻让学生理解准备素材的重要性知识点二：创建站点和网页（25分钟）知识点二：创建站点和网页（25分钟）知识点二：创建站点和网页（25分钟）问题讨论引出新知【提问】：网站和网页有什么区别？注意分清网站和网页的概念差别。【举例】：同学们，网站是一个大的概念，我们可以把“新浪网”、“腾讯网”等称为网站，而把这些网站上的每一个内容页称为网页。他们是一种总体和局部的关系，就像一本书与书里面的每一页的关系一样。认真思考分组讨论认真听讲形象理解网站和网页的关系抛下第2个锚点，引出知识点：网站和网页。FrontPage简介今天老师给大家介绍一款新的软件FrontPage，它能够很方便地创建网站。下面我们就来认识一下它吧。演示：单击“开始”所有程序“Microsoft Office”FrontPage”【提问】：FrontPage与word比较，有什么不同？（增加了视图区，编辑区有三个窗口）【解说】：1、视图区：多种视图模式是为了方便网站的管理。2、普通窗口：鼠标在闪动，可编辑、修改页面，所见即所得的方式3、预览窗口：浏览器中出现的效果，与PowerPoint中的“放映幻灯片”类似。4、Html窗口：用于编写HTML代码认真听讲积极思考：FrontPage与word的异同之处？回答问题认真听讲认识FrontPage，为制作网页打下基础。使学生对FrontPage窗口组成有一个清楚的认识。从与word的对比中快速学习FrontPage。创建第一个站点【提问】：如何创建第一个站点？网络无国界，我们现在通过网站的建设来让全世界了解我们体育节的盛况。现在，我们就以创建体育节网站为例【演示】：新建站点。1、选择“文件”“新建”菜单命令，选“任务窗格”中的新建网站，单击“由一个网站组成的网站”弹出“网站模板”，选择“只有一个网页的网站”这里要求确定网站的位置，我们统一保存在d:tiyujie文件夹下面。2、创建好站点后，下面我们继续来创建网站的目录结构，同学们可以看到，在网站的窗口右上角有三个按钮，1、新建网页文件 2、新建文件夹 3、返回上一级。这里我们应该怎么做呢？以我们的“体育节”各个栏目为例吧：【演示】：创建目录结构。单击“新建文件夹”输入文件夹名bsxm（比赛项目）【注意】：在给文件或文件夹命名时要遵循一个原则：便于记忆和查询，不能用中文命名。bsxm（比赛项目）主栏目文件夹创建好了，其他三个文件夹创建的方法完全相同，同学们可以结合课本99页完成其他6个主栏目文件夹的创建。认真听讲仔细观察认真听讲仔细观察使学生学会创建网站的方法。知道网络文件夹和文件的命名规则了解创建目录结构的办法任务驱动：学生动手创建第一个站点【巡视、辅导】我们以小组为单位，动手创建第一个站点。小组中做的最快的学生请他给本组中需要帮助的同学做一下指导。看哪个小组完成得最快。结合课本动手练习小组合作互助学习让学生在实践中学习站点的创建新建第一张网页同学们，当建好网站的结构以后，我们就可以向站点中添加网页了。【演示】：新建第一张网页。我们单击常用工具栏上的按钮，新建一个空白的网页，在空白网页上添加网页的各种元素。我们可以为新建的第一张网页写下欢迎语，或者记录我们的心情，而且还可以标记版权信息哦。认真听讲仔细观察让学生了解网页的创建办法保存网页同学们，为了保存我的劳动成果，大家不要忘记对刚才创建的网页保存哦。【补充】：主页的命名。主页是网站中第一个网页，俗称门户，它在网站中起着封面或目录的作用，翻译成英文名为Index，这是约定俗成的，不能更改的，认真听讲仔细观察让学生了解网页的保存办法任务驱动：创建网站上的第一张网页【巡视、辅导】同学们，看了老师的演示，觉得网页制作有意思吧，下面也请同学们也来自己体验一下吧。小组中做的最快的请他下位给本组中需要帮助的同学指导一下，看看这次哪个组完成得最快？！结合课本动手练习小组合作互助学习培养学生。通过提示培养学生思维能力以及实践的能力。知识点三：设置网页的属性（10分钟）小组探索：如何插入图片？是什么让网络的世界如此缤纷呢？对，是图片。因为五彩斑斓的图片让网页增色了。【任务】：如何为网页插入图片？结合课本互助学习探索新知让学生在实践探索中学习新知识：插入和保存图片实践探索、自主学习：如何美化我的网页？【任务1】：你能为网页加上标题吗？【任务2】：你能改变网页的背景色吗？请同学们仿照同样的方法结合课本100页自己完成吧。同样，小组中做的最快的请他下位给本组中需要帮助的同学指导一下，看看这次哪个组完成得最快？！结合课本互助学习探索新知让学生自己探究学习，培养他们自主学习的能力。培养学生互助、合作学习。作品展示学生互评（3分钟）给学生印发学习效果评价表评价范围：1、基础知识掌握情况2、学习态度表现3、小组合作、协作能力学生自评同学之间互评通过评价激发学生的学习兴趣，监督学生的学习行为。教学小结教师点评(2分钟)学习了本节课有哪些收获？老师点评，最后总结。学生回忆总结归纳知识点七、教学环境及资源1、 硬件：多媒体网络机房；2、 软件： FrontPage网页制作软件、机房广播教学软件。3、 资源：创建我的第一个网站ppt课件、学生学习效果评价表。4、供学习的参考网站：网站名称网址W3School/index.html网站建设教程网/网页天堂/动易网络http:/www