任娟网页制作课件项目六幻灯片.pptVIP

项目六 制作播客网站  ——应用框架布局网页 制作网站首页——了解和使用框架 任务一 制作网站首页 ——了解和使用框架 除表格外，框架也是网页的一种重要布局工具，与使用表格布局网页不同的是，框架布局通常适合页面中有一个区域发生变化，而其他区域不发生变化的网页，如网站后台管理界面和一些论坛网页。 相关知识 一、了解框架和框架集 在框架网页中，浏览器窗口被划分成了若干区域，每个区域称为一个框架。每个框架可显示不同的文档内容，彼此之间互不干扰。 框架网页由框架集定义，框架集是特殊的HTML文件，它定义一组框架的布局和属性，包括框架的数目、大小和位置，以及在每个框架中初始显示的页面URL。 二、了解框架构造 下图所示网页至少由三个单独的网页文档组成：两个框架区域中显示的两个网页文档和把这两个文档显示在一个界面上的框架集文档。在Dreamweaver中设计使用框架集的网页时，必须全部保存这三个文件，框架集网页才能在浏览器中正常显示。可以这么说，框架集文档定义了当前在浏览器中显示的网页文档的构造和各个框架的特征。 三、制作并保存框架集文档 在Dreamweaver中创建框架集的方法有很多，可以选择“文件”“新建”菜单，打开“新建文档”对话框，然后在左侧的“文档类型”列表中选择“示例中的页”，在“示例文件夹”列表中选择“框架集”，最后在“示例页”列表中选择框架类型并单击“创建”按钮。 四、设置框架集属性 前面在制作框架时，Dreamweaver默认以工作界面为基准二等分框架；但在实际的网页制作中，需要根据布局精确地指定每个框架的大小。本节就以前面制作的框架集为例，来看看如何设置框架集属性（包括指定框架大小和边框）。 五、设置框架属性 要设置框架属性，首先需要选中框架。选择框架的方法有两种，一种是在“框架”面板中选择，还有一种是使用鼠标和键盘。 实施步骤 一、制作网站首页 该网站首页由上下框架组成，当单击上方框架导航栏中的链接时，将在下方框架中显示链接的网页文档。本节我们首先来制作网站首页（具体操作见视频1-1）。 二、设置链接 本例中上方框架中的内容是不变的，而只改变下方框架中的内容。本节我们来看看如何通过设置链接来实现这种效果（具体操作见视频1-2）。 知识拓展 一、嵌入式框架 所谓嵌入式框架，就是在网页的表格中嵌入一个框架。该框架可以有滚动条，可以在有限的空间里放无限的东西。 二、播客网站欣赏 播客与博客是同义词，都是个人通过互联网发布信息，并且都需要借助博客/播客发布系统（通常为第三方提供的博客/播客托管服务，也可以是独立的个人博客/播客网站）。博客与播客的不同之处在于，博客以文字和图片传递信息，而播客则以音频和视频传递信息。从某种意义上讲，播客就是一个以互联网为载体的个人电台和电视台。