浙教版信息技术八年级上册《用表格为网页布局》优秀教案附教学反思.docVIP

用表格为网页布局 信息技术（浙教版）八年级上第三单元第15课 杭州市翠苑中学 陈达 2011年5月 教材分析 本课作为第三单元网上安家的第五课，同学们已经学习了网站设计的基础知识、如何制定建站计划、如何收集素材、建立站点等许多知识；慢慢地摸到了网页制作的门道。而这一课是真正开始学习制作网页的一课，对后面的网站制作起到承前启后的作用。网页制作的初学者，在对页面上的对象进行排版时，表格起到了非常重要的作用。如何合理的布局，并在FrontPage中用表格的形式体现这个布局，是本课首先要解决的一个问题。对于已经学过Word表格绘制的学生来说，已经不是难点，但要学生通过学习表格线的隐藏，了解表格属性选项的设置有一定的难度。 学情分析 本课的学习对象是初二年级的学生，经过前面一段时间的学习，已经对网页制作有了一定的了解，同学们也慢慢地感受到了网页制作的乐趣；渴望老师教给学生更多的网页制作方面的技巧和整体布局的思路；前面的几节网页方面的内容给了同学们很好的学习和铺垫，为同学们学习难度更大的网页整体布局思维打下了很好的基础。 教学策略 本课以“任务驱动”和“先学后教”的教学思想为主线，先给同学们展示一些网页设计模板，然后请同学们参照网页模板用frontpage试着完成，在完成的过程中发现问题，然后采取学生自己当“小老师”和老师适时讲解的方式，让每一位同学都能参与我的课堂。本课的重点和难点主要是frontpage中表格的应用，在教学中通过word和frontpage的表格比较来让同学们清晰定义，从而引出用表格来进行排版的方法，进而给同学们集中表格排版的思路，来完成本课的教学目标。 教学目标（可按三维写，也可以按教科书：或直接分点写） （一）知识与技能 1．理解用表格排版主页的作用 2．掌握在网页中插入表格进行排版 3．学会设置表格的属性 （二）过程与方法 1．通过个人探究、小组讨论、老师演示，掌握frontpage中表格（布局表格）的使用方法 2．通过frontpage中表格的应用，让同学们掌握网页布局的方法，进入提高同学们的网页制作能力。 （三）情感态度价值观 1．通过规划页面布局，培养网页设计的综合能力。 2．通过布局表格的学习，提高同学们的综合实践能力，培养同学们的审美情趣。 教学重点 插入表格和更改表格属性 教学难点 灵活掌握排列表格和设置表格属性 教学准备 教师准备：多媒体课件；准备一些版面设计优美合理的网站主页面作为参考； 学生准备：回顾上几节课网页制作的内容 教学过程 网页欣赏、引入主题 师：给同学们欣赏事先准备的一些个人主页、网站，让同学们来投投票，你最喜欢那个网站（主页） 生：我最喜欢第一个，因为…… 师：公布投票结果，那同学们既然觉得这个网站做的最好，那么我们就来模仿一下吧，给大家5分钟时间 生：动手来模仿，但是发现这个网站好难模仿、排版都排不好…… 师：大家是不是碰到了不少问题啊，下面我来说一下 2.切入正题、用表格来实现布局 师：我们在制作网页的时候遇到最头痛的问题可能就是排版的问题了，今天发现很多同学们虽然做的很认真但是还是模仿得不好，其实不是同学们的原因，我们学习了今天的表格（布局表格）后，同学们会豁然开朗…… 师：给同学们看了几个常见的网站主页构成图，如“同”字型、“厂”字型，左右分栏型等等，然后我们用表格（布局表格）来制作其中的一个构成图。 请同学们独立完成其中的一个构成图，先做好的同学可以帮助学习小组内的其他没有完成的同学。 生：开始完成表格的布局。 师：提醒同学们单元格合并的功能，使用此功能可以进行不规则的表格布局。 小技巧：通过自学表格嵌套功能和表格线隐藏功能来更好地学习表格的布局。 作业 完成一个著名网站的页面布局的模仿。 板书设计 参见ppt 资源索引 Frontpage2003视频教程：/eschool/zhuanti/frontpage/ 教学反思 本课主要学习在frontpage中用表格布局，是真正意义上的制作网页的第一课，对后面的网站制作起到承前启后的作用。网页制作的初学者，在对页面上的对象进行排版时，表格起到了非常重要的作用。同学们在看到各类示范的网站时都非常兴奋，而在真正制作时却发现难以下手？主要是专业网站都是由专业人员开发完成的，在网页布局上也是采用非常复杂的流程来完成的，虽然非常美观，但对同学们而言却没有太多的参考价值。如果我在这里引入一些个人网站的首页或者由我本人制作的一些网站首页的布局，这样效果可能会更好一些。 本课中的有些操作非常综合，如规划主页页面布局等。就算同学们已经规划完毕，可能不知道下一步应该做什么。在这种情况下，我们应该多给同学们看一些网站和网站布局的类型，让同学有了一定的思路和构思之后再让同学们开始规划主页页面布局也不晚。在frontpage2003中