最新_Frame技术制作网页_资料.ppt

《最新_Frame技术制作网页_资料.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、Frame框架技术制作网页学习目标框架也称为帧，是设计网页时非常有用的工具。它可以将浏览器窗口划分为若干个区域，每个区域分别显示不同的网页，从而使用户能够一次浏览更多内容。本章学习框架的一些基础知识，以及怎么同时在一个浏览器窗口中显示多个网页。本章重点框架的基本构成创建和设置框架框架中的链接目标框架中网页的设置框架设置滚动条一个框架应用实例页面分析该实例实质是一个应用了topleft框架的网页。这种框架的页面被分成了3个区域，其中包含了4个网页文件，分别为：frameset网页、上边topframe

2、框架中包含的网页文件、左边leftframe框架中包含的网页文件、右边mainframe中包含的网页文件。因此在保存这个框架集网页时，需要4个文件。实现基于框架的网页的基本思路如下：（1）在页面中创建框架集和框架，并对页面布局进行适当的调整。（2）输入框架页面内容。（3）保存框架集文件和框架文件。（4）确认链接目标的框架设置，使所有链接内容都出现在正确的区域内。（5）通过设置框架和框架集属性，来改变框架网页的外观等。创建框架结构调出框架面板（frames），利用它可以进行选取、观察修改框架等基本操作

3、。在对框架操作时，最好一起打开框架面板！打开方法“窗口”“框架”。或者快捷键Shift+F2没有插入框架时的框架面板插入topleft结构的框架集页面为了方便观察和操作框架，需要启用可视化助理，打开方法菜单栏可视化助理打开方法是：菜单栏查看可视化助理框架边框当启用了辅助工具后文档窗口的四周就出现了灰色框架边框对象面板上的框架集插入框架集插入一个框架集，操作步骤如下(1)新建一个文件(2)执行以下操作之一，插入DW预定的框架集A、菜单栏插入框架左边B、在对象面板上单击框架按钮，或者把按

4、钮拖到页面上在文档窗口出现了包含3个区域的topleft结构框架集。其中立体的灰色边框为框架集的边框，而没有立体效果的细边框为框架边框。每一个框架都有自己的名字，用于识别其他框架，默认的框架名分别为topframe、leftframe、mainframe说明：创建框架集还可以使用自由托拽法，前提是框架边框是可见的。用这个方法首先要分析要创建的框架集的结构，然后进行相应的拖拽操作即可。Topleft结构的框架集对应的框架面板自由创建Topleft结构的框架集，操作步骤如下：(1)将光标置于文档窗口框架

5、的上边框。(2)待光标变为双箭头形状后，按住鼠标左键向下拖动上边框到适当的位置，这样就创建了一个上下结构的框架集。自由建立的框架集所对应的框架面板(3)按住alt的同时，用鼠标点击下边区域，按住鼠标左键向右拖动左下边框到适当的位置，就可以生成topleft结构框架。利用这种方法，可以自由建立自己所需要的框架集。注意：利用自由拖拽创建的框架集，其框架名称均为“没有名称”。由于框架名称将被作为超级链接的目标和脚本的引用，所以需要为框架命名。选取框架和框架集在插入框架集之后，如果不满意，可以进行相应的修改

6、操作。首先进行框架和框架集的选取操作：1.选取框架方法一：在框架面板中单击要选取的框架。方法二：在文档窗口中按alt键，在要选择的框架里点击，便选取了相应的框架。被选取的框架在框架面板中被加黑显示的细线围住，而在文档窗口中被较细的虚线框围着，同时在状态栏上加黑显示的是。2.选取框架集方法一：在框架面板中单击立体边框方法二：在文档窗口中将鼠标移动到框架与框架之间的分隔线上，单击鼠标左键选中框架集。这时被选中的框架集边框在框架面板中被加黑显示，而在文档窗口中被较细的虚线框围住，同时在状态栏

7、上加黑显示的是。当我们在新建的页面中插入框架集时，默认选中的就是整个框架集。选中的状态选中的状态增加框架增加框架可以使用鼠标拖拽法和菜单方式。1.鼠标拖拽法(1)按住alt键拖拽任一条框架边框，可以垂直或水平分割文档(或已有的框架)。(2)按住alt键从一个角上拖拽框架边框，可以把文档(或已有的框架)划分为4个框架。注意：要选中框架才能在框架内部进行增加框架，否则默认是在外框架(整个框架集上增加!)直接从底部向上拖拽出来的框架选中右下方的框架后再

8、按alt拖拽出来的框架2.菜单方式在菜单栏修改框架页，在子菜单中单击相应的选项。删除框架方法：将想要删除的框架边框拖至文档窗口的边缘为止，或拖拽想要删除的框架边框到父框架的边框上。调整框架的大小插入框架后，会发现框架的大小并不一定符合要求，因此需要将框架的大小进行适当的调整。方法：将鼠标指针移到要调整的框架边框线上，在出现双箭头后，按住鼠标左键(进行左/右、或上下的拖拽即可)。编辑框架集页面内容框架集设计好后就可以编辑每个框架的内容了。编辑框架集中内容有两个方法：