应用表格布局网页.doc

应用表格布局网页 ■教材分析 《应 用表格布局网页》是苏科版初中信息技术第10章《主题网站设计》第二节《制作网站》的内容，是在学生学习了创建站点和网页的基础上安排的新授课。文字、图 片等对象的定位是网页设计中的难点，仅用“图片”工具中的“绝对定位”无法排列好网页的结构，所以运用表格布局网页的结构是一种非常重要的方法，也是网页 设计中最主要的内容之一，是网页设计的重点。 ■学情分析 本 节课的学习对象是初二年级的学生，该年龄段的学生已具备了一定的信息素养，掌握了一些基本的信息技术知识和技能。Frontpage中表格的制作方法与 Word有很多相似之处，所以学生应该都是有表格制作基础的。但考虑时间间隔比较长，知识的遗忘率比较高，需要教师能够帮助他们一起回顾，从而对比学习， 进行知识的迁移。 ■教学目标 知识与技能： 1）了解表格在网页布局中的作用； 2）掌握网页中表格的插入方法、表格属性的设置方法以及单元格的修饰与编辑方法，能够在单元格中正确插入文字和图片； 3）能够根据网页设计内容，正确布局表格的结构，掌握表格嵌套的设计方法。 过程与方法： 1）通过分析优秀网站布局，帮助学生进一步了解布局的作用。 2）利用对比学习，培养学生知识迁移的能力。 3）通过自主探究，使学生掌握软件的使用规则，培养学生自主学习的能力。 情感态度与价值观：通过运用对比学习使学生体验软件学习的一般方法及规律，提高学生自主学习的能力。通过运用表格布局网页对象活动，进一步掌握各种不同对象属性的设置方法和规律，体验创造的快乐。 ■教学重点与难点 教学重点：网页的布局类型分析；表格的制作方法及表格、单元格属性的设置方法； 教学难点：表格的嵌套在网页设计中的应用。 ■教学方法与手段 对比学习、知识迁移、自主探究 ■课前准备 四种不同布局风格的网站链接、教师课件、学生学案、素材 ■教学过程 一、创设情况、引入新课 教师播放一段南京春天的园林美景的短片。 师：现在正值阳春三月，看了这段南京比较有名的园林景点（玄武湖、莫愁湖、梅花山）的春天美景，你们有何想法？是不是也有一种想外出踏青的冲动？ 生：景色太美了，真想出去游玩放松一下。 师： 老师的愿望是和你们一样的，因为这些景点里不仅有美丽的花、草、树木，还有亭、台、楼、榭以及小桥流水等景物，展现出一种自然和人工共同创造的生机盎然， 和谐之美。它们不仅是大自然的杰作，更是我们中国人辛勤、汗水与智慧的结晶。如果你是一位园林设计师，为了让这些花、草、树木以及亭、台、楼、榭等景点合 理搭配，你会事先做一个什么 工作呢？ 生：布局……。 师：对，布局是设计里非常重要的一步，它的好坏可以直接影响到这个园林的风格、思想、文化、艺术性及各景点搭配的合理性。在我们生活中许多事情，小到制作网页，家庭装潢、大到城市规划，都要进行有形或无形地布局，在充分考虑布局的合理性和情况下尽量兼顾文化性、艺术性。 网页制作也是一样的，除了网页内容外，网页布局也能够传递网页的风格、思想、文化，今天我们的任务首先是给网页布局。 设计意图：从视频短片和园林布局的地位和重要性的分析入手，引出课题。通过将园林布局与网页布局进行类比，引起学生对网页布局的重视，进而激发他们的学习兴趣。同时，也引发学生对春天大自然的热爱及对园林设计者、劳动者的尊敬之情。 二、网页布局类型分析 师：讲到了网页布局，我们首先要了解一下网页都有哪些要素呢？我们就以我校“新城中学”网站为例。 教师打开新城中学网站，带领学生浏览网站首页并进行分析。 师：有标题栏、导航栏、网页正文、有侧边栏以及版权信息栏，这些要素的不同排列就形成了不同网页的布局结构。下面我们就来看几个网站的首页，看看它们的布局属于什么类型？体现了什么样的思想或风格？ 教师依次打开“中央人民政府”、“中关村在线”、“戴尔·中 国”以及一个艺术网站，引导学生分析这四个网站的布局风 格，体现的设计思想。 学生分组讨论后，举手回答。 教师补充总结。 师：在“中央人民政府”首页中，正文在网页的正中间， 左右两侧各有一个侧边栏整齐地对称排列，显得很方正，给 艺术网站 人以严肃的感觉，同时主色调为“中国红”，体现了中国特色， 这种类型我们把它叫做“全包围型”，特别适合做政府机构的网站，也可以为一些门户网站的首页。 “中关村在线”首页只有左侧一个侧边样，布局没那么没那么严肃，却增添了一些严谨的感觉，这种类型叫做“半包围型”，一般比较适合做大型的门户网站或个人网站。 “戴尔〃中国”首页没有侧边样，网页正中间的大部分地方留给了戴尔做产品展示，视觉冲击力特别强，主题鲜明，便于企业进行产品宣传，因而适合做企业网站。这种类型我们把它叫做“上、中、下型”。 最后一个网站，它的主题图占了整个网页的大部分片幅，因而叫做“主题突出型”。由于它个性鲜明，且画面比较抽象、