网页设计和构建框架网页

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

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

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

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

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

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

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

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