应用表格布局网页

《应用表格布局网页》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、应用表格布局网页■教材分析《应用表格布局网页》是苏科版初中信息技术第10章《主题网站设计》第二节《制作网站》的内容，是在学生学习了创建站点和网页的基础上安排的新授课。文字、图片等对象的定位是网页设计中的难点，仅用“图片”工具中的“绝对定位”无法排列好网页的结构，所以运用表格布局网页的结构是一种非常重要的方法，也是网页设计中最主要的内容之一，是网页设计的重点。■学情分析本节课的学习对象是初二年级的学生，该年龄段的学生已具备了一定的信息素养，掌握了一些基本的信息技术知识和技能。Frontpage中表格的制作方法与Word有很多相似之处，所以学生应

2、该都是有表格制作基础的。但考虑时间间隔比较长，知识的遗忘率比较高，需要教师能够帮助他们一起回顾，从而对比学习，进行知识的迁移。■教学目标知识与技能：1）了解表格在网页布局中的作用；2）掌握网页中表格的插入方法、表格属性的设置方法以及单元格的修饰与编辑方法，能够在单元格中正确插入文字和图片；3）能够根据网页设计内容，正确布局表格的结构，掌握表格嵌套的设计方法。过程与方法：1）通过分析优秀网站布局，帮助学生进一步了解布局的作用。2）利用对比学习，培养学生知识迁移的能力。3）通过自主探究，使学生掌握软件的使用规则，培养学生自主学习的能力。情感态度与

3、价值观：通过运用对比学习使学生体验软件学习的一般方法及规律，提高学生自主学习的能力。通过运用表格布局网页对象活动，进一步掌握各种不同对象属性的设置方法和规律，体验创造的快乐。■教学重点与难点教学重点：网页的布局类型分析；表格的制作方法及表格、单元格属性的设置方法；教学难点：表格的嵌套在网页设计中的应用。■教学方法与手段对比学习、知识迁移、自主探究■课前准备四种不同布局风格的网站链接、教师课件、学生学案、素材■教学过程一、创设情况、引入新课教师播放一段南京春天的园林美景的短片。师：现在正值阳春三月，看了这段南京比较有名的园林景点（玄武湖、莫愁湖

4、、梅花山）的春天美景，你们有何想法？是不是也有一种想外出踏青的冲动？生：景色太美了，真想出去游玩放松一下。师：老师的愿望是和你们一样的，因为这些景点里不仅有美丽的花、草、树木，还有亭、台、楼、榭以及小桥流水等景物，展现出一种自然和人工共同创造的生机盎然，和谐之美。它们不仅是大自然的杰作，更是我们中国人辛勤、汗水与智慧的结晶。如果你是一位园林设计师，为了让这些花、草、树木以及亭、台、楼、榭等景点合理搭配，你会事先做一个什么工作呢？生：布局……。师：对，布局是设计里非常重要的一步，它的好坏可以直接影响到这个园林的风格、思想、文化、艺术性及各景点搭

5、配的合理性。在我们生活中许多事情，小到制作网页，家庭装潢、大到城市规划，都要进行有形或无形地布局，在充分考虑布局的合理性和情况下尽量兼顾文化性、艺术性。网页制作也是一样的，除了网页内容外，网页布局也能够传递网页的风格、思想、文化，今天我们的任务首先是给网页布局。设计意图：从视频短片和园林布局的地位和重要性的分析入手，引出课题。通过将园林布局与网页布局进行类比，引起学生对网页布局的重视，进而激发他们的学习兴趣。同时，也引发学生对春天大自然的热爱及对园林设计者、劳动者的尊敬之情。二、网页布局类型分析师：讲到了网页布局，我们首先要了解一下网页都有哪

6、些要素呢？我们就以我校“新城中学”网站为例。教师打开新城中学网站，带领学生浏览网站首页并进行分析。师：有标题栏、导航栏、网页正文、有侧边栏以及版权信息栏，这些要素的不同排列就形成了不同网页的布局结构。下面我们就来看几个网站的首页，看看它们的布局属于什么类型？体现了什么样的思想或风格？教师依次打开“中央人民政府”、“中关村在线”、“戴尔·中国”以及一个艺术网站，引导学生分析这四个网站的布局风格，体现的设计思想。学生分组讨论后，举手回答。教师补充总结。师：在“中央人民政府”首页中，正文在网页的正中间，左右两侧各有一个侧边栏整齐地对称排列，显得很方

7、正，给艺术网站人以严肃的感觉，同时主色调为“中国红”，体现了中国特色，这种类型我们把它叫做“全包围型”，特别适合做政府机构的网站，也可以为一些门户网站的首页。“中关村在线”首页只有左侧一个侧边样，布局没那么没那么严肃，却增添了一些严谨的感觉，这种类型叫做“半包围型”，一般比较适合做大型的门户网站或个人网站。“戴尔〃中国”首页没有侧边样，网页正中间的大部分地方留给了戴尔做产品展示，视觉冲击力特别强，主题鲜明，便于企业进行产品宣传，因而适合做企业网站。这种类型我们把它叫做“上、中、下型”。最后一个网站，它的主题图占了整个网页的大部分片幅，因而叫做

8、“主题突出型”。由于它个性鲜明，且画面比较抽象、维美，显得个性比较张扬，适合做艺术类型的网站。上中下型全包围型半包围型主题突出型师：我们在布局网页时是不是一定要按照