《网页中的表格》教案设计

《网页中的表格》教案设计

ID:2295502

大小:28.00 KB

页数:7页

时间:2017-11-15

《网页中的表格》教案设计_第1页
《网页中的表格》教案设计_第2页
《网页中的表格》教案设计_第3页
《网页中的表格》教案设计_第4页
《网页中的表格》教案设计_第5页
资源描述:

《《网页中的表格》教案设计》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、《网页中的表格》教案设计《网页中的表格》教案设计一、教学设计部分教学内容分析  R本的主要内容与地位  网页中,常用表格对网页中其它元素定位,将复杂的元素有条理的分布到网页各个位置──网页布局。另外,当我们把表格的宽度定为固定像素值后,还能保证网页布局不会随浏览器窗口的大小变化而变化,当我们在网页中输入字的时候,就可以让字顶满格后自动换行,方便我们对字的编辑。  由此可见,网页中只有利用表格进行布局,才能称得上真正意义上的网页设计。  R本与前后内容的关系  利用表格布局网页,将上一节设计的网站首页

2、中的各种素材进行合理的分布,是对学生进行网页设计技能上的提升;利用表格布局网页也是整个网站设计中一个非常重要技术手段,应用非常广泛。教学目标分析  R知识目标/技能目标  ·知识目标  理解表格在网页设计中的重要作用。  ·技能目标  ⑴掌握使用表格布局网页。  ⑵灵活掌握表格调整的方法。  R过程与方法目标  能够合理利用表格对网页进行布局和规划。  R情感态度与价值观目标  了解学校概貌,发现校园之美,理解规矩与方圆的关系,养成良好的生活和学习习惯。  R本的重难点  重点和难点:掌握利用表格对

3、网页进行布局的方法  R本的时分配建议  一时教学策略设计建议  R教法建议  由于关于表格的基本操作(插入表格、调整表格:调整行高或列宽、合并或拆分单元格、插入或删除行或列、平均分布行或列)在rd中已经有较详细的操作方法。在本教学过程中,教师教学的重点应放在由学生探究以上基本操作的基础上的表格的使用──如何利用表格布局网页,让网页中的素材合理的在网页上分布。  另外,网页模板是提高建站效率的有效手段,教师要注意引导学生对网页模板的使用。  R学法建议  注意观察和借鉴样板网站中表格的运用情况,刚开

4、始使用表格设计网页时可将其边框粗细的值设为1,以观察调整表格的过程,从而掌握表格调整的技巧。教学资与环境建议  R本教学资索引  1.第二的半成品网页:Index.ht、Parents.ht教学评价建议  R自评、互评、师评要注意的问题  学生制作的网页是否通过表格的布局达到美化、整齐和排列有序的目的。教学过程参考案例  第一阶段:导入新,明确学习目标教学环节教师活动学生活动设计理念导入新指导学生“读一读”,讨论两幅图之间的相似之处。师:校园内的建筑通过道路和绿化带进行区域上的划分,网页中的素材是通

5、过表格进行合理的安排,但如何安排呢?这就是本节的学习内容──网页中的表格。阅读,讨论、思考、回答。从学生身边最熟悉的环境入手,导入他们陌生的知识点,帮助学生通过对二者的比较理解新知识。  第二阶段:范例精讲,学生自主探究,完成范例教学环节教师活动学生活动设计理念学习与探究教师讲解表格在网页时的重要作用。任务一:插入表格师:如果我们想要在网页中使用表格必须先插入表格,操作方法与rd差不多,自己尝试着在一个新网页中插入不同设置的表格,并填写表1-3-1。教师指导学生参照图1-3-4在主页Index.ht

6、中插入表格:任务二:表格的调整师:此部分内容与rd中的操作也是非常相似,根据教材内容分组完成表格的调整。调整结束后将第二中已经输入的内容移动到表格中。任务三:设计网页模板师:设计网站时为提高工作效率,我们一般使用模板,现在我们就定制属于我们自己的网页模板。插入默认值的表格,分组插入修改不同参数值的表格,讨论并填写表格。实践表格的调整方法,体验表格对网页布局的重要作用。根据教材提示,将首页保存为模板。对于学生熟悉的知识点,完全放手给学生探究完成。    尝试通过不同途径解决同一问题,提高办事效率。  

7、第三阶段:知识、情感拓展教学环节教师活动学生活动设计理念知识与情感师:请同学们再次预览使用表格布局的网页,然后改变浏览器窗口的大小,网页版面发生变化吗?这说明什么问题呢?师:在生活中,你能体会到父母对自己的关心和爱护吗?请大家下完成“一日护蛋”的实践活动,设计新网页“Feeling.ht”。学生分组预览网页。生:表格可以保护网页的布局。由表格对网页布局的保护延伸到父母对子女的爱。让学生从护蛋活动中体会这种爱护要付出多大的精力。  第四阶段:综合实践,巩固与提高,自由创作,迁移运用教学环节教师活动学生

8、活动设计理念实践与创新师:通过本节的学习,你是否感觉上一节设计的二级网页“Parents.ht”需要使用表格重新布局一下呢?教师巡视指导:刚才我们学习了网页模板的保存,下面请同学们使用模板设计xx页表中所列的三个网页。师:请大家思考:能否为实践活动网页设计统一的模板?使用表格重新布局网页。设计新网页,体验模板的重要作用。重点实现示例网页Neighbr.ht中的表格设计效果。学以致用,巩固提高。  第五阶段:教学总结,设疑激趣,为下一节作好铺垫教学环节教师活动学生活动设

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。