亿度网络 - Dreamweaver

///pc/img/blank.gif" width="12" height="8">当前位置：///default.htm" class="under">亿度网络 -> ///pc/index.htm" class="under">网页制作教程 -> Dreamweaver

///pc/homepage/dreamweaver/img/000.gif" width="100" height="20">

///pc/img/title_00.gif" width="13" height="20">

///pc/homepage/dreamweaver/img/002.gif" width="18" height="16" align="absmiddle">轻松掌握网页制作
///pc/homepage/dreamweaver/img/003.gif" width="18" height="16" align="absmiddle">深入学习和使用
///pc/homepage/dreamweaver/img/007.gif" width="30" height="16" align="absmiddle">用表格做网页
///pc/homepage/dreamweaver/img/007.gif" width="30" height="16" align="absmiddle">图形化的网页
///pc/homepage/dreamweaver/img/007.gif" width="30" height="16" align="absmiddle">灵活运用文字
///pc/homepage/dreamweaver/img/007.gif" width="30" height="16" align="absmiddle">精彩的图层世界
///pc/homepage/dreamweaver/img/007.gif" width="30" height="16" align="absmiddle">丰富的超链接
///pc/homepage/dreamweaver/img/006.gif" width="30" height="16" align="absmiddle">框架里的乾坤
///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">什么是框架
///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">建立一个简单的框架
///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">框架属性的设置
///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">框架间的链接
///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">设置主框架标题
///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">去掉框架的分隔线
///pc/homepage/dreamweaver/img/007.gif" width="30" height="16" align="absmiddle">创建各种窗体
///pc/homepage/dreamweaver/img/005.gif" width="30" height="16" align="absmiddle">本章常见问题解答
///pc/homepage/dreamweaver/img/002.gif" width="18" height="16" align="absmiddle">高级使用和理解
///pc/homepage/dreamweaver/img/002.gif" width="18" height="16" align="absmiddle">附录
///pc/homepage/dreamweaver/img/009.gif" width="30" height="16" align="absmiddle">常见问题汇总
///pc/homepage/dreamweaver/img/009.gif" width="30" height="16" align="absmiddle">快捷键分级介绍
///pc/homepage/dreamweaver/img/009.gif" width="30" height="16" align="absmiddle">一句话技巧集萃
///pc/homepage/dreamweaver/img/010.gif" width="30" height="16" align="absmiddle">功能快速索引

//www.shanghaigongsi.com.cn/pc/bin/softdown/softgsch.pl?key=dreamweaver">///pc/img/download.gif" width="90" height="45" border="0">

/pc/bin/msg.pl?file_id=k_dreamweaver target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法

///pc/img/blank.gif" width="1" height="1">

///pc/homepage/dreamweaver/img/logo1.gif" width="194" height="64">

　　二、深入学习和使用

6、框架里的乾坤

（1）什么是框架

　　前面我们介绍了很多网站的页面是用表格制作的，还有一种更方便的工具，就是使用框架。

　　框架的作用就是把浏览器窗口划分为若干个区域，每个区域可以分别显示不同的网页。

　　将文档分割为几个框架后，Dreamweaver会自动产生一个没名字的框架体文件，比如我们看到的一个简单的左右框架页面（图1），实际上包含3个不同的文件，一个是框架体文件，还有两个在框架中显示内容的文件。

///pc/homepage/dreamweaver/img/dw206002.gif" width="382" height="204" alt="左右结构的框架页面" border="0">

图1　左右结构的框架页面

　　框架体文件中保存页面中框架的数量，框架的尺寸、位置及每个框架的网页源文件和其它可定义的属性。

　　这是一个典型的利用框架制作的页面（图2），主体结构为上下结构，上面是主导航区，下面该是频道的内容。下部又被分为左右两个子框架，左侧为主要栏目，右侧为具体内容。

///pc/homepage/dreamweaver/img/dw206044.gif" width="300" height="202" border="0" alt="点击看浏览效果">

图2　典型框架页面的效果（点击浏览）

/pc/bin/msg.pl?file_id=k_dreamweaver target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法

网页制作网页设计网站建设网站设计网站制作做网站做网页