下载文档原格式
制作框架网页【63号教案】【64号教案】信息技术教学设计方案【65号教案】第三节电生磁教学设计一、教学目标（一）知识与技能1．认识电流的磁效应，初步了解电和磁之间有某种联系。
2．知道通电导体的周围存在磁场，通电螺线管的磁场与条形磁铁的磁场相似。
3．会用安培定则判断通电螺线管的磁场方向。
（二）过程和方法1．观察和体验通电导体与磁体之间的相互作用，初步了解电和磁之间有某种联系。
2．探究通电螺线管外部磁场的方向。
（三）情感、态度与价值观通过认识电与磁之间的相互联系，使学生乐于探索自然界的奥妙。
二、重点和难点1．重点：奥斯特的实验揭示了电流的磁效应2．难点：通电螺线管的磁场及其应用三、学生情况分析电流的磁效应是电磁现象的重要基础，也是学生全新的知识。
奥斯特实验让学生亲自动手做，有利于加深学生对知识的认识和理解。
由于器材的限制，教师可以演示通电螺线管的实验，让学生讨论描绘通电螺线管的磁场形态，也能达到学生探究的目的。
四、实验器材小磁针、电源、导线、螺线管五、课时安排1课时六、教学设计（一）复习提问1．磁极间的相互作用规律？它们是通过什么发生的？2．磁场的方向是如何规定的？（二）引入课题引入新课：早在2000多年前，我们的祖先就发现了磁现象，并且发明了指南针，为人类的航海事业做出了巨大的贡献。
在历史上相当长的一段时间内，人们认为电和磁是互不相关的。
到了19世纪初，一些哲学家和科学家意识到，各种自然现象之间存在着相互的联系，并进行了长期的探索。
直到1820年，丹麦的物理学家奥斯特在课堂上做实验时偶然发现：当导线中通过电流时，它旁边的磁针发生了偏转。
这个意外的引起了奥斯特的极大兴趣，他又继续做了许多实验，终于证实电流的周围存在着磁场，在世界上第一个发现了电与磁之间的联系。
（三）进行新课1．演示电流的磁效应演示68图9.3-1奥斯特的实验在磁针上面有一条直导线，当直导线触接电池通电时，你能看到什么现象？断开电源、改变电流的方向，又能看到什么现象？结论：通电导体的周围有磁场，磁场的方向跟电流的方向有关，这种现象叫做电流的磁效应。
实训九框架型网页的制作课时：2 班级：12计算机班实训日期：2013-4-19 编写时期：2013-4-10一、实训目的1、掌握框架集和框架的创建和保存；2、掌握框架、框架集的编辑和属性的设置；3、掌握框架超级链接。
二、实训内容利用框架制作如下图所示的页面效果，框架集网页为index.html，其中：图1为打开index.html的效果图；图2 单击左侧“动物类”的网页效果图；图3 单击左侧“插花类”的网页效果图；图4 单击左侧“海洋类”的网页效果图；图5 单击左侧“邮票类”的网页效果图；图6 单击左侧“诗歌”的网页效果图，其中诗歌内容在“si.txt”文档中；图7 单击左侧“散文”的网页效果图，其中散文内容在“爱情人生.doc”文档中。
图1 图2图3 图4图5 图6图7三、知识点分解该实训主要涉及的知识点就是框架和框架集的保存以及设置超链接的目标框架。
四、实训步骤1、选择[文件]/[新建]菜单命令。
2、在“新建文档”对话框“类别”列表中选择“框架集”选项。
3、从“框架集”列表选择相应的框架集，如图所示。
4、单击按钮，则会弹出“框架标签辅助功能属性”对话框，为每一框架指定一个标题，单击“确定”按钮，则上方框架标题为“topFrame”，左侧框架标题为“leftFrame”，右侧框架标题为“mainFrame”。
5、选择[查看]/[可视化助理]/[框架边框]菜单命令，则在文档中就会出现框架的边框。
6、选择[文件]/[保存全部]菜单命令，将框架集文件保存为index.html，上方框架文件保存为top.html，左侧框架文件保存为left.html，右侧框架文件保存为main.html。
注意：对于框架集和框架文件保存的文件名，一定要做的看到文件名就能知道该文件对应与该框架集中的哪个框架。
7、选择[窗口]/[框架] 菜单命令，打开“框架”面板，直接在面板中单击最外面的框架集，打开属性对话框，设置“行值”：119px，再选择里面嵌套的框架集，设置“列值”：253px。
框架所谓框架就是将一个窗口划分为若干个独立的子窗口（或区域），每个子窗口可构成一个独立的网页，即可有各自的标题、背景、内容等，对各个区域可进行独立的操作。
如为了使网页的版面结构清晰，我们可以对网页进行适当的区域分割，使网页中不同内容在不同区域中显示，达到布局合理的目的。
1、创建框架创建框架又叫创建框架集页面，有三种方法：（1）单击主菜单“文件”→“新建”命令或者单击标准工具栏上的按钮，弹出“新建文档”对话框，然后选择“框架集”如图1所示，选择所需的结构。
图1新建框架集窗口（2）在已打开的空页面中，单击主菜单“插入”→“框架”命令，在其子菜单中可以选择不同的框架样式，单击其中一种命令就可在编辑页面中插入相应的框架。
（3）在已打开的空页面中，直接单击“插入”面板组上的“框架”面板，然后选择所需的结构，如图2所示。
图2框架面板如选择所示的第一种结构：垂直拆分。
“显示设计”视图自动被拆分为左右两个窗口，显示如图3所示。
图3垂直拆分另外，可以通过单击主菜单“窗口”→“其它”→“框架”来显示或隐藏系统所提供的一个帮助编辑的“框架”面板。
框架分割线，可单击“文档”工具栏的“视图选项”按钮（弹出如图4所示的菜单）→“可视化助理”→“框架边框”进行显示和隐藏。
图4选择框架边框显示（隐藏）2、编辑框架集页面（1）手工调整框架页如图3所示。
①将鼠标移至区域之间的边框线，鼠标光标变成双向箭头，然后左右拖动可以调整左右窗口的大小。
②如需将页框再进行分割，可先在“框架”面板中选中对应的框（此时框线会变粗），如图5所示的小窗口。
再在“显示设计”视图中拖动相应边框至合适位置即可。
图5框架再分割如在“框架”面板中选取右框，拖动“显示设计”视图的右框下边框，即可将右框分割成一上下框结构，如图5所示。
③删除某个页框时，只需拖动其边框线至整个编辑窗口的外边框即可。
（2）通过属性检查器设置框架页在“框架”面板中，单击外框（或单击“显示设计”视图中各框架间的分割框线）以选取整个框架，属性检查器就会切换成框架集属性检查器，如图6所示。
统一风格——制作框架网页教学目标：1.掌握表格的拆分与合并。
2.学会创建框架、制作框架网页和保存框架网页。
3.能制作鼠标经过图像的动态效果。
4.学会制作超级链接和电子邮件链接。
5.掌握目标设置在网页制作过程中的作用和方法。
教学重点：创建框架和制作框架网页。
教学用具：多媒体网络教室。
教学方法：讲解、学生练习。
时间安排：2节课教学过程：一、课程导入一个网站常常划分成多个区域，对于每个区域来说，其色彩搭配、网站风格、网站标题、网站导航都是统一的。
为了能做到这种统一，我们每个网页中相同的内容固定在一个区域。
我们通过创建框架制作框架网页，可以轻松实现网页结构划分和布局。
看一个使用了框架的网页范例，师大资源网（）。
使大家对框架有一个初步的了解和感性认识。
二、新课讲授1.新建站点（1）将“安全自护我能行”站点文件夹safe传到学生机。
（2）新建站点。
2.创建框架和框架集制作框架网页的前提是创建框架，并根据网页布局设计框架的样式，然后再具体设计制作网页的内容。
（1）规划“框架”文件夹。
（2）新建框架集步骤1：执行“文件”——》“新建”命令，打开“新建文档”对话框，在“类别”中选择“框架集”。
步骤2：单击“创建”按钮，在弹出对话框中单击“确定”，框架创建完成。
（3）保存框架集步骤1：执行“文件”——》“保存全部”命令，保存到frame文件夹中。
步骤2：重命名框架集文件和每个框架文件。
（4）设置框架和框架属性框架的属性包括框架名称、源文件、边距、尺寸、滚动条等；框架集的属性包括框架面积、框架边界颜色、距离等。
步骤1：执行“窗口”——》“框架”命令，打开框架面板。
步骤2：单击“框架”面板中的框架边缘部分，选中框架集，在“属性”面板中设置框架集的属性。
步骤3：单击“框架”面板中的topFrame框架和mainFrame框架，在“属性”面板中设置所选框架的属性。
（5）制作框架网页①制作上框架网页步骤1：打开网页top.html，设置背景颜色#EAFF8A，上边距为0像素。
《搭建框架》课件一、教学内容本节课我们将学习《搭建框架》这一主题，内容涉及教材第3章“网站开发基础”中的第2节“HTML框架结构”。
具体内容包括理解HTML框架的基本概念，掌握frameset、frame和iframe标签的使用方法，学会如何搭建网页的框架结构。
二、教学目标1. 理解HTML框架的基本概念，掌握框架的搭建方法。
2. 学会使用frameset、frame和iframe标签，并能灵活运用到实际项目中。
3. 培养学生的动手实践能力，提高解决问题的能力。
三、教学难点与重点1. 教学难点：框架结构的嵌套使用，iframe标签的属性及其兼容性问题。
2. 教学重点：frameset、frame和iframe标签的使用方法，搭建网页框架的基本步骤。
四、教具与学具准备1. 教具：电脑、投影仪、白板。
五、教学过程1. 导入：通过展示一个使用框架结构的网页，让学生了解框架在实际项目中的应用，引发学生的兴趣。
2. 理论讲解：（1）介绍HTML框架的基本概念，包括frameset、frame和iframe标签。
（2）讲解frameset和frame标签的使用方法，以及如何进行框架结构的嵌套。
（3）介绍iframe标签的属性，以及在不同浏览器中的兼容性问题。
3. 实践操作：（1）教师演示如何搭建一个简单的网页框架，并讲解其中的关键步骤。
（2）学生跟随教师一起操作，搭建自己的网页框架。
4. 例题讲解：（1）展示一个使用框架结构的复杂网页，让学生分析其框架结构。
（2）讲解如何通过修改框架结构，实现不同的布局效果。
5. 随堂练习：（1）请学生完成一个网页框架的搭建，要求至少包含两个框架。
（2）学生互相交流，分享搭建过程中遇到的问题及解决方法。
六、板书设计1. HTML框架结构framesetframeiframe2. 框架搭建步骤创建frameset标签添加frame或iframe标签嵌套使用框架七、作业设计1. 作业题目：请使用frameset、frame和iframe标签，搭建一个包含三个框架的网页。
