基于表格的页面布局教案
教材：清华大学出版社信息技术初中二年级下册
第1单元初建网站
第3课开篇之作——基于表格的页面布局
一、教学目标：
（1）进一步熟悉Dreamweaver 8的工作界面。
（2）掌握利用“文件”面板打开网站的方法。
（3）学会根据网站素材的分类规划网站的文件夹。
（4）熟练地创建并保存网页。
（5）掌握设置网页标题的方法。
（6）能够根据网页内容使用表格恰当布局。
（7）学会设置网页背景色及表格背景图像。
（8）初步认识并尝试使用标签选择器选择对象。
（9）熟练地使用快捷键在浏览器中预览网页效果。
二、教学重点：
1.在“文件”面板中规划站点
2.设置网页标题
3.设置网页背景
4.使用表格对页面布局
三、教学难点：
能够根据网页内容使用表格恰当布局
四、教学方法：
（1）任务驱动—体验探究法
（2）分层教学法
（3）网络探究教学法
（4）激励教学法
五、课时：1课时
六、教学过程。
表格布局网页课程设计一、课程目标知识目标：1. 让学生掌握网页设计中的表格布局基础知识，理解表格布局的原理和用途；2. 学会运用HTML标签创建表格，设置表格的行、列和单元格属性；3. 掌握CSS样式表中与表格布局相关的属性，如边框、间距、填充等。
技能目标：1. 培养学生运用表格布局设计网页的能力，能独立完成简单的网页布局；2. 提高学生在网页设计中的问题解决能力，能够调整表格布局以适应不同设备和屏幕尺寸；3. 培养学生团队协作和沟通能力，能在小组合作中共同完成网页设计任务。
情感态度价值观目标：1. 培养学生对网页设计的兴趣和热情，激发学生的创造力和创新精神；2. 培养学生关注用户体验，注重网页布局的美观性和易用性；3. 增强学生的信息素养，使学生认识到网络技术在信息传播中的重要作用。
课程性质：本课程为信息技术课程，以实践操作为主，结合理论知识，培养学生的实际操作能力和创新思维。
学生特点：学生处于初中阶段，对新鲜事物充满好奇，具备一定的计算机操作基础，喜欢动手实践。
教学要求：教师应注重理论与实践相结合，以学生为主体，引导学生主动探究，培养其独立思考和解决问题的能力。
同时，关注学生个体差异，因材施教，确保每个学生都能在课程中取得进步。
通过课程学习，使学生能够达到上述具体的学习成果，为后续的网页设计学习打下坚实基础。
二、教学内容1. 理解表格布局的概念与作用- 表格布局的定义与分类- 表格布局在网页设计中的应用场景2. HTML表格标签的使用- <table>、<tr>、<td>、<th>等基本标签的用法- 表格行、列、单元格的属性设置3. CSS样式表中与表格布局相关的属性- 边框样式：border、border-collapse、border-spacing等- 单元格样式：padding、margin、text-align、vertical-align等- 表格背景与颜色：background-color、background-image等4. 表格布局实例分析与操作- 分析经典表格布局案例，了解其设计思路和实现方法- 学生实践操作，完成一个简单的表格布局网页5. 响应式表格布局- 介绍响应式网页设计的基本概念- 学习使用CSS媒体查询调整表格布局以适应不同屏幕尺寸6. 表格布局在实际项目中的应用- 分析实际项目需求，确定表格布局设计方案- 学生团队合作，完成一个具有实际意义的网页设计项目教学内容安排与进度：第1课时：理解表格布局的概念与作用，学习HTML表格标签的使用第2课时：CSS样式表中与表格布局相关的属性，分析表格布局实例第3课时：实践操作，完成一个简单的表格布局网页第4课时：学习响应式表格布局，调整表格布局以适应不同屏幕尺寸第5课时：团队合作，完成实际项目中的表格布局设计教学内容与教材关联性：本教学内容与教材中关于网页设计、HTML和CSS的知识点紧密相关，涵盖了表格布局的基本概念、用法和实际应用，确保了教学内容的科学性和系统性。
应用表格布局网页教案设计与反思一、教学目标：1、知识与技能：（1）、了解表格在网页设计中的作用。
（2）、掌握网页中表格的制作方法、表格属性的设置方法以及单元格的修饰与编辑方法，能够在单元格中正确插入文字和图片。
（3）、能够根据网页设计内容，正确布局表格的结构，掌握表格嵌套的设计方法。
2、过程与方法：（1）、利用对比学习，培养学生知识迁移的能力。
（2）、通过用表格结构设计网页，使学生进一步理解表格的作用、功能及网页设计方法的多样性，培养学生的发散思维能力。
（3）、通过自主探究，使学生掌握软件的使用规则，培养学生自主学习的能力。
3、情感态度与价值观：（1）、通过对比学习使学生体验软件学习的一般方法及规律，提高学生自主学习的能力。
（2）、通过运用表格布局网页对象活动，进一步掌握各种不同对象属性的设置方法和规律，体验创造的快乐。
（3）、通过“动物——人类的朋友”网站的设计与制作，激发学生关爱动物、保护动物的责任感，从而进一步树立共同改善人类生存环境的意识。
二、教学重点难点：1、教学重点：（1）、了解表格在网页设计中的重要作用。
（2）、掌握插入、编辑表格的方法及表格的属性设置。
（3）、掌握单元格的修饰与属性的设置。
2、教学难点：（1）、表格的嵌套在网页设计中的应用。
三、教学过程：1、创设情境、导入新课（1）、展示两个页面并进行比较：一个使用表格布局，但表格边框隐藏（看不出表格痕迹），其页面工整，文本、图片摆放对称，具有一定的规律；另一个页面凌乱，图文混杂，摆放杂乱。
（2）、提问：你喜欢那个页面的布局？学生回答。
（3）、提出问题：有什么方法可以达到第一个页面的效果。
观察第三个页面，内容与第一个页面相同，显现页面中表格的边框。
（4）、学生讨论、交流，回顾Word中学习过的表格，领悟表格在FrontPage中的作用。
设计意图：通过对比学习，培养学生知识迁移的能力。
2、任务驱动、自主学习（1）、展示一些由表格布局的网页，引导学生分析其表格结构，自然过渡到分析教材中的例子，得出表格的布局。
