DW创建框架网页.ppt

Dreamweaver -----基础教案
Dreamweaver基础篇
第7章创建框架网页
回顾
掌握表格的插入
掌握表格属性的设置
掌握选择表格的方法
掌握编辑表格和单元格
学习目标
了解框架网页概述
掌握创建框架和框架集
掌握框架和框架集的选择
掌握框架和框架集属性的设置
掌握完整的框架网页创建
掌握嵌入式框架的创建
掌握框架的使用技巧
框架网页概述
在Dreamweaver 8中,框架是一个非常重要的页面布局工具。它可以把浏览器的窗口分割成若干相互独立又有联系的区域,在每个区域中显示一个独立的网页文件,从而实现了一个网页内显示多个HTML文件的目的。使用框架的优点在于可以把不同层次的网页中的不改变的内容放在一个框架中,把不断改变的文档内容放在一个框架中。框架技术可以被广泛的应用到网站导航和文档浏览中,方便访问者对网页的浏览,减少访问者下载页面所需要的时间。
框架由框架集和框架组成。框架集就是框架的集合,它是在一个文档内一组框架结构的HTML网页,定义了网页显示的框架数、框架的大小、载入框架的网页源和其他可定义的属性等。框架是框架集中显示的文档,每个框架实质上都是一个独立存在的HTML文档。
创建框架和框架集
在Dreamweaver中预定义了多种框架集,可以很方便地创建想要的框架网页。
创建框架集
选择预定义的框架集将自动设置创建布局所需要的所有框架集和框架,它是迅速创建基于框架布局的最简单方法。创建框架集的具体操作步骤如下。
【文件】|【新建】命令,打开【新建文档】对话框,在对话框中选择【常规】选项卡中的【类别】|【框架集】|【上方固定,左侧嵌套】选项。如图7-1:
在【布局】插入栏中单击按钮,在弹出的菜单中选择【左侧和嵌套的下方框架】选项,即可创建框架网页。如图7-3:
选择菜单中的【插入】|【HTML】|【框架】|【左侧及下方嵌套】命令,即可创建框架网页。
插入预定义框架集
插入预定义框架集的具体操作步骤如下。
,选择菜单中的【修改】|【页面属性】命令,打开【页面属性】对话框中将【左边距】设置为0像素,【右边距】设置为0像素。如图7-4: