网页设计和制作: 框架教程

网页设计和制作框架网页设计和制作第7章框架本章的学习重点: 框架和框架集框架和框架集属性设置使用框架来布局网页框架标签框架嵌套使用在Web设计和生产中使用浮动框架7.1案例1使用框架布置网页[学习目标]了解框架和框架集，掌握框架和框架集的创建和保存网页 框架，并使用框架来布局页面. [知识点]创建框架和框架集；保存框架和框架集；使用框架布置网页；将Web内容插入框架等. 大小写效果如图所示. 网页设计和制作7.1.1了解框架和框架集框架是网页布局的工具之一. 一个网站通常由多个网页组成. 如果网站中的所有网页都具有相同的布局，并且在同一位置具有相同的网页元素网页 框架，则只能通过导航栏的链接来更改网页主要区域中的内容. 必须使用框架来布局网页. 框架网页由两部分组成: 框架集和框架. 框架集是一个HTML网页，它定义了文档中的一组框架结构. 划分浏览器窗口后，框架可以简单地理解为子窗口. 每个子窗口都是一个框架. 您可以在框架中插入图片，输入文本或打开独立的Web文档内容. 网页设计和制作框架和框架集之间的关系框架框架框架框架集Web页面设计和制作步骤: 创建框架和框架集保存框架和框架集-保存框架集和所有框架-保存框架集或框架分别在网页的框架设计和制作中添加内容7.2案例2制作复杂的框架式网页〖学习目标〗学习如何使用框架布置更复杂的网页，掌握框架和框架集的编辑，设置框架的属性和框架集，插入表格，链接框架以及框架中的其他操作.

〖知识点〗编辑框架和框架集；设置框架和框架集的属性；链接框架；在表格等中插入表格. 大小写效果如图所示. 网页设计和制作的操作步骤: 在“框架”面板中选择一个框架，然后在“设计”视图中选择一个框架. 分割框架设置框架和框架集属性链接框架网页设计并生产7.3学习任务: 框架标签进一步了解和掌握框架标签的功能和属性设置，并通过框架页面的“代码”窗口进一步掌握框架标签的使用. 在拆分窗口“拆分”视图中，所选的HTML代码是代码，即框架集标签. 可见，框架集标签可见，标签成对出现，标签成对出现，开始，开始和结束. 标签代替标签而不是标签. 因此，框架标签不能包含在标签中. 因此，不能包含框架标签. 在标签中. 在标签中. 网页设计与制作7.4案例三制作浮动框架网页〖学习目的〗通过本案例研究，掌握浮动框架的插入，掌握通过浮动框架显示其他Web内容的操作方法. 〖知识要点〗: 浮动框架；通过浮动框架显示其他Web内容. 案例效果如图所示. 浮动框架（iframe）是指以Web文档中的框架形式显示其他Web文档，主页，公告板或记事本的功能，通过此功能，您可以在指定位置和指定大小下显示其他Web文档或网站. （例如，滚动新闻等）. 使用“标签选择器”可以在Web文档，主页，公告板或记事本的框架中显示其他Web文档. 使用此功能，您可以在指定的位置和指定的大小显示其他Web文档或站点，例如滚动新闻. 使用“标签选择器”添加Dreamweaver CS3标签库将标签插入页面. 标记库中的标记将插入到页面中. 谢谢您的网页设计和制作！

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