网站制作简介第一课时.doc

新北区新桥初级中学 顾琴娣 PAGE PAGE 4 网站的制作第二课时 《应用表格布局网页》教学设计 教材分析： 本课时为江苏科学技术出版社《初中（8年级）信息技术》中第3章第2节网站的制作中的内容。本节内容共安排六课时，本课时为第二课时。页面设计是网站建设重要的部分，本课时主要介绍用表格布局网页及添加网页内容：网页内容丰富，使用表格进行排版是应用较为广泛的方法，这样制作的网站整齐、美观；网页内容的添加使得页面更加美观、充实。本人以“绿色家园”网站为例，介绍表格布局网页的多种操作，并引导学生添加各种网页内容来丰富网站，充分体验表格布局网页的基本制作过程。 学生分析： 学生已经学习过wps文字软件的基本编辑操作，与本课学习的软件有很多类似的地方。上一课时学习了建立主题网站的理论知识，并在老师的指导下自主学习了站点建立的过程与首页的制作，已经具备网页编辑的基本能力。但是对于利用Dreamweaver软件实现网页的具体布局还未接触过。本节将引导学生如何利用表格进行网页的布局，制作出简单的网站以满足学生的学习需求。 教学目标： 1、知识与技能： （1）了解表格在网页设计中的作用，能够根据网页设计内容，正确布局表格的结构。 （2）学会网页中表格的制作方法、表格属性和单元格属性的设置。 （3）能够熟练地在单元格中添加文字、图片、水平线。 2、过程与方法： （1）利用对比学习，培养学生知识迁移的能力。 （2）通过用表格布局网页，使学生进一步理解表格的作用、功能及网页设计方法的多样性，培养学生的发散思维能力。 （3）通过任务驱动，引导学生自主探究，培养学生自主学习的能力。 3、情感态度与价值观： （1）通过对比学习使学生体验软件学习的一般方法及规律，提高学生自主学习的能力。 （2）通过运用表格布局网页对象活动，进一步掌握各种不同对象属性的设置方法和规律，体验创造的快乐。 （3）通过“绿色家园”网站的设计与制作，激发学生保护环境从我做起的责任感，从而进一步树立共同改善人类生存环境的意识。 教学重点、难点： 1、教学重点： （1）了解表格在网页设计中的重要作用。 （2）学会插入、编辑表格的方法及表格属性、单元格属性的设置。 （3）能够熟练地在单元格中添加文字、图片、水平线。 2、教学难点：表格属性、单元格属性的设置。 教学策略： 以世界环境日的提问引入课题，创设学习情境，利用不同层次任务引导学生主动探究表格布局的方法与技巧。采用分组、讨论等教学方法，让学生在实践中总结经验，从而达到灵活运用表格布局的学习目标。 教学过程： （一）创设情境、导入新课 师：提问：世界环境日是哪一天？ 生：讨论与回答 师：学校团委在新学期活动计划中，将世界环境日的宣传活动作为本学期的一个重点，因此要求各班先以网站的形式，作一个简单的宣传。 师：PPT显示一班级两位同学制作的主页，创设情境，进行两个页面的对比。 1、展示两个页面并进行比较：一个使用表格布局，但表格边框隐藏（看不出表格痕迹），其页面工整，文本、图片摆放对称，具有一定的规律；另一个页面凌乱，图文混杂，摆放杂乱。 提出问题：你喜欢那个页面的布局？用什么方法可以达到第一个页面的效果？——表格 师：同学们，你们在wps文字软件中已经学过了表格的相关知识，请问同学们，你们还知道什么是表格吗（可请学生回答）？ 师：对，表格就是将一定的内容按特定的行列进行排列就构成了表格。 师：在网页的制作中，表格的布局中是很重要的，它可以实现网页的精确排版和定位，还可以利用表格来美化网页。（表格布局网页的作用） 师：下面我就和大家一起来学习应用表格布局网页。 （揭题：应用表格布局网页结构） 2、学生讨论、交流，回顾wps文字软件中学习过的表格，领悟表格在Dreamweaver中的作用。 【设计意图】通过对比学习，培养学生知识迁移的能力。 （二）任务驱动、自主学习 1、展示一些由表格布局的网页及“绿色家园”网页，引导学生分析其表格结构，自然过渡到范例网站，分析表格的布局。 2、出示任务一：规划网页表格的布局。分层完成该任务，基础相对薄弱的学生仅要求读懂教材中的网页表格布局，知道规则，根据表格的行数与列数，调整至最终样式。 （1）分析表格结构 师：首先我们先来分析一下“绿色家园”网页的表格结构。请同学们看清楚这个网页的表格有几行几列呢？（与学生一起讨论） 生：7行4列（师：可提醒为3行4列，或者是3行3列） （2）编辑、修改表格 师：请同学们再仔细看一看，这个表格中，行与行有什么区别？请大家看看第1、7行，和其它行一样吗？这些行做了哪些处理呢？以及第2行至第6行中的第2列至第4列，这些列又做了哪些处理呢？（提问学生得出结论），原来它们是分别将单元格进行了合并。合并单元格的知识同学们还记得吗？这可是在wps文字软件中都