网页设计Dreamweaver CS3教程7-11节(提高篇).ppt

网页设计 Dreamweaver CS3 第七章 建立框架网页 概要 : 同一个站点中往往有不少网页具有相同的导航栏，具有相同标题栏等。如果在制作每一张网页时都要制作相同的导航栏、相同标题栏等，显然加大了工作量。框架则很好的解决了该问题。本章主要介绍框架网页的创建、调整、删除等基本集操作以及利用“属性”面板设置框架属性和相关的链接属性。同时，阐述了有关框架网页的基本原理 本章主要通过四个活动的展开，让我们了解框架的基本概念，掌握框架网页的创建、调整、删除等基本集操作，能区分框架和框架集中的文件，并能区别保存。能够利用“属性”面板设置框架属性及相关的链接属性。掌握创建无框架内容及内嵌式框架的基本方法。 活动一：初识框架网页 理解框架网页的基本原理，掌握新建框架网页的两种方法，并能将框架和框架集区别保存。 活动一：初识框架网页 准备知识： （1）框架简介 （2）创建框架网页 （3）保存与打开框架和框架 集中的文件 活动引导： 一、建立站点及网页 二、插入预先定义的框架集 三、保存框架和框架集 活动小结: 本活动主要让我们练习了框架网页的创建、修改及保存，在具体操作中要特别注意区分框架集文件和框架网页。这对于后面的操作将极其重要。 活动二：设置框架属性 教掌握“框架”面板的基本使用方法，掌握利用“属性”面板修改框架及框架集属性的基本方法。 准备知识： （1）框架面板 （2）框架属性 （3）设置框架集的属性 （4）链接框架网页 活动引导： 一、设置框架属性 二、制作顶部框架页面 三、制作左侧框架页面 四、制作底部框架页面 五、制作右侧主要框架页 六、完成框架链接 活动小结: 在本活动中我们主要练习了利用“框架”面板选取网页框架，使用“属性”面板设置“框架”和“框架集”的属性，并完成了框架网页的制作。 活动三：创建内嵌框架和无框架内容 掌握创建内嵌框架及无框架内容的基本方法。 准备知识： (1)内嵌框架IFRAME (2)无框架内容 活动引导： 一、内嵌框架的制作 二、创建无框架内容 实验：制作“中职教育网”网站 实验要求： 一、建立站点目录mysitelx，并将站点指定至站点 目录。 二、制作框架网页“中职教育网”，并制作相关页 面的制作。 三、设置框架及框架集属性。 四、完成框架中的分页链接。 注意：本实验提供的样例仅供参考，也许你能设计出别具一格的网页 第八章 插入多媒体元素 概要： 随着网络技术的发展，网速的不断提高，人们已经不满足于只浏览文字和图片。多媒体技术的发展为网页提供了新的元素。Flash是目前网页上常见的动画元素。此外，还可在网页中插入ActiveX控件、Plugin插件以及Java Applet等元素。 本章主要通过三个活动的展开，介绍了在网页中插入Flash元素的方法，其中包括常见的Flash形式：Flash动画；Flash按钮；Flash文本等。介绍了在网页中添加视频和音效的方法，以及其他多媒体元素的插入，其中包括ActiveX控件、Plugin插件、Java Applet等。 活动一：在网页中插入Flash元素 掌握在网页中插入Flash元素的基本方法，其中包括Flash动画、 Flash按钮、Flash文本、图像查看器及相关属性的设置。 准备知识： （1）Flash概述 ①Flash 源文件格式 ②Flash 电影文件格式 ③Flash Generator 模板文件格式 （2）Flash 动画 （3）Flash 按钮 （4）Flash 文本 （5）FlashPaper （6）Flash 视频 （7）图像查看器 活动引导：