Frame框架技术制作网页.ppt

Frame框架技术制作网页 学 习 目 标 本 章 重 点 一个框架应用实例 页面分析 　　该实例实质是一个应用了top left框架的网页。这种框架的页面被分成了3个区域，其中包含了4个网页文件，分别为：frameset网页、上边topframe框架中包含的网页文件、左边leftframe框架中包含的网页文件、右边mainframe中包含的网页文件。 因此在保存这个框架集网页时，需要4个文件。 实现基于框架的网页的基本思路如下： （1）在页面中创建框架集和框架，并对页面布局进行适当 的调整。 （2）输入框架页面内容。 （3）保存框架集文件和框架文件。 （4）确认链接目标的框架设置，使所有链接内容都出现在 正确的区域内。 （5）通过设置框架和框架集属性，来改变框架网页的外观 等。 为了方便观察和操作框架，需要启用可视化助理，打开方法菜单栏?可视化助理 打开方法是：菜单栏?查看?可视化助理?框架边框 当启用了辅助工具后文档窗口的四周就出现了灰色框架边框 插入一个框架集，操作步骤如下 (1) 新建一个文件 (2) 执行以下操作之一，插入DW预定的框架集 A、菜单栏?插入?框架?左边 B、在对象面板上单击框架按钮，或者把按钮拖 到页面上 在文档窗口出现了包含3个区域的top left结构框架集。其中立体的灰色边框为框架集的边框，而没有立体效果的细边框为框架边框。每一个框架都有自己的名字，用于识别其他框架，默认的框架名分别为topframe、leftframe、mainframe 说明：创建框架集还可以使用自由托拽法，前提是框架边框是可见的。用这个方法首先要分析要创建的框架集的结构，然后进行相应的拖拽操作即可。 (3) 按住alt的同时，用鼠标点击下边区域，按住鼠标左键向右拖动左下边框到适当的位置，就可以生成top left结构框架。利用这种方法，可以自由建立自己所需要的框架集。 注意：利用自由拖拽创建的框架集，其框架名称均为“没有名称”。由于框架名称将被作为超级链接的目标和脚本的引用，所以需要为框架命名。 选取框架和框架集 在插入框架集之后，如果不满意，可以进行相应的修改操作。首先进行框架和框架集的选取操作： 1.选取框架 方法一：在框架面板中单击要选取的框架。 方法二：在文档窗口中按alt键，在要选择的框架 里点击，便选取了相应的框架。 被选取的框架在框架面板中被加黑显示的细线围住，而在文档窗口中被较细的虚线框围着，同时在状态栏上加黑显示的是frame。 2.选取框架集 方法一：在框架面板中单击立体边框 方法二：在文档窗口中将鼠标移动到框架与框架之间的 分隔线上，单击鼠标左键选中框架集。 这时被选中的框架集边框在框架面板中被加黑显示，而在文档窗口中被较细的虚线框围住，同时在状态栏上加黑显示的是frameset。 当我们在新建的页面中插入框架集时，默认选中的就是整个框架集。 增加框架 增加框架可以使用鼠标拖拽法和菜单方式。 1.鼠标拖拽法 (1) 按住alt键拖拽任一条框架边框，可以垂直或 水平分割文档(或已有的框架)。 (2) 按住alt键从一个角上拖拽框架边框，可以把 文档(或已有的框架)划分为4个框架。 注意：要选中框架才能在框架内部进行增加框架，否则默认是在外框架(整个框架集上增加!) 2.菜单方式 在菜单栏?修改?框架页，在子菜单中单击相应的选项。 删除框架 方法： 将想要删除的框架边框拖至文档窗口的边缘为止，或拖拽想要删除的框架边框到父框架的边框上。 编辑框架集页面内容 框架集设计好后就可以编辑每个框架的内容 了。编辑框架集中内容有两个方法： (1) 利用前面所学内容，直接在相应的框架中输 入内容。 (2) 将框架中的网页文件事先编辑好，然后在框 架中导入。 这两种不同的编辑方法，在保存框架集网页的操作过程有所不同。 使用第一种方法，直接在3个区域(框架)中分别插入相应的内容(页面中的文本可以直接从前面制作的网页上拷贝过来) 制作完成后按F12预览页面，弹出一个对话框。提示没有保存框架集和框架文件。我们必须先进行保存，以后每次修改框架网页时如果直接预览页面都会出现这个对话框! 该对话框提示在预览框架集网页之前需要保存框架集文件和各个框架文件。单击“确定”，将保存框架集文件和框架文件，然后才打开浏览器预览；单击“取消”则放