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

在本篇Dreamweaver CS5自学教程的第六课中，主要讲解了关于框架结构的知识，这是网页设计中一种重要的布局工具。框架使得浏览器窗口可以被分割成多个独立的区域，每个区域可以显示不同的HTML文档。这样不仅便于网页布局，还能简化重复内容的编写，提高浏览效率。 1. **框架的基本概念** - **框架**：一个框架是一个独立的显示区域，可以加载单独的HTML文档。 - **框架集**：由多个框架组成的整体，将浏览器窗口划分为不同部分。 2. **框架结构的创建和设置** - 使用Dreamweaver CS5，可以通过新建页面并在布局中设置框架结构。 - 框架集由多个网页文件组成，每个框架都有自己的名字，可以通过拖动边框调整框架大小。 - 若需要显示框架边框，可以在“查看”菜单中选择“可视化助力—框架边框”。 3. **框架的属性设置** - **框架集属性**：包括边框宽度、颜色以及行的尺寸单位（像素、百分比或相对）。 - **框架属性**：包含框架名称、源文件、边框设置、滚动条选项等。框架名称用于链接目标定位，源文件指明加载的HTML文档。 4. **框架的链接设置** - 在框架中设置链接时，需要指定链接打开的目标框架，这在属性面板中完成。 - 框架的系统默认名称可以在框架面板中查看并修改。 5. **框架实例：电子书** - 通过框架结构，可以实现类似电子书的效果，不同框架展示不同的页面内容，如目录和正文。 6. **自定义框架集** - 可以通过拖动边框来创建或调整框架结构，按住Alt键可以复制边框创建新框架。 - 删除框架可通过拖动边框与其它边框合并或移出编辑窗口。 7. **页中页：IFRAME** - IFRAME是一种在页面内部嵌入其他页面的元素，具有自己的名字、宽度、高度和滚动条设置。 - 在Dreamweaver中，通过“布局—IFRAME”可以方便地插入和修改IFRAME属性。 8. **保存框架集和框架** - 保存框架集时，需分别保存每个框架为独立的网页文件。 通过学习这些内容，你可以熟练掌握如何在Dreamweaver CS5中使用框架进行网页布局，创建复杂的交互式页面，并理解框架和IFRAME在网页设计中的应用价值。理解并运用这些知识点，将有助于提升你的网页设计技能，创建更高效、更美观的网页。