网页教案设计5.docx

网页教案设计5

第一篇：网页教案设计5第五章框架教学目标：1．了解使用框架的优缺点；2．掌握框架网页在创建、选择、设置、存储方面的特点；3．掌握框架和框架集的创建；4．掌握框架结构网页的制作；5．掌握嵌入式框架的使用；教学重点：1．框架结构网页的制作；2．框架与框架集的创建；教学难点：嵌入式框架教学时间4课时（2节理论课，2节实验课）教学过程§5.1创建框架网页一、框架和框架集1．框架的概念框架是浏览器窗口中的一个区域，用于显示独立的HTML文档。两个或两个以上的框架组合成一个见面。框架经常用于导航，一个框架显示包含导航栏目的文档，另一个框架显示含有内容的文档。2．框架集的概念在网页上定义的一个区域就是单个框架，而框架集则记录了同一个网页中多个框架的布局、超链接和属性信息。利用框架可以把浏览器窗口划分为若干个区域，每个区域可以添加任意网页元素，也可分别显示不同的网页。注意：框架集也是HTML文件，但它本身并不包含要显示的HTML内容，它只是向浏览器提供应如何显示一组框架及在这些框架中应显示哪些文档。3．框架与框架集的关系框架集与框架之间的关系其实就是包含与被包含的关系，框架集相当于一个容器，框架则是放在容器中的东西，框架集记录了框架的位置，以及框架中包含的网页的链接地址。二、创建框架Dreamweaver中给出了框架的预定格式，一般采用预定格式即可创建框架页。七、设置框架集属性选取框架集后，其【属性】面板如下图所示。（1）边框：是否在浏览器中显示边框。（2）边框宽度：设置边框的宽度。（3）边框颜色：设置边框颜色。（4）列：用于设置框架的列宽，默认单位为像素。§5.2嵌入式框架一、嵌入式框架通过在HTML代码窗口中插入/iframe>标签来嵌入框架，它通过在标签中命名、设置框架属性及链接文档路径来完成框架功能。二、嵌入式框架的步骤建立嵌入式框架的具体操作步骤如下：（1）嵌入浮动框架的网页文档，将光标定位在要嵌入框架的位置。（2）代码视图，在光标处输入“/iframe>”（3）窗口中即可看到一个灰色区域的矩形框，这就是嵌入式框架的范围。（4）中加入代码指定嵌入式框架的名称、大小，以及是否需要滚动条等信息。例如：各项含义如下：border=0表示边框为0；marginwidth=0marginheight=0表示嵌入式框架的宽和高的边距均为0；src=”images/main.html”表示框架中调用的网页文件是main.html；frameborder=no表示框架没有边框；width=580height=400表示框架的宽度为580像素，高度为400像素。本章小结本章介绍了另外一个布局网页的方式-----框架，讲述了它的创建，编辑及属性设置，框架与框架集的关系。同时讲解了嵌入式框架的应用及代码的含义。本章作业什么是框架？什么是框架集？二者之间有什么关系？第二篇：《习作5》教案设计《习作》教案设计教学目标：．由图片生发丰富的联想2．能把联想到的事情写具体3．能够表达出自己的真情实感教学重难点：．能把联想到的事情写具体2．能够表达出自己的真情实感教学过程：一、谈话导入．同学们好，今天老师能在这里给大家上感到很高兴（--板画笑脸）真的，上之前，老师看到你们又是蹦又是跳，又是打又是闹，浑身上下无一不散发着生命的活力，看着你们这样无忧无虑地生活，真的是一令人开心的事啊！二、由图联想．同学们看到这张笑脸（指板画），是否想起了最近发生过的令你开心的事情啊？有人说把自己的快乐分享给一个人就会有两份快乐，那么你愿不愿意让我，让其他同学来分享你的快乐呢？那么就请你看着这张笑脸，回忆一下这令你快乐的事情，然后讲给大家听，让我们也高兴高兴。2．生思考发言谈令自己快乐的事（适时指导学生讲述语言、思路）师过渡：我发现这位同学在讲的时候一直面露微笑，就像这张笑脸，可见这真是一令你快乐的事情。同时，我还发现有的同学在听时候都笑得合不拢嘴啦，就像这样（--板画大笑脸）但是，要知道我们生活中不光有快乐，有时我们也会这样--板画怒脸与哀脸还有人说，一个他担你的痛苦，你的痛苦就会减轻一分，在这里，杨老师很愿意分担你的痛苦，你愿不愿意把你曾经经历的令你愤怒或伤心的事说给我听呢？3．生思考发言谈令自己愤怒或伤心的事（适时指导学生讲述语言、思路）师过渡：老师真的很为你难过（或气愤），不过不要再伤心了（或生气了）那都是过去的事了，不要拿别人的错误来惩罚自己（或吸取这次教训，以后再不犯同样的错误就行了），我们应该积极地、开心地面对生活不是吗？小结：经过同学们刚才的讲述，相信你对这四幅表情一定有了别样的体会。下面，就请同学们从这四个表情中选择一个，看着它回忆曾经历过的一事，以“令我的一事”为题写一篇记叙文。--板书：令我的一事注意要把事情写具体，写出自己的真实感受。-