html简介框架模板,html框架布局后台模板.doc

html框架布局后台模板

篇一：使用框架布局页面

单元4——使用框架布局页面

学习目标：

? 理解框架布局的原理

? 掌握使用框架进行页面布局的方法 ? 学习利用浮动框架嵌入插件

Dreamweaver CS3提供了一种很方便的可以进行网页布局的工具——框架。框架主要是用来把浏览器窗口划分为若干个区域，每个区域可以分别显示不同的网页。访问者浏览站点时，可以使某个区域的文档永远不更改，但可通过导航条的链接更改主要框架的内容。框架结构常被用在具有多个分类导航或多项复杂功能的Web页面上。

任务4.1 框架基本操作

在网页中，一个网页可以包含多个页面，此时需要用到框架。使用框架可以进行页面布局，把网页化分为几个区域。例如，一个水平框架用于放置Banner(也就是标题)；左垂直框架用于放置导航；右垂直框架用于放置正文。每一个框架单独使用一个网页，从而使页面设计简单化。框架除了用于页面布局，还可用于制作目录。包含框架的网页称为框架集。框架集定义了各个框架的结构、数量、大小和目标等属性。本章将介绍框架的使用方法。

4.1.1创建一个新的框架集网页

(1)运行Dreamweaver CS3，选择“文件”→“新建”命令，弹出“新建文档”对话框，在对话框中选择“示例中的页” →“框架集” →“上方固定，左侧嵌套”选项，如下图所示。

(2)单击“创建”按钮，弹出“框架标签辅助功能属性”对话框，如下图所示，在此可为每一个框架指定一个标题。

(3)单击“确定”按钮，即可创建一个上方固定，左侧嵌套的框架集，如下图所示。

4.1.2保存框架

每个框