专题资料（2021-2022年）DreamweaverCS5自学教程第六课框架结构.doc

《Dreamweaver CS5自学教程第六课：框架结构》 框架结构是网页设计中的一个重要概念，它允许网页被分割成多个独立的区域，每个区域可以显示不同的HTML文档，从而实现网页内容的灵活布局和管理。本教程将详细介绍如何在Dreamweaver CS5中创建和操作框架。 框架（Frame）是网页中的一个独立区域，可以单独加载HTML文档。多个框架组合在一起就形成了框架集（Frameset），它可以将浏览器窗口划分为不同部分，每个部分显示不同的内容。例如，一个常见的左右结构框架集由三个文件构成：外部的框架集文件（如index.htm）以及两个显示在框架内的网页文件（A.htm和B.htm）。框架集的定义通常使用HTML的`<frameset>`标签，并通过`cols`或`rows`属性来指定各个框架的尺寸。 创建框架结构可以通过以下步骤进行： 1. 在Dreamweaver中新建一个页面，然后在布局模式下设置框架结构。 2. 框架集是由多个独立的网页文件组成，每个框架都有自己的名字，可以通过拖动边框调整框架的宽度和高度。 3. 若在设计时无法看到框架边框，可选择“查看 - 可视化助力 - 框架边框”以显示。 4. 对于每个框架，都可以在属性面板中进行设置，类似于编辑单一页面。 5. 保存框架集时，需要分别保存每个框架的结构为独立的网页文件。 框架的作用主要体现在： 1. 布局：框架可以将网页划分成不同的部分，使页面结构更清晰。 2. 简化编写：网页中重复的内容只需编写一次，减少工作量。 3. 提高浏览效率：仅更新有变动的框架内容，提高用户体验。 设置框架和框架集的属性涉及以下方面： 1. 选中框架集后，可以通过属性面板设置边框、边框宽度、边框颜色以及行的尺寸。 2. 单独选择框架，可以设置框架名称、源文件、边框属性、滚动条设置等。 3. 链接设置：创建链接时，需注意设置“目标”属性，以确定链接在哪个框架内打开。框架有默认名称，可在框架面板查看并修改。 自定义框架集时，可通过拖动边框或按住`Alt`键来创建或调整框架结构。若不再需要某个框架，可以通过拖动边框与其他边框合并或拖出编辑窗口外来删除。`IFRAME`元素，即页面中的页面，是另一种实现类似框架效果的方式，可以嵌入其他HTML文档，并设置其名字、源文件、边框和滚动条属性。 理解并熟练运用框架结构是提升网页设计效率的关键，通过Dreamweaver CS5的强大功能，我们可以轻松地创建复杂的网页布局，实现内容的动态展示和交互。在实际操作中，应根据项目需求灵活运用各种框架技巧，以达到最佳的网页设计效果。