下载文档第一篇：用表格进行页面布局教案
省淳中信息技术深度研课教学设计
【课题】
用表格进行页面布局
【课程标准】
1.理解WWW、网页、主页、网站的基本概念及其相互关系。2.理解动态网页的概念，了解其工作过程。
3.能够使用常用的网页制作软件进行动态网页的制作与发布。
4.通过开发实践，学会简单网站的规划、设计、制作、发布与管理的基本方法。5.能够根据网站主题要求设计评价指标并对常见网站的建设质量与运行状况进行评价。
【学业水平测试内容和要求】
1.了解WWW、网页、主页、网站的概念及区别。2.了解什么是静态网页和动态网页。
3.了解动态HTML技术和服务器端动态网页技术的基本知识。4.了解网站开发的一般过程。
5.知道网站规划主要包含的内容，学会根据需求规划网站。
6.学会使用一种常用的网页制作软件制作网站，包括建立站点、新建网页、利用表格布局网页、修饰文字、插入多媒体信息、建立超级链接、制作简单的网页动态效果等。
7.了解如何在局域网或因特网上申请网站空间，发布网站。8.了解简单维护网站的方法。
9.了解网站评价的几个主要方面，能使用评价量表进行网站评价。
【学情分析】
网络技术应用是普通高中信息技术选修模块。计算机网络的出现改变了人们的生活方式，对人类产生了深远的影响，网络技术的学习将帮助学生更好地合理地去使用它。课时安排为7课时，本节教学设计为第1课时。
大部分学生小学或初中有了一定的计算机基础，掌握了计算机的基本操作技能，能够使用一些常用软件，并且对网络有一定的了解，但是也有个别零起点学生。因此，在教学中要兼顾到不同层次的学生。这一章在学业水平测试中要求较高，要求学生理解并能独立操作、迁移应用与熟练操作。所以，在课时安排上有所侧重，在教学设计中也要着重锻炼学生的操作能力。
【学习目标】
1． 通过学生网页与示例网页的对比，引导学生发现及归纳其差异：文字与图片位置合理，确定问题，即需要对网页进行页面布局。
2． 通过阅读材料和自主探究，归纳和总结网页布局的形式和方法。
3． 通过分析示例网页，找出解决上一问题的方法之一，即用表格进行页面布局。4． 通过学生自主探究，掌握表格的建立、边框粗细的设置、宽度高度的设置、单元格的合并与拆分。
5． 通过网页、表格、单元格的背景色设置，让学生在操作中发现并总结出网页、表格、单元格的应用范围不同，优先级为单元格>表格>网页。6． 通过完成学习任务：“圣诞节”首页面的制作，学会自主设计页面布局并理解表格在页面布局中所起的重要作用。
【学习重点】
表格的使用
【学习难点】
自主设计网页的布局并利用表格实现
【学习过程】
一、导入
学生对比观察两张网页：上节课的学生作品、示例作品，说说其差异？哪个网页更好？好在哪里？
->引出页面布局的概念
二、新授
【自主探究活动1】如何进行页面布局？
观察班级主页的页面布局，分析其布局特点：
网页布局常用方法有三种:纯表格布局、DIV+CSS布局、框架布局;->引出FrontPage中页面布局的工具——表格
->表格的作用：在网页制作中网页表格功能不仅仅是组织数据，更多地被用来进行页面布局
->表格布局的形式（部分示例）
【活动小结】
页面布局的形式：
页面布局的方法：
【自主探究活动2】如何使用表格？（1）表格的建立：
通过“表格”菜单、常用工具栏中的“插入表格”按钮在页面中建立表格（2）单元格的合并与拆分：（3）表格属性的设置：
表格大小：表格的高度、宽度（注意区分像素、百分比）对齐方式：左对齐、右对齐、水平居中、两端对齐 背景：背景图片、背景颜色 边框：粗细、颜色（4）单元格属性的设置：
单元格大小：单元格的高度、宽度（注意区分像素、百分比）对齐方式：分为水平对齐、垂直对齐 背景：背景图片、背景颜色 边框：颜色
【活动小结】：表格的相关操作
【自主活动3】网页、表格、单元格的优先级？
通过网页、表格、单元格的背景色设置，发现并总结出网页、表格、单元格的应用范围不同，优先级为：单元格>表格>网页。
【活动小结】优先级为：单元格>表格>网页
三、【活动任务】
（1）利用表格自主设计“圣诞节”网站首页面。（自建站点）
（2）在网页相应位置添加文字及图片素材（素材不要求全部使用，自选素材）。（3）保存网页。
参考样张（不要求与样张一致）：
四、作品展示
自评：
1、简述设计的想法；
2、优缺点 他评：优缺点，以及改进意见
教师评价：
1、优缺点；
2、针对优缺点给建议
五、总结
页面布局的常用方法：表格 布局方式
时间有剩余的话让学生修改自己的网页并提交。
【教学反思】
第二篇：使用框架布局页面
单元4——使用框架布局页面
学习目标：
理解框架布局的原理
掌握使用框架进行页面布局的方法 学习利用浮动框架嵌入插件
Dreamweaver CS3提供了一种很方便的可以进行网页布局的工具——框架。框架主要是用来把浏览器窗口划分为若干个区域，每个区域可以分别显示不同的网页。访问者浏览站点时，可以使某个区域的文档永远不更改，但可通过导航条的链接更改主要框架的内容。框架结构常被用在具有多个分类导航或多项复杂功能的Web页面上。
任务4.1 框架基本操作
在网页中，一个网页可以包含多个页面，此时需要用到框架。使用框架可以进行页面布局，把网页化分为几个区域。例如，一个水平框架用于放置Banner（也就是标题）；左垂直框架用于放置导航；右垂直框架用于放置正文。每一个框架单独使用一个网页，从而使页面设计简单化。框架除了用于页面布局，还可用于制作目录。包含框架的网页称为框架集。框架集定义了各个框架的结构、数量、大小和目标等属性。本章将介绍框架的使用方法。
4.1.1创建一个新的框架集网页
(1)运行Dreamweaver CS3，选择“文件”→“新建”命令，弹出“新建文档”对话框，在对话框中选择“示例中的页” →“框架集” →“上方固定，左侧嵌套”选项，如下图所示。
（2）单击“创建”按钮，弹出“框架标签辅助功能属性”对话框，如下图所示，在此可为每一个框架指定一个标题。
（3）单击“确定”按钮，即可创建一个上方固定，左侧嵌套的框架集，如下图所示。
4.1.2保存框架
每个框架包含一个文件，因此一个框架集会包含多个文件，在保存网页时，要将整个网页文档都保存下来。操作步骤如下：
（1）选择“文件” →“保存全部”命令，整个框架边框会出现一个阴影框，同时会弹出“另存为”对话框，命名为“index.html”，表示整个框架集的名称。
（2）单击“保存”按钮，弹出第二个“另存为”对话框，右边框架内侧出现阴影，命名为“main.htlm”，表示右边框架即主框架的文件名。
（3）单击“保存”按钮，依次弹出第3个和第4个“另存为”对话框，分别命名为“left.html”和“top.html”，表示左边框架和上方框架的文件名。如下图所示：
4.1.3选择框架和框架集
在Dreamweaver中，打开“窗口”菜单，选择“框架”命令，可以打开“框架”面板，如下图所示
在面板中单击要选择的框架，被选中的框架边框内侧会出现，如下图所示。或者按键，在要选择的框架内单击鼠标左键也可选中。
如果要选中框架集，可以在框架面板中单击框架集的边框，此时框架集的边框变成虚线，如下图所示。
在文档窗口中，单击文档窗口中要选择的框架，即可选中该框架，如下图所示。
在文档窗口中，当鼠标指针靠近框架集的边框并且出现上下箭头时，单击整个框架集的边框，可以选择整个框架集，如下图所示。
4.1.4编辑框架
（1）拆分框架
制作框架网页可以根据Dreamweaver自定义的框架集来创建，也可以自行设计各种类型的框架集结构，以符合设计要求。自行设计框架集结构，其实就是拆分框架，也可以使用鼠标拖动框架集的外边框直接进行拆分。操作步骤如下：
将光标放置在如下图所示的右侧框架中，选择插入栏的“布局”，在“框架”下拉菜单中单击“底部框架”按钮，如下图所示。
拆分后将变成如下图所示的框架。
按键选择左侧框架，用鼠标向右拖动框架的右边框，将其拆分成如下图所示的框架。
将光标放置在上方框架中，选择“修改” →“框架集” →“拆分上框架”命令进行拆分，如下图所示。还可以选择“拆分左框架”、“拆分右框架”、“拆分下框架”命令进行拆分。将光标方在框架的4个角，当光标变成分成4个，如下图所示。
时，拖动到框架的中间，可以将框架拆
提示：如果要创建3个框架，首先创建2个框架，然后拆分其中一个框架，不要将4个框架转换成3个框架，因为合并两个相邻框架必须编辑框架集代码。
（2）删除框架
用鼠标将框架边框脱离编辑窗口即可删除框架，然后框架中有未保存的内容，Dreamweaver会提示保存该文档。
通过关闭显示框架集的文档窗口，可以删除框架集，如果该文件已经保存，可以删除该文件。
如果边框拖曳错了，只要用鼠标把需要删除的边框拖到父框架的边框上或脱离页面即可删除。
（3）链接框架
要在一个框架中使用链接打开另一个框架中的文档，必须设置链接目标，链接的目标属性指定在其中打开链接的内容框架或窗口。如果导航条位于左框架，而希望链接的材料显示在右侧的主要内容框架中，则必须将主要内容框架的名称指定为每个导航条链接的目标。当访问者单击导航链接时，将在主框架中打开指定的内容。
在“属性”面板中的“目标”下拉列表中选择mainFrame选项，用来作为指向链接的目标。
在“属性”面板中的“链接”下列列表中选择链接文档应在其中显示的框架或窗口。●_blank：打开一个新窗口显示目标网页。
●_parent：目标网页的内容在父框架窗口中显示。●_self：目标网页的内容在当前所在框架窗口中显示。●_top：目标网页的内容在最顶层框架窗口中显示。
任务4.2 利用框架制作后台管理系统界面
在网页中，一个网页可以包含多个页面，此时需要用到框架。使用框架可以进行页面布局，把网页化分为几个区域。下面我们将通过制作如下图这样一个利用框架制作后台管理系统界面的实例来说明个中的方法与技巧。
首先我们要分析一下整个页面布局情况，这个页面可分为顶部框架、左侧框架和右侧框架三个框架，其中顶部框架为固定区，左侧框架为导航区，而右侧框架则为内容区。页面的结构如下图所示。
下面让我们来一步步地利用框架制作出这个页面：
（1）当然我们要先在Dreamweaver中新建一张HTML网页，运行Dreamweaver CS3，选择“文件”→“新建”命令，弹出“新建文档”对话框，在对话框中选择“示例中的页” →“框架集” →“上方固定，左侧嵌套”选项，如下图所示。
（2）单击“创建”按钮，弹出“框架标签辅助功能属性”对话框，如下图所示，在此可为每一个框架指定一个标题。
（3）单击“确定”按钮，即可创建一个上方固定，左侧嵌套的框架集，如下图所示。
（4）接下来，我们要分别设置三个框架的页面属性，全都设置为如下图所示的页面属性。
（5）设置完成后，我们便要保持框架集，具体步骤为：
a)选择“文件” →“保存全部”命令，整个框架边框会出现一个阴影框，同时会弹出“另存为”对话框，命名为“index.html”，表示整个框架集的名称。
b)单击“保存”按钮，弹出第二个“另存为”对话框，右边框架内侧出现阴影，命名为“main.htlm”，表示右边框架即主框架的文件名。c)单击“保存”按钮，依次弹出第3个和第4个“另存为”对话框，分别命名为“left.html”和“top.html”，表示左边框架和上方框架的文件名。如下图所示：
提示：使用框架布局网页是一种高效的网页设计方法，但是只有那些具有特殊页面结构、使用框架的网页才能进行框架布局。
（6）保存好之后，我们将要给各框架插入表格，同时设置表格的背景图像。首先我们将光标定位在top框架上，“文档”工具栏上文件名变为“top.html”，“框架”面板中的top—Frame框架高亮显示，表面此时处于top.html文件的编辑状态。单击页面快捷菜单上的在框架中插入一个1行1列的表格，设置宽度为1002像素，如下图所示：
按钮，表格成功插入后，选择images文件中图像名为jm_01.jpg的图作为该表格的背景图像，设置表格高度为90，如下图所示：
接下来我们将光标移到left框架上，同样的选择快捷菜单上的按钮，插入1行1列，宽度为125像素的表格，插入后选择images文件中图像名为jm_02.jpg的图作为该表格的背景图像，设置表格高度为490，如下图所示：
接着将光标移到left框架与main框架的分界线，当光标变成为125像素，如下图所示。
时，设置left框架的列值
接下来将光标移到main框架上，同样的插入1行3列，宽度为100%的表格，如下图所示。（提示：设置表格宽度为100%，可以使表格内容随框架边框的移动而移动。）
表格成功插入后，将光标移到表格的第一列，将该列属性设置为宽34，高490，背景为images文件中图像名为jm_03_01.jpg的图像，如下图所示。
设置完成后将光标移到到表格的第二列，无需改变宽度和高度，直接选择images文件中图像名为jm_03_02.jpg的图像作为该列的背景。
接着将光标移到第三列，将该列属性设置为宽34，背景为images文件中图像名为jm_03_03.jpg的图像。
（注意：
排版布局用的表格，它的边框、间距、填充这三个参数都应设为0.因为排版布局用的表格应为不可见的表格，其作用只是用作内容定位和页面布局，不用显示出来。
如果需要整个网页居中显示的话，可以分别选中这三个表格在属情面板中设为居中对齐就可以了。
另外大家会发现表格很小没有设定高度，但是我们不用急于设定高度，我们可以住里面放内容，让内容把表格蹭大。）
上面的步骤完成之后，后台管理系统界面的基本结构就出来了，如下图所示：
（7）接下来我们来设置导航区部分，我们依然利用表格来进行排版，将光标定位在leftFrame框架中，编辑left.html文件，插入一个4行1列的表格，设置宽度为100%，将第一行拖曳至与背景图中的横线重叠，另外三行设置高度为30像素，输入如右图所示的链接文字。
（8）接下来我们打开first文件中文件名为main.html的网页，接着选择“文件”→“另存为”命令，弹出“另存为”对话框，在文件名中输入“main1.html”，单击保存按钮，按此操作增加多3张main.html网页。如下图所示。
打开main.html网页，在表格的第二列中输入“欢迎光临！”，设置水平居中对齐，大小36，粗体字。接着打开main1.html网页，在其中插入如下图所示的个人信息表格。
接下来打开main2.html网页，将image文件中名为bg.jpg的图片插入进去，然后打开main3.html网页，输入如下所示的文字：
（9）主框架网页文件设置好后，我们回到index.html文件中设置导航区的文字链接，选中“主菜单”文字，设置链接为main.html，目标为mainFrame，如下图所示：
选中“个人信息表”文字，设置链接为main1.html，目标为mainFrame。.同样的，设置“图片”的链接为main2.html，目标为mainFrame，“DW简介”的链接为main3.html，目标为mainFrame。.（10）选择“文件” →“保存全部”命令，保存所有网页文件，按
分别点击各链接文字，top框架和left框架都保存不变，而main框架中的内容将会进行改变，如下图所示。
希望通过这一个简单例子的制作能让大家了解网页框架的排版布局，并能掌握其中的方法与技巧，尤其是框架与表格的结合布局技巧。
任务4.3 利用浮动框架嵌入天气预报
在另一个框架集内的框架集成为嵌套的框架集。一个框架集文件可以包含多个嵌套的框架集。大多数Web网页实际上都使用嵌套的框架，在Dreamweaver CS3中大多数预定义的框架集也使用嵌套。如果在一组框架集里，不同行或不同列中有不同数目的框架，一般要求使用嵌套的框架集。下面将为大家讲解如何利用浮动框架嵌入天气预报。
3.1.1什么是浮动框架？
浮动框架（iframe）是指在网页文档中，以框架形式显示嵌套网页文档、主页、公告板和记事本的功能，利用这一功能，可以在指定的位置以指定的大小显示其他网页文档或站点，例如滚动新闻等。
3.1.2如何利用浮动框架嵌入天气预报呢？
其实呢，利用浮动框架嵌入天气预报很简单，首先呢我们可以从网上找到一些天气预报的插件，找到该插件的代码后复制，如下图所示。
找到我们需要的天气预报插件代码之后，我们便将该代码粘贴到Dreamweaver CS3中网页的代码中的
到之间的位置。如下图所示。按
第三篇：表格基础和DIV+CSS网页布局基础教案（模版）
本部分任务
制作“宝贝分类”页面 制作“公告栏”页面
为什么使用表格
表格应用场合 具体内容见ppt 表格的基本结构
具体内容见ppt
表格的基本语法
Table标签 Tr标签 Td标签 具体内容见ppt 注：表格标签中没有列标签。
如何创建表格
具体内容见ppt
跨行跨列的表格
什么是跨行跨列的表格 跨多行的表格
跨多列的表格 具体内容见ppt
表格的美化修饰
什么是表格的美化修饰 如何设置表格的尺寸和边框 width用来设置表格的宽度 height用来设置表格的高度
border用来设置表格边框尺寸大小 bordercolor用来设置表格边框颜色 如何设置背景
background属性用来设置表格的背景图片
bgcolor属性用来设置表格、行、列的背景色。HTML中颜色的表示方式：“#EBEFFF”是用RGB表示的一种颜色值，RGB指的是红绿蓝。
如何设置对其方式
align属性用来设置表格、行、列的对齐方式 为什么要使用填充属性 具体内容见ppt 什么是填充属性和间距属性
border(边框的厚度)cellpadding(单元格填充)cellspacing(单元格间距)如何使用填充、间距属性 border(边框的厚度)cellpadding(单元格填充)cellspacing(单元格间距)
表格的布局
什么是表格布局 使用表格进行布局
用表格对网页的内容进行整体控制
DIV+CSS规划页面
什么是CSS？
为什么要使用CSS？ 如何使用CSS？
DIV+CSS如何规划页面？
什么是CSS？
CSS（Cascading Style Sheet）可译为“层叠样式表”或“级联样式表”，它定义如何显示 HTML 元素，用于控制Web页面的外观。
为什么要使用CSS？
CSS的特点
便于页面的修改。便于页面风格的统一。减少网页的体积。为什么要使用CSS？ 使用CSS布局的优点 表现和内容相分离 提高页面浏览速度 易于维护和改版
CSS样式表极大地提高了工作效率
样式通常保存在外部的.css 文件中。通过仅仅编辑一个简单的 CSS 文档，外部样式表使你有能力同时改变站点中所有页面的布局和外观。
由于允许同时控制多重页面的样式和布局。作为网站开发者，你能够为每个 HTML 元素定义样式，并将之应用于你希望的任意多的页面中。如需进行全局的更新，只需简单地改变样式，然后网站中的所有元素均会自动地更新。内联定义
内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。
如何使用CSS？
只针对标签内的元素有效，因其没有和内容相分离，所以不建议使用。 定义内部样式块对象
你可以在你的HTML文档的和
标记之间插入一个块对象。定义方式请参阅样式表语法。这样的样式表只能针对本页有效。不能作用于其它页面。 导入样式——Style导入
与链入外部样式的功能基本相同，只是语法和实现方式上有差别。
它一般常用在另一个样式表内部。如layout.css为主页所用样式，那么我们可以把全局都需要用的公共样式放到一个global.css的文件中，然后在layout.css中以@import url(“/css/global.css”)的形式链接全局样式，这样就使代码达到很好的重用性。 导入样式——Link标签导入
使用Link标签代替Style标签来导入CSS文件。
它的好处是不但本页可以调用，其它页面也可以调用，是最常用的一种形式。
除了内联定义是直接作用于标签本身以外，其他CSS使用方式都需要建立标签和样式之间的映射关系。主要的映射关系有： id映射 class映射 标签映射 混合映射 CSS样式和页面标签元素的对应方式
几种样式的优先级
id优先级高于class 后面的样式覆盖前面的 指定的高于继承 行内样式高于内部或外部样式
总结原则：单一的(id)高于共用的(class)，有指定的用指定的，无指定则继承离它最近的。
DIV+CSS如何规划页面？
请关注上机实验3
By---QQ69848627
第四篇：学生用空白表格教案
执教者
于欣
授课时间
202_-4-22 授课班级
四年一班
教学内容
三角形三条边的关系（四年级下册第82页的内容）
教学 内容分析
教育不只是一种简单的“告诉”。学生拥有自己的独立思考水平和认知系统。当他们遇到一个新的待解决的问题情境时，他们会自觉而主动地从自己已有的知识架构和认知经验中摸索、收集、调动处理问题的方法和策略。三角形边的关系这一内容是新教材新增加的内容，并安排在第二学段。通过这一内容的学习，使学生在已经建立三角形概念的基础上，进一步深化理解三角形的组成特征，加深学生对三角形的认识，同时，也为以后学习三角形与四边形及其他多边形的联系与区别打下基础。
根据新课标的精神，要改变学生学习的方式，让学生经历“数学化”、“做数学”等过程，并注重与生活实际紧密联系，学有价值的数学。根据这一教学内容在教材中所处的地位与作用，以及新课标的要求，我认为设计这节课的理念是：活动参与、自主建构，联系生活、应用数学。
教 学 目 标
知识目标
知道和理解“三角形任意两边的和大于第三边”，能用它解释一些生活现象，解决一些简单的生活问题。
能力目标
通过动手操作、小组验证，体验探索三角形边的关系的过程，培养猜测意识和自主探索、合作交流的能力。
情感目标
经历探究、发现、验证“三角形任意两边的和大于第三边”的过程，体验合作学习和数学学习的快乐。
教学重点
三角形三边关系的实验与探究
教学难点
三角形三边关系的探究过程。
教学关键
使学生理解三角形边的关系
教学准备
课件、三根小棒、三边关系试验报告单每组四根小棒
教学方法
自主探究小组讨论
课程类型
学科课程
教 学 过 程
活动的组织与实施（含教师活动和学生活动）
设计意图
时间分配
一、复习旧知，导入新课
我手上拿的是什么？（三角板）它是什么图形呢？（三角形）谁来说说什么是三角形？怎样理解这个“围”字（端点首尾相连）。同学们还知道三角形的哪些知识？关于三角形的知识还有很多，我们继续往下看。
复习旧的知识，使新旧知识之间有很好的连接
2分钟
二、动手操作，发现问题
师：老师这里有三根小棒，分别长3、5、10厘米，这3根小棒能围成一个什么图形? 生：三角形。
师：谁愿意上来围一围？围的时候要注意小棒首尾相连。师：这三根小棒为什么围不成三角形呢？三角形的三条边之间到底有什么关系呢？今天，我们就一起来研究三角形的三边关系（板书课题）
三、猜想验证，发现规律
师：我们发现这三根小棒不能围成三角形，怎样做才能围成三角形呢？ 生：换一根小棒
师：怎样换？同学们说的都是你们的猜想（课件演示猜想1）
1、学法指导 师：你们的这些猜想是否正确，三角形的三条边到底有什么关系？我们可以通过做实验来验证一下，现在老师给同学们准备了一些材料：3厘米、5厘米、8厘米、10厘米小棒各一根一起试着围一围三角形。同学们亲自动手摆一摆，拼一拼，看看有什么结果。先看要求（大屏幕）操作要求：（1）、2人一组合作完成四种拼法（2）、围三角形时要注意首尾相连。（3）、完成后，填写好活动记录表准备交流
2、动手操作，寻找规律（师巡视，并指导）
3、交流汇报，探究规律。师：哪个小组愿意来汇报。小组上台展示，3厘米、8厘米、10厘米能
3厘米、5厘米、10厘米不能 3厘米、5厘米、8厘米不能 5厘米、8厘米、10厘米能 师：其它组有不同意见吗？
师：仔细观察四种结果，有的围不成，而有的却能围成。这是为什么呢？先看不能围成三角形的每组小棒的长度之间有什么关系?说说你能发现些什么？同桌讨论一下。能围成三角形的这几组小棒长度之间又有什么联系？
三根小棒要围成三角形，必须满足什么条件？
通过刚才的实验和分析，你发现三角形三条边长度之间有什么关系吗？ 先看不能围成三角形的这组情况，谁愿意说说3、5、10这三根小棒为什么不能围成三角形？ 生：
师：其他同学赞同吗？谁再来说一说。
师：我明白了，3厘米的边是不能和5厘米、10厘米的边围成三角形的，因为这两条边之和小于第三条边。（板书3+4〈8）你很会观察。（课件演示）师：再说3、5、8这三根，同学们有些争议，到底它们能不能围成三角形呢？不能，为什么？有谁愿意谈谈？
生：3+5=8 重合了不能
师：是这样吗？（课件演示）请看大屏幕。
师：真的是这样，通过演示现在明白这个同学的意思了吗？谁愿意再来说一说。
师：通过以上的动手操作和探究分析，我们发现了当两边之和小于、等于第三条边时，这3条边是围不成三角形的。
师：那么怎样才能围成三角形呢？
生：两条边加起来要大于第三边就行了。师（板书）：两边之和大于第三边
师：我们来看看能围成三角形的这两组是不是这样的呢，3+8＞10、8+5＞10 看起来是这样的。
3）师：回头看不能围成的情况，也有3+8＞4、4+8＞3、3+8＞5、5+8＞3（两边之和大于第三边）的情况，怎么就不能围成三角形呢？ 生：有一种不符合就不行了
师：看来只是其中的两条边之和大于第3条边是不完整的，生1：加“任何”、“任意”
生2：其他两边之和都大于第三条边。生3：无论哪两条边之和都要大于第三边。
4、归纳小结
师：看来只是其中的两条边之和大于第3条边是不完整的，师：这句话概括说就是：任意两边之和大于第三边（板书：任意）师：是这样吗？再挑选一组能围成三角形的三条边，来验证： 生：3+4＞5、3+5＞4、4+5＞3，师：这个例子证明了你的想法是对的，这两个三角形的三边关系都是：任意两边之和大于第三边（齐读）
四、运用结论，加深理解
师：我们已经知道三角形的三边关系，下面让我们来判断几道题目
1、快速判断。
3cm
4cm
5cm
（）4cm
7cm
4cm
（）2cm
6cm
3cm
（）1cm
2cm
3cm
（）
师：为什么围不成？你是怎么判断的？
1、出示P82例3图
这是小明上学的路线图，同学们仔细看一看，他可以怎样走？
2、这几条路中，哪条最近？这是为什么呢？ 老师在生活中还看到了这么一种现象：（课件演示）公园里有一条这样的路，路的两旁是草坪，为什么很多人都往草坪中间走？ 师：今天你有什么收获？
其实数学就在我们身边，只要你平时多观察、多动脑，你一定能成为数学的好朋友。
开发学生的动手能力和观察能力，在实践中发现问题并尝试找出问题的原因 反复试验，加深同学的理解，猜想验证，发现其内在规律 增强小组合作意识以及动手操作能力 锻炼同学发言及表达能力
通过小组讨论，发现问题，尝试找出原因，激发学生自主学习的精神 在教学过程中不断引导，自主发现问题，加深对知识的理解和巩固 运用练习，巩固学习的知识，加深印象
3分钟 5分钟 7分钟 3分钟 5分钟 10分钟 5分钟
板书设计
三角形边的关系 两边之和大于第三边
教学反思
本节课巩固应用部分的三个环节，是从学生的学习认知规律出发，遵循从易到难的原则，分巩固性练习、应用性练习、拓展性练习三个层次。并与学生身边的生活例子相结合，既能体现数学教学生活化的新理念，又能有效地激发学生的学习兴趣，拓展学生的思维，提高学生的数学学习能力。
以上教学设计，以学生的学习心理为基础，通过简单的动手操作，创设有效的“数学问题情境”，激发学生强烈的探究欲望。通过引导学生大胆的猜想，积极的验证和合理的归纳，使学生学到新知识的同时，经历数学知识的形成过程，这样的教学将会有效地激活了学生的数学思维，使学生在知识、能力，以及情感态度等方面都将得到较好的发展。又通过摆图形，寻找数据间的关系；又通过数据的整理和分析，确定图形的存在性和图形具有的性质，使数形紧密结合，渗透了数形结合的思想方法；同时对不同类型三角形都具有的共性归纳总结，渗透了数学的归纳思想。教学中始终以这一核心的思想为教学灵魂，时时渗透，处处体现。
第五篇：《用表格为网页布局》教学设计说课稿
《用表格为网页布局》教学设计
《用表格为网页布局》是浙江教育出版社信息技术教材八年级上册第三单元第十五课的内容。本课是在学生学习建立网站站点后，开始尝试做第一张网页。通过本课的学习，是对表格知识的巩固和深入，更重要的是为后面的网页制作打下基础，所以本课是本单元的重点，起到承上启下的作用。前阶段学生已经学习了文本编辑、图片插入、网络基本知识、文件操作等内容，很多知识都可以迁移到本课来。八年级学生对电脑基本操作已经不再陌生，已经能够独立完成一定要求的学习任务，但是学生对于特定任务进行分析，整体规划能力相对还是比较欠缺的。本节课教学的作业设计中，我将注重培养学生这个方面的能力。根据课程标准和教材内容，我将本课的教学目标设计成三个方面：
知识与技能目标：
1、了解主页布局的常见布局图，并明确主页设计的基本要素；
2、理解用表格排版主页的作用；
3、掌握在网页中插入表格进行排版的技能；
4、学会设置表格属性，对表格进行编辑修改。过程与方法目标：
通过欣赏、借鉴他人的主页布局，取长补短，为自己的主页布局做铺垫。情感、态度与价值观目标：
1、通过作品欣赏，让学生意识到取长补短的可贵性，及在借鉴基础上的创新的重要性；
2、用表格排版网页解决网页版面杂乱问题，培养在遇到困难时灵活运用各种方法解决，强化建站信心。
为了实现这个教学目标，我将教学重点确定尾插入表格进行排版和更改表格属性。根据学生的思维障碍和学习情况的分析，我将难点定位于灵活掌握排列表格和设置表格属性。只有正确设置了表格的属性，才能美化和完善网页的布局。为了更好的突出教学重点，突破教学难点，圆满的完成教学任务，我在课前截取了典型的旅游网页图片素材并设置成框架形式让学生一目了然地看到表格所起的作用，并设置了几个学生需要突破的任务。
信息技术课是培养学生对信息技术的兴趣和意识，使学生养成良好的信息素养为宗旨，强调学生的自主学习和研究学习。上新课前，我要求学生两两合作，通过传统手工绘制草图的学习方式，设计你需要建立网页的框架布局，同时学会和与他人合作。为了让学生主动的参与学习，我在设计教学流程时，准备以学生“任务驱动”为主线，以教师为主导，以学生为主体，通过学生自主探究，合作交流完成教学任务。根据教学内容和学情的分析，本课我采用的教学方法有：讲解、练习、任务驱动、小组合作，学生可以通过小组合作、给定的任务等将本课学习用于实际操作。我将结合教学过程来具体分析。整个教学过程我分为以下四个部分来完成：
一、通过旅游网站的解析，直接引入新知，通过删除网页的背景、文字、图片后，呈现出一张网页的背后其实是表格起到重大的作用。所以学生心中就有个概念，原来做网页的前提是用表格固定框架。并结合书本p58页，了解网页常见的布局图。直觉、兴趣成为学生产生学习动力最直接的因素。
二、本节课的任务是让学生设计有关龙泉旅游的网页布局，我先让学生利用草图形式设计宣传龙泉旅游网页的框架，做这个的目的是为了学生能更顺畅、不会盲目的在电脑上操作，这为学生完成任务2提供基础。
三、巩固旧知，学习新知，解决问题。建立网页的前提是建站，学生对站点的认识已经不会陌生，根据教师提供的站点，再将网页布局呈现在主页上（学习新知）。通过例子的演示，学生将草图转移到网页上来。在操作过程中学生可能会遇到一些解决不了的问题，我会引导学生勇敢地提出问题，并告诉学生解决问题的方法：（1）自己思考（2）向同学和老师寻求帮助。（3）通过教材操作步骤P59，进行知识迁移。针对学生中普遍存在的问题，我将利用广播讲解演示，解决问题（学生应该会碰到在单元格内插入过大的图片后，影响相邻单元格位置变化，这里所要涉及的是表格的嵌套）；针对个别学生的问题，我将个别指导。设计意图：这个环节充分体现了学生的自主性，让学生不断尝试中发现问题，师生合作解决问题。体现了学生是学习的主体，学生把教材、同学、教师、电脑都作为 学习的帮助者。
四、作品展示及评价。根据课前设定好评价量化表，抽取部分学生作品展示给同学们，通过学生对自己作品的评价打分（自评），再让别的同学进行评价打分（他评）。但是课堂时间毕竟有限，让每位学生对自己设计的作品进行评价，然后同组之间进行互评，取长补短，学生可以从中找到自己的缺点和不足之处，也能学习到别人的长处。相互评价，也是获得最佳学习效果的重要途径之一。（问题补充：参考诸多网页，一般网页的边框是不显示的，如何将表格的边框线从页面中赶走，这里需要利用表格的属性进行隐藏边线，从而使网页页面更加美化。）
五、课堂小结。强调页面布局在网页设计中的重要性，肯定同学操作过程中好的方面，并及时鼓励学生。要求同学课后多浏览有关网页，设计出更好的作品。
六、作业布置：同学思考以下问题（1）今天这节课我学会了什么？并写下本节课的收获。（2）课后再思考并绘制个人主页的页面布局。通过学生自己归类总结，既能提高学生的语言组织能力和写作能力、辨别力，又能提高学生的信息素养，这正是我们信息技术课所致力要求的目标。在整个教学设计中，我感觉本节课学生的学习任务和目标很明确，要让学生主动思考、获取。体现了学生的自主探究学习。
