《创建站点+制作首页》教学设计及反思

1、学习必备欢迎下载野生动物的呼唤- 创建站点制作首页南京市南化第二中学 曹红梅教材分析本课是苏科版初中信息技术教材上册第十章第二节的内容，对应江苏省义务教育信息技术课程指导纲要中必修基础“信息的发布与交流”模块。网站设计是初中信息技术必修部分的最后一章，本课是利用软件制作网站的实践第1 课时，教材中所使用的软件是Frontpage，遵循与时俱进的原则，尝试用功能强大的Dreamweaver 软件进行教学，在教学内容上作了适当调整与整合， 包括站点的创建、应用表格布局网页以及插入图片文本等对象。学情分析这一节课是初二年级的借班上课，到目前阶段学生已学习了多种软件的使用，应该具备了常规的操作技能，教

2、学内容中插入图片文本等对象，学生可以借助已有的认知经验迁移学习，但是新软件的使用学生需要一个适应过程，还有应用表格布局网页，这一点要使学生能做到灵活运用有一定难度，力图通过示例讲解练习有机结合，以期使学生通过一节课的学习，能创建站点并制作出布局工整的首页，在体验成就感的同时初步感知制作网站的过程，从而增强对网页制作后续学习的兴趣。教学目标1 知识与技能：(1) 认识 Dreamweaver 窗口的组成，能够熟练运用 Dreamweaver 打开和保存网页文件。(2) 学会在 Dreamweaver 中建立站点。(3) 学会利用表格的相关操作布局网页。(4) 掌握插入文本、图片等对象的方法，并能

3、根据需要设置属性。2. 过程与方法：通过亲历建立网站、 布局网页和插入对象的操作过程，在不断尝试中理解和学习基本知识。3. 情感态度与价值观：(1)引导学生在学习新软件时与已有知识经验相类比，养成勤于总结的习惯， 体会学习 要讲究方法。(2)通过制作主题网站， 在创建站点和制作首页的过程中，树立人与动物和谐相处，珍 爱、善待和保护动物的观念，同时在不断完成任务的过程中体验成功的喜悦。4. 行为与创新：在制作首页的过程中， 学会科学运用各种元素并进行合理布局，个性化地表达思想和情感。课时安排安排 1 课时学习必备欢迎下载教学重点与难点1 .教学重点(1)创建站点并理解各参数选项的设置。(2)利用

4、表格的相关操作布局网页。学习必备欢迎下载(3)插入文本图片等对象以及属性的设置。2.教学难点灵活运用表格的相关操作合理布局网页。教学方法与手段知识迁移、类比教学、自主学习、小组合作、讲授法课前准备极域多媒体广播软件、教学课件、学件、素材资源教学过程：教学环节教师活动学生活动设计意图播放保护动物公益宣传片。观看视频，并使学生尽快进导试想一下：假如动物有机会和人类面对面思考回答教师入学习状态，入交流，动物会对人类表达什么愿望呢？的提问。活跃课堂气课根据学生回答，适当引导，弓 1 出课题：野氛，明课本课题生动物的呼唤(板书)学习内容。一、概念与软件学生自主学习通过自主学习1、基本概念回答问题，理让学

5、生理解几网站、网页、首页(学生阅读学件回答解有关概念。个关键词的含问题)思考并明确本义。2、软件简介：(1)欣赏网页，提问：冋学们用过或者课要用的软通过欣赏提问知道的网页制作软件有哪些？件。弓 1 出本课所用新(2)、简介二种软件，选择 Dreamweaver的软件。进行网页制作。教师讲解与学3、软件界面观察识记生观察相结合启动 Dreamweaver,介绍软件界面，重Dreamweaver使学生认识点强调插入栏、属性面板和面板组。的特点。Dreamweaver。二、站点的建立学生识记帮助学生先形1出示创建站点四步法，让学生速记，成总体认知。并请学生复述。学生听讲、理适当的讲解有 助于学生理解

6、2 .演示并讲解第一第二步。解、识记站点的创建。学生自主加合学生通过自主3 .布置任务一：创建站点(两人小组，作完成站点的合作能完成的 操作让学生自授阅读网页学件，完成站点的创建)创建。己做。反馈任务一完成情况(学生举手示意) 三、制作首页识记首页组成使学生初步感1、分析首页要素并能与实知首页的组成(1)出示常见功能模块际网页对号入要素及表现形(2)出示首页样例，各模块对号入座。2、运用表格布局网页1 /J J 2、J J、座。式。学习必备欢迎下载(1)展示两个网页(普通网页 1 和用表学生观察思考通过对比让学学习必备欢迎下载教学环节教师活动学生活动设计意图格布局的网页 2）并回答。生感受表格

7、布提问：哪个网页更紧凑美观（引出表格学生听讲并理局的作用，并布局）解页面中所隐体会如何用表（2）展示几种首页布局模式， 接着以网含的表格结格实现页面布页 2 为例，运用 PPT 动画分析其中所隐含的构，再按要求局。新表格结构。画出网页所对（3）展示网页3,让学生画出相应表格结应的表格布构，并思考用到表格的哪些操作。局。（4）出示页面+表格样张，对比 word学生听讲并识运用对比法让表格演示讲解在 Dreamweaver 中插入表记有关操作注学生联系旧格的方法及拆分、合并等相关操作，并讲意事项。知，加快对新解属性的设置（强调先选定对象再设置）。知的吸收掌（老师绘制第一个表格，剩下的请学生上 讲台

8、尝试完成，教师指导）握。布置任务：对照贝面 +表格样张，授在 Dreamweaver 中完成表格的绘制。（两完成任务二绘制表格，完人小组）成页面布局。反馈任务二完成情况（根据情况由学生演示或举手示意）3、插入对象。学生自主加合培养学生运用布置任务二：插入各对象（学生阅读作完成任务学习资源自主学件自主完成）（两人小组）.二。学习的能力以4、任务延伸（美化个性化页面）学有余力的学及遇到问题合（1 ）设置表格背景。生自主学习完作解决问题的（2）设置网页背景。成延伸任务。能力。（3）在适当的位置插入 flash 动画。满足不同层次5、保存预览网页四、学习反馈的学生需求。展示学生作品，让学生自评和互评，

9、观看、思考、反思与借鉴教师再根据情况点评。评价1、请学生谈收获。（提示：知道了什么， 学会了什么）回顾总结所学总结本课学习内小2、教师寄语：内容。容。技术固然重要，创意更珍贵，精结美的网站来自于内容与形式的完美统。学习必备欢迎下载教学反思本节课是制作网站的第 1 1 课时，教材指定的教学软件是 frontpage,frontpage,本课尝试用 DreamweaverDreamweaver 软件教学，并且将网页布局纳入本课时的教学，旨在让学生一开始就养成先布局后制作的良好习惯。教学中以先学后教再实例展示的方式帮助 学生理解基本概念，尝试用先概括后实践的方法进行创建站点这一知识点的教 学，将布局模式与网页样张相结合借助 PPTPPT 动画突破网页