《互联网应用中级标准教程教学课件作者邓劲生第六章》由会员分享，可在线阅读，更多相关《互联网应用中级标准教程教学课件作者邓劲生第六章（21页珍藏版）》请在金锄头文库上搜索。
1、第6章 包罗万象的框架,6.1 任务一：创建框架并设置属性 6.2 任务二：创建框架集并设置属性 6.3 任务三：框架超链接 6.4 小结,6.1 任务一：创建框架并设置属性,框架的最常见用途就是导航。关于导航已经讲过了，这里不再多说。一组框架通常包括一个含有导航条的框架和另一个要显示主要内容页面的框架。 使用框架具有以下优点。 访问者的浏览器不需要为每个页面重新加载与导航相关的图形。 每个框架都具有自己的滚动条（如果内容太大，在窗口中显示不下），因此访问者可以独立滚动这些框架。,下一页,6.1 任务一：创建框架并设置属性,6.1.1 插入预定义框架 看完上面关于是否选用框架的建议后，你是不是
2、决定了在你的网页里选用框架呢?如果选择了，那就开始制作框架吧。 在 Dreamweaver 中有两种创建框架集的方法：既可以从若干预定义的框架集中选择，也可以自己设计框架集。在这里主要学习从若干预定义的框架集中选择和插入。 选择预定义的框架集将自动设置创建布局所需的所有框架集和框架，它是迅速创建基于框架的布局的最简单方法。你只能在“文档”窗口的“设计”视图中插入预定义的框架集。,下一页,上一页,6.1 任务一：创建框架并设置属性,6.1.2 设置框架属性 1. 选择框架被选定的框架 先来介绍一下【框架】面板。这个面板一般不会出现。 （1）如果操作界面没有显示【框架】面板，选择【窗口】【框架】后
3、，在右下角会出现框架面板，如图6-7所示。 （2）在【框架】面板中单击框架。就选定了一个框架。选定了的框架周围都会显示一个黑色的选择轮廓。,下一页,上一页,6.1 任务一：创建框架并设置属性,2. 设置框架大小 在插入框架以后肯定会对框架的大小不是很满意，需要设置各个框架的大小。设置框架大小的过程很简单，其步骤如下所述。 （1）在【框架】面板中，选择要改变大小的框架。 （2）在文档的设计窗口中，当鼠标移动到所选框架边框上出现图标时，用鼠标拖动框架的边线框，调整到所需要的大小，如图6-8所示。,下一页,上一页,6.1 任务一：创建框架并设置属性,3. 查看和设置框架的属性使用属性检查器可以查看和
4、设置大多数框架属性。 下面就来练习查看和设置框架的属性，其步骤如下所述。 （1）在【框架】面板（【窗口】【框架】）中单击框架。 （2）如果属性查看器没有打开，选择【窗口】【属性】命令，显示【属性检查器】。 （3）要命名框架，在【框架名称】文本框中输入名称。,下一页,上一页,6.1 任务一：创建框架并设置属性,（4）如果想要在该框架里添加其他网页文件。 （5）如果框架的内容在整个显示屏显示不了，可以使用“滚动条”来设置当没有足够的空间来显示当前框架的内容时是否显示滚动条。 4. 改变框架的背景颜色 怎么设置框架的背景颜色呢？我们在框架属性面板中没有找到设置框架的背景颜色的方法。,下一页,上一页,
5、6.1 任务一：创建框架并设置属性,5. 删除框架 如果在设计网页的中途决定不再要一个框架，那么怎么删除框架呢？假如现在不想要左框架，把它删除。其实删除框架很简单的，其步骤如下所述。 除此之外还有一种方法，就是修改HTML代码，把相关的语句删除掉即可。这种方法最关键的是必须知道关于框架的HTML代码是哪些。要不然就会删出大问题的！建议初学者用第一种方法。,返 回,上一页,6.2 任务二：创建框架集 并设置属性,6.2.1 创建框架集 创建一个新的空预定义框架集，其操作步骤如下所述。 （1）在文档的设计窗口中选择【文件】【新建】命令。 （2）在【新建文档】对话框中选择【框架集】类别，如图6-15
6、所示。 （3）从【框架集】列表选择我们想要创建的框架集。 （4）单击【创建】命令，同样会弹出【框架标签辅助功能属性】对话框。,下一页,6.2 任务二：创建框架集 并设置属性,6.2.2 设置框架集属性 新创建的框架集一定有很多需要修改的地方。在设置框架集的属性前，应该先知道怎么选取一个框架集，下面就来练习怎样选取框架集。 1. 选取一个框架集 在框架面板中选取框架集的方法和选取框架的方法大致是一样的。 2. 设置框架集的标题 当选择一个框架集以后，应该为该框架集设置标题。,下一页,上一页,6.2 任务二：创建框架集 并设置属性,3. 设置框架集的属性 使用框架集属性检查器可以设置边框和框架大小
7、。设置框架属性会覆盖在框架集中设置的相应属性。 4. 保存框架和框架集 在浏览器中预览你创建的框架集前，必须保存框架集文件以及要在框架中显示的所有文档。 5. 创建框架内容 在文档视窗中创建好框架集和框架后，接下来就要在框架中创建网页的内容了。,返 回,上一页,6.3 任务三：框架超链接,为了完善网页，在上一个任务的最后效果图中的LeftFrame框架中，加入一个本站整个内容的导航链接。 （1）在LeftFrame框架中输入关于硬件链接的文本，如“新闻新品”、“友情链接”等，如图6-28所示。 （2）选择文本，然后在属性面板上的【链接】编辑框中输入要链接的网页，为它们建立超链接，其对应关系是：
8、“硬件基础”对应home.htm，“市场行情”对应baojia.htm需要注意的是，此处已将这些网页文件建立并保存到了本地站点内。如图6-29所示。,下一页,6.3 任务三：框架超链接,（3）在属性检查器的【目标】下拉菜单中，选择链接的文档应在其中显示的框架或窗口，框架名称也出现在该菜单中，如图6-30所示。 （4）选择【文件】【全部保存】命令保存所有文件。用浏览器浏览，单击左框架的链接，即可看到主框架的内容随之更新，如图6-31所示。,返 回,上一页,6.4 小结,本章主要介绍了框架的功能和操作。通过本章的学习，可以学会创建框架，并利用框架更好地规划页面结构，通过Frames面板中各项功能的详细介绍，可以对编辑框架有一个全面的认识。 通过学习使用链接控制框架的内容，可以更加得心应手地控制页面间的切换。,返 回,图6-7 框架面板,返 回,被选定的框架,图6-8 调整框架线高度,返 回,图6-15 新建空定义框架集,返 回,图6-28 在左边页面中输入文本,返 回,图6-29 选择链接目标,返 回,图6-30 选择超链接的目标位置,返 回,图6-31 框架链接预览图,返 回,
