网页设计以创建框架网页

项目9建立框架网页的教学内容教学目的教学重点教学难点教学过程教学内容1，建立框架网页的方法2，框架和框架集属性的设置3，超链接目标框架的设置前一页下一页项目9建立框架网页的教学内容教学目的教学重点教学难点教学过程教学目标1.了解框架网页的结构特点； 2. 2.掌握框架网页的创建和保存方法； 3.熟练设置框架属性，框架设置属性和超链接目标框架位置； 4.能够使用框架结构来布置网页；上一页下一页项目9建立框架网页的教学内容教学目的教学重点教学困难教学过程教学重点1.框架网页的分离与保存； 2. 2. frame和frame set属性的含义和设置；上一页下一页项目9建立框架网页教学内容教学目的教学重点教学困难教学难度教学过程教学困难1.了解超链接目标框架属性的含义和设置方法项目9建立框架网页教学内容教学目的教学重点教学困难的教学过程一，建立和保存框架网页（1）使用预设方法创建框架1.在站点管理器中，选择“文件”，然后选择“新建窗口”以创建一个新的网页窗口. 2.将光标置于网页中. 3.打开“插入”工具栏的“布局”选项卡，然后单击“框架”按钮. 在弹出菜单中，单击相应的框架按钮，如图所示.

上一页下一页项目9建立框架网页教学内容教学目的教学重点教学困难教学方法另一种方法是通过菜单插入预设的框架形式. 1.在网页编辑窗口中，选择“插入”->“ HTML”->“框架”命令. 2.弹出一个预设框架表格，在拆分表格中选择，然后将根据预设表格拆分网页. PrevNext项目9建立框架网页教学内容教学目的教学重点教学难题要在教学过程中创建新的空预定义框架集，请执行以下操作: 1.选择“文件”>“新建”. 2.在“新建文档”对话框中，选择“框架集”类别，然后从“框架集”列表中选择框架集. 单击创建. 如图所示: 上一页下一页项目9建立框架网页教学内容教学目的教学重点教学难点教学过程（2）独立创建框架独立创建框架包括两种方法. 第一种方法是使用鼠标拖动框架. 另一种方法是通过菜单插入框架结构. （3）创建嵌套框架创建嵌套框架的操作如下: 1.将光标放在要插入嵌套框架的现有框架中. 2.然后在编辑窗口中选择“修改”->“框架页面”，然后在“拆分左框架”，“拆分右框架”，“拆分上部框架”和“拆分下部框架”之间进行选择. 上一页下一页项目9建立框架网页的教学内容教学目的教学重点教学困难的教学过程（4）将框架和文件保存在框架集中请执行以下操作之一: 要保存框架集文件，请选择“文件”>“保存”框架页面”.

要将框架集文件另存为新文件，请选择“文件”>“将框架集另存为”. 上一页下一页项目9建立框架网页教学内容教学目的教学重点教学困难的教学过程在框架中保存文档单击框架，然后选择“文件”>“保存框架”或选择“文件”>“保存框架” “”网页框架设计器，如图所示: 前一页下一页项目9建立框架网页的教学内容教学目的教学重点教学难点教学过程二，框架属性和框架集属性的设置和调整（1）使用框架面板“框架”面板提供框架集中每个框架的视觉表示. 在“框架”面板中，每个框架集周围的边框非常粗；细灰线围绕每个框架，每个框架都由框架名称标识. 上一页下一页项目9建立框架网页的教学内容教学目的教学重点教学难度要在教学过程中显示“框架”面板，请执行以下操作: 选择“窗口”>“框架”或按shift + F2. 要在“框架”面板中选择框架，请执行以下操作: 单击“框架”面板中的框架网页框架设计器，框架周围将显示选择轮廓，如图所示，当前选择了名为top的窗口: 上一页下一页一页项目9建立框架网页教学内容教学目的教学重点教学难点教学过程前一页下一页项目9建立框架网页教学内容教学目的教学重点教学难点教学过程在“框架”中选择框架面板，请执行以下操作: 在“框架”面板中单击框架集周围的边框，然后将在框架集周围显示一个粗略的选择轮廓，如图所示: 上一页下一页9框架的教学内容网页的教学内容教学目的教学难度教学过程（2）修改框架属性. 在框架面板上选择框架，或在编辑窗口中选择框架以打开属性面板，如图所示: 前一页下一页项目9建立框架网页示教内容困难的示教过程框架属性设置如下: 1.首先，从属性面板左上角的图标，可以确定当前选择的框架是该框架.

2. “框架名称”命名当前选择的框架. 可以根据框架在整个框架网页中的位置来命名，例如，在顶部被调用，在左侧被调用. 根据内容，导航栏称为导航，主要内容称为main，依此类推. 3.“源文件”是插入到当前选定框架中的框架网页的路径. 不保存网页时使用绝对路径，保存后使用相对路径. 4.“滚动”设置当框架中的内容超出框架范围时是否显示滚动条. 选项包括以下内容. 上一页下一页项目9建立框架网页内容的教学内容教学目的教学重点教学困难的教学过程5.“无法调整大小”默认情况下，查看者可以通过以下方式拖动框架网页的分割边框: 浏览器调整框架的尺寸. 6.“边框”设置边框是否有边框. 可选项目为“是”，“否”，“默认”. 在框架结构属性中，框架边框的设置将优先于框架的设置. 在大多数情况下，带边框的网页上不应出现边框. 7.“边框颜色”设置边框的颜色. 在设置框架集的边框颜色之前，请先设置框架的边框颜色. 框架颜色设置将影响相邻框架边框的颜色. 8.“边框高度”和“边框宽度”设置框架边框和框架内容之间的空白区域. “边框宽度”用于设置框架左右边框与内容之间的空白.

“边框高度”设置上下边框与内容之间的空白区域. 上一页下一页项目9建立框架网页的教学内容教学目的教学重点教学困难的教学过程（3）设置框架集的属性选择框架集并打开属性面板. 框架集面板的设置如下: 前一页下一页一页项目9建立框架网页教学内容教学目的教学关键教学困难的教学过程1.左上角的预览区域显示当前框架集的结构. 2.“边框”设置边框是否有边框. “是”表示有边框，“否”表示无边框，“默认”表示浏览器确定是否有边框. 对于大多数浏览器，此项表示有边框. 对于此项，如果框架集的设置与框架的设置冲突，则以框架属性的设置为准. 3.“边框宽度”: 设置边框结构中边框的宽度，单位为像素. 4.“边框颜色”: 设置边框的颜色. 您可以单击颜色框以打开颜色选择面板并进行选择. 5.设置框架结构的分割比例. 拆分的形式是向上和向下拆分，将显示“行”. 拆分形式为左右拆分，然后显示“列”. 选择后，与框架相对应的值将出现在“值”和“单位”中. 上一页下一页项目9建立带框架的网页教学内容教学目的教学重点教学难点教学过程设置无框架内容的步骤为: 1.在带框架网页的编辑窗口中，选择“修改”->“框架页面”- >“编辑无框架内容”，然后网页框架消失，出现一个完整的编辑窗口，并在窗口顶部标记“无框架内容”.

2. 就像编辑普通网页一样，编辑没有框架时显示的内容. 3.编辑无框架内容后，再次选择“编辑” ---->“框架页面” ---->“编辑无框架内容”以退出编辑无框架内容的状态. 上一页下一页项目9建立框架网页的教学内容教学目的教学重点教学困难教学过程三. 通过超链接控制框架显示的内容1.选择框架. 2.在框架属性面板上，项目“框架名称”为框架命名. 有关命名要求，请参阅上一帧属性面板中设置的相关内容. 3.设置链接的目标框架. 在框架页面中选择一个链接. 在“目标”弹出菜单中，选择应在其中显示链接文档的框架或窗口. 上一页下一页项目9建立框架网页的教学内容教学目的教学重点教学困难的教学过程下面介绍框架网页的设计和超链接的目标窗口设置步骤: 1.创建框架集并选择“文件”- ->“新建”->“框架集”->“垂直分割”->“创建”. 2.在左框架中布局七行一格，内容如下: 上一页下一页项目9建立框架网页的教学内容教学目的教学重点教学困难教学过程在右框架中输入文字信息. 3.在保存框架页面上选择“文件”-“全部保存”，当前保存的网页将以条纹圈出.

框架集页面分别命名为main.htm，左框架页面和右框架页面分别命名为left.htm和right.htm. 4.设置框架属性. 在按住键盘上的Alt键的同时单击左框架. 左框被选中. 左框架属性的设置显示在上一页下一页项目9中. 框架网页教学内容教学目的教学重点教学难点教学过程的建立“框架名称”，“滚动”选择“否” ，甚至在浏览器中缩小窗口时，此框中也没有滚动条出现. 选中“无法调整大小”. 在按住键盘上的Alt键的同时单击右框架. 选择了右边的框. 右侧框架属性的设置如下图所示: 前一页下一页项目9建立框架网页教学内容教学目的教学关键教学困难的教学过程5.设置框架集属性选择框架集，属性设置如图所示: 保存框架和框架设置页面. 6.在left.htm中设置超链接的目标框架，选择文本部分，设置超链接，然后在目标中选择“右”，如上一页下一页项目9所示. 建立框架网页的教学内容关键教学难题教学过程将网页保存并在浏览器中预览，效果如下: 上一页下一页项目9建立框架网页教学内容教学目的教学关键教学难题教学过程[摘要]框架网页很重要用于网页制作知识的组件. 制作框架网页时，请注意步骤说明，在保存框架网页时，请注意保存框架的哪一部分. 每次将链接添加到带框架的网页时，请注意与打开的窗口相对应的目标位置. 灵活调整框架和框架集属性可以实现不同的框架效果. 上一页下一页

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/ruanjian/article-241321-1.html