Dreamweaver8电子教案--第6,7章.doc

第6章 框架（第一课时） 一、教学目标 1、 了解框架的基本概念 2、 掌握框架的基本操作。 二、教学重难点 框架的基本操作。 三、教学过程 1.什么是框架？ 一个框架就是一个区域，可以单独打开一个HTML文档。 多个框架就把浏览器窗口分成不同的区域，每个区域显示不同的HTML文档。 多个框架就组成一个框架集。 这是一个左右结构的框架。事实上这样的一个结构是由三个网页文件组成的。首先外部的框架集是一个文件，图中我们用index.htm命名。框架中左边命名为L，指向的是一个网页A.htm。右边命名为R，指向的是一个网页B.htm。 frameset cols=80,* frame src=a.html name=L id=L / frame src=b.html name=R id=R / /frameset noframesbody/body/noframes 2、框架的基本操作 1、建立框架 两种方法： A 1、单击菜单“新建”-à“文件”，打开“新建文档”对话框，做如下选择，点击“确定”。 2、打开要插入框架的页面。单击“布局”插入栏中的“框架”按钮右侧的按钮，在弹出的菜单中选择需要的框架类型。 B 新建页-示例的页-框架集 可以实现 例子：新建一个左右结构的框架页面 2、保存框架和框架集 1）．保存框架：鼠标置于要保存的框架，选择“文件/保存框架”命令 2）．保存框架集：选择要保存的框架集，选择“文件/保存框架页”或者“文件/框架集另存为”命令。 3）．保存全部：这时是保存整个框架结构，保存的时候虚线笼罩的就是你现在保存的框架。 3、编辑框架页 1. 选择框架页，并进行编辑。保存框架 第6章 框架（第二课时） 一、教学目标 1、 了解框架和框架集的基本概念 2、 掌握框架和框架集的基本操作。 二、教学重难点 框架和框架集的基本操作。 三、教学过程 本节课，我们通过网页书的实例操作，进一步学习和掌握框架和框架集的设置。 1、框架的作用 1．做网页的布局，将网页分成不同的部分 2．简化网页的编写：网页之间相同的内容只需要编写一次 3．加快网页的浏览：每次网页只更新那个变化的框架内容 2、设置框架和框架集的属性 1）框架集 选中框架集：鼠标单击框架的边框，虚线显示的部分就是选中的框架集 设置框架集属性： 边框， 边框宽度， 边框颜色 行：值，单位（像素，百分比，相对） 2）框架 选中框架：框架面板中单击要设置的框架或者按住【alt】键，在框架窗口内单击 设置框架属性： 框架名称，源文件，边框，滚动，不能调整大小 边框颜色，边界宽度，边界高度。 3、设置框架中的链接 第6章 框架（第三课时） 一、教学目标 1、 掌握自定义框架集的基本操作。 2、 掌握Iframe。 二、教学重难点 自定义框架集的基本操作。 三、教学过程 1、自定义框架集 如果框架集不满足我们的需要时，我们需要自己建立框架。看例子： 1、 拆分 方法： 1．拖动编辑窗口的边框：鼠标置于编辑窗口的边框，变成 或者 时拖动。 2．拖动窗口中的框架边框：按住【Alt】键，鼠标变成 或者 时拖动。 注意：当指向拖动一小段边框时，先选中当前框架，再拖动。 例如： 2、框架的删除 方法：拖动不需要的边框和别的边框合并，或者拖到编辑窗口外。 2、网页中的网页 Iframe IFRAME 元素也就是文档中的文档，或者好像浮动的框架(FRAME)。 iframe name=a width=120 height=160 src=tx1.html frameborder=0 scrolling=no/iframe Name 框架的名字 Src 链接的源文件 Frameborder 框架的边框设置 Scrolling 滚动条设置 第七章 插入多媒体元素(第一课时) 一、教学目标 1、 通过实例操作，掌握插入多媒体元素的方法 2、 提升对Dreamweaver 8的掌握程度。 二、教学重难点 插入多媒体元素的操作方法 三、教学过程 本节课，我们通过几个实例操作，学习插入Flash动画和按钮等多媒体元素的方法。 1、什么是多媒体元素？ 多媒体：Multimedia 是指文本、图像、声音、动画、视频（Video）等媒体元素的统称 2、有哪些多媒体元素 1）、Flash多媒体元素 2）、音频 3）、视频 3、插入Flash多媒体元素 1） Flash动画 插入的Flash动画文件，扩展名