中文Dreamweaver CS5网页设计 沈大林 张伦_ 第4章 创建框架、AP Div与描图

《中文Dreamweaver CS5网页设计 沈大林 张伦_ 第4章 创建框架、AP Div与描图》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第4章创建框架、APDiv与描图第4.1节框架框架就是把一个网页页面分成几个单独的区域（即窗口），每个区域就像一个独立的网页，可以是一个独立的HTML文件。因此，框架可以实现在一个网页内显示多个HTML文件。对于一个有n个区域的框架网页来说，每个区域有一个HTML文件，整个框架结构也是一个HTML文件，因此该框架网页是一个HTML文件集，它有n+1个HTML文件。4.1.1创建框架和框架观察器1．创建框架在网页中创建框架的常用方法可以有以下2种。（1）单击“插入”→“HTML”→“框架”→“×××”命令。（2）单击“文件

2、”→“新建”命令，调出“新建文档”对话框。单击选中该对话框左边“类别”列表框中的“示例中的页”选项，再单击选中“示例文件夹”栏内的“框架页”文件夹，然后在“示例页”栏内选中一种框架选项，在“文件类型”下拉列表框中选择一个文件类型选项，如图411所示。最后单击“创建”按钮，即可创建有框架的网页。图411 “选择HTML文件”对话框图412 “框架”菜单在使用上述2种方法创建框架时，会自动调出“框架标签辅助功能属性”对话框，如图4-1-3所示。利用该对话框可以更改框架集内各框架的名称。如果单击“取消”按钮，则采用它的默认名称

3、。上边框架的名称为“topFrame”，左边框架的名称为“leftFrame”，右下边的主要框架的名称为“mainFrame”。2．“框架”面板单击“窗口”→“框架”命令，调出“框架”面板，也叫框架观察器，如图414所示。“框架”面板框的作用是显示出框架网页的框架结构（也叫分栏结构）。单击“框架”面板内某个框架，则“框架”面板中该框架边框会变为黑色，表示选中该框架，同时“属性”栏变为该框架“属性”栏。单击网页窗口中某个框架内，且框架内插入了对象，则“框架”面板中该框架内的文字变为黑色如图414（a）所示。如果单击框架集的

4、外框线，可以选中整个框架集，如图414（b）所示，同时“属性”栏变为框架集“属性”栏。（a）（b）图4-1-3“框架标签辅助功能属性”对话框图4-1-4“框架”面板3．框架基本操作在创建框架后，要增加或删除框架的个数，首先应单击框架内部，再单击“查看”→“可视化助理”→“框架边框”命令，使该菜单选项左边有，然后可采用如下方法进行。（1）在框架区域内增加新框架：单击某一个框架区域内部，使光标在此区域内出现，然后按照上述方法即可在框架区域内增加新框架。（2）增加新框架：将鼠标指针移到框架的四周边缘处，当鼠标指针为“n”或“o

5、”形状时，按住Alt键，向鼠标指针箭头指示的方向拖曳，即可在水平或垂直方向增加一个框架。（3）调整框架的大小：用鼠标拖曳框架线，即可调整框架的大小。（4）删除框架：用鼠标拖曳框架线，一直拖曳到另一条框架线或边框处，即可删除框架。（5）单击“修改”→“框架集”→“×××”命令，可以拆分框架。4.1.2在框架内插入HTML文件和保存框架文件1．在框架内插入对象和HTML文件（1）在框架内插入对象：单击框架的一个框架窗口内，使光标在其内出现。再向光标处输入文字或插入对象。然后将该框架中的内容保存为网页文件。（2）在框架内插入H

6、TML文件：使光标在框架内出现，单击“文件”→“在框架中打开”命令，调出“选择HTML文件”对话框，如图415所示。利用该对话框可将外部HTML文件插入框架内。（3）单击“框架”面板中的框架内部，选中相应的框架。单击其“属性”栏中“源文件”按钮，也可以调出“选择HTML文件”对话框。利用该对话框，选择文件夹、要加载的文件，在“相对于”下拉列表框中选择“站点根目录”选项后，URL文本框中会给出选中文件相对于站点文件夹的相对路径和文件名称；在“相对于”下拉列表框内选择“文档”选项。单击“确定”按钮，完成在框架内插入HTML文

7、件的任务。“属性”栏如图416所示。图4-1-5“选择HTML文件”对话框图4-1-6框架的“属性”栏2．保存框架文件在文件菜单内有许多命令用来保存框架集和框架分栏内的网页，而且具有智能化，可以57针对需要保存的内容显示可以使用的相应的命令。（1）如果网页中的框架集是新建的或是进行过修改的，则单击“文件”→“保存全部”命令，调出“另存为”对话框，同时整个框架（即框架集）会被虚线围住。利用该对话框可输入文件名，再单击“保存”按钮，完成整个框架集网页文件的存储，会自动再调出“另存为”对话框，同时某一个框架会被虚线围住。利用该

8、对话框可输入文件名，再单击“保存”按钮，完成该框架内网页文件的存储。以后依次将框架分栏内的内容保存为HTML网页文件。保存的是哪个分栏中的网页文件，则该分栏会被虚线围住。（2）如果网页中的框架集是新建的或修改后的，则单击“文件”→“框架集另存为”命令，或单击“文件”→“保存框架页”命令，可调出“另存为”对话框。利用该