野生动物的呼唤
——创建站点 制作首页
南京市南化第二中学 曹红梅
■教材分析
本课是苏科版《初中信息技术》教材上册第十章第二节的内容，对应《江苏省义务教育信息技术课程指导纲要》中必修基础“信息的发布与交流”模块。网站设计是初中信息技术必修部分的最后一章，本课是利用软件制作网站的实践第1课时，教材中所使用的软件是Frontpage，遵循与时俱进的原则，尝试用功能强大的Dreamweaver软件进行教学，在教学内容上作了适当调整与整合，包括站点的创建、应用表格布局网页以及插入图片文本等对象。
■学情分析
这一节课是初二年级的借班上课，到目前阶段学生已学习了多种软件的使用，应该具备了常规的操作技能，教学内容中插入图片文本等对象，学生可以借助已有的认知经验迁移学习，但是
新软件的使用学生需要一个适应过程，还有应用表格布局网页，这一点要使学生能做到灵活运用有一定难度，力图通过示例讲解练习有机结合，以期使学生通过一节课的学习，能创建站点并制作出布局工整的首页，在体验成就感的同时初步感知制作网站的过程，从而增强对网页制作后续学习的兴趣。
■教学目标
1．知识与技能:
（1）认识Dreamweaver窗口的组成，能够熟练运用Dreamweaver打开和保存网页文件。
（2）学会在Dreamweaver中建立站点。
（3）学会利用表格的相关操作布局网页。
（4）掌握插入文本、图片等对象的方法，并能根据需要设置属性。
2．过程与方法:
通过亲历建立网站、布局网页和插入对象的操作过程，在不断尝试中理解和学习基本知识。
3．情感态度与价值观:
（1）引导学生在学习新软件时与已有知识经验相类比，养成勤于总结的习惯，体会学习要讲究方法。
（2）通过制作主题网站，在创建站点和制作首页的过程中，树立人与动物和谐相处，珍爱、善待和保护动物的观念，同时在不断完成任务的过程中体验成功的喜悦。
4．行为与创新:
在制作首页的过程中，学会科学运用各种元素并进行合理布局，个性化地表达思想和情感。
■课时安排
  安排1课时
■教学重点与难点
1．教学重点
（1）创建站点并理解各参数选项的设置。
（2）利用表格的相关操作布局网页。
（3）插入文本图片等对象以及属性的设置。
2．教学难点
灵活运用表格的相关操作合理布局网页。
⏹教学方法与手段
  知识迁移、类比教学、自主学习、小组合作、讲授法
■课前准备
      极域多媒体广播软件、教学课件、学件、素材资源
教学过程：
教学环节
教师活动
学生活动
设计意图
导入
课题
播放保护动物公益宣传片。
试想一下：假如动物有机会和人类面对面交流，动物会对人类表达什么愿望呢？
根据学生回答，适当引导，引出课题：野生动物的呼唤（板书）
观看视频，并思考回答教师的提问。
使学生尽快进入学习状态，活跃课堂气氛，明课本课学习内容。
     
新
授
新
授
一、概念与软件
1、基本概念
网站、网页、首页（学生阅读学件回答问题）
2、软件简介：
（1）欣赏网页，提问：同学们用过或者知道的网页制作软件有哪些？
（2自己免费制作网站）、简介二种软件，选择Dreamweaver进行网页制作。
3、软件界面
启动Dreamweaver，介绍软件界面，重点强调插入栏、属性面板和面板组。
二、站点的建立
  1．出示创建站点四步法，让学生速记，并请学生复述。
2．演示并讲解第一第二步。
3．布置任务一：创建站点（两人小组，阅读网页学件，完成站点的创建）
反馈任务一完成情况（学生举手示意）
三、制作首页
1、分析首页
（1）出示常见功能模块
（2）出示首页样例，各模块对号入座。
2、运用表格布局网页
（1）展示两个网页（普通网页1和用表格布局的网页2）
提问：哪个网页更紧凑美观（引出表格布局）
（2）展示几种首页布局模式，接着以网页2为例，运用PPT动画分析其中所隐含的表格结构。
（3）展示网页3,让学生画出相应表格结构，并思考用到表格的哪些操作。
（4）出示页面+表格样张，对比word表格演示讲解在Dreamweaver中插入表格的方法及拆分、合并等相关操作，并讲解属性的设置（强调先选定对象再设置）。（老师绘制第一个表格，剩下的请学生上讲台尝试完成，教师指导）
布置任务二：对照页面+表格样张，在Dreamweaver中完成表格的绘制。（两人小组）
反馈任务二完成情况（根据情况由学生演示或举手示意）
3、插入对象。
布置任务三：插入各对象（学生阅读学件自主完成）（两人小组）
4、任务延伸（美化个性化页面）
（1）设置表格背景。
（2）设置网页背景。
（3）在适当的位置插入flash动画。
5、保存预览网页
四、学习反馈
展示学生作品，让学生自评和互评，教师再根据情况点评。
学生自主学习回答问题，理解有关概念。
思考并明确本课要用的软件。
观察识记Dreamweaver的特点。
学生识记
学生听讲、理解、识记
学生自主加合作完成站点的创建。
识记首页组成要素并能与实际网页对号入座。
学生观察思考并回答。
学生听讲并理解页面中所隐含的表格结构，再按要求画出网页所对应的表格布局。
学生听讲并识记有关操作注意事项。
完成任务二
学生自主加合作完成任务三。
学有余力的学生自主学习完成延伸任务。
观看、思考、评价
通过自主学习让学生理解几个关键词的含义。
通过欣赏提问引出本课所用的软件。
教师讲解与学生观察相结合使学生认识Dreamweaver。
帮助学生先形成总体认知。
适当的讲解有助于学生理解站点的创建。
学生通过自主合作能完成的操作让学生自己做。
使学生初步感知首页的组成要素及表现形式。
通过对比让学生感受表格布局的作用，并体会如何用表格实现页面布局。
运用对比法让学生联系旧知，加快对新知的吸收掌握。
绘制表格，完成页面布局。
培养学生运用学习资源自主学习的能力以及遇到问题合作解决问题的能力。
满足不同层次的学生需求。
反思与借鉴
小结
1、请学生谈收获。（提示：知道了什么，学会了什么）
2、教师寄语：
技术固然重要，创意更珍贵，精美的网站来自于内容与形式的完美统一。
回顾总结所学内容。
总结本课学习内容。
■教学反思
本节课是制作网站的第1课时，教材指定的教学软件是frontpage,本课尝试用Dreamweaver软件教学，并且将网页布局纳入本课时的教学，旨在让学生一开始就养成先布局后制作的良好习惯。教学中以先学后教再实例展示的方式帮助学生理解基本概念，尝试用先概括后实践的方法进行创建站点这一知识点的教学，将布局模式与网页样张相结合借助PPT动画突破网页布局这一难点，以网页学件作为学习平台鼓励学生运用知识迁移自主学习。本课的不足之处是：未对学情作充分的了解与分析，教学内容一味求全，再加上教学时间只有40分钟，学生实践操作时间不足，部分学生没能完成向页面中插入文本图片的全部操作，最后的评价小结仓促结束，未能实现理想的预设效果。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。