11框架使用实例教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5） .ppt

11框架使用实例教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5）框架使用实例静态网站制作教学资源课件静态网站制作教学资源课件 选择框架和框架集，按“Shift+F2”打开“框架”面板。在“框架”面板中，有页面中框架的结构和每个框架的名称。1.在“框架”面板中单击框架的内部，在“框架”面板和“文档”窗口的“设计”视图中，框架周围都会显示一个选择轮廓，即选中当前的框架。2.在“框架”面板中单击环绕框架集的边框就可选中相应的框架集。在“框架”面板和“文档”窗口的“设计”视图中，框架集周围都会显示一个选择轮廓，即选中页面中的框架集。，“框架”属性面板框架名称：链接的对象属性或脚本通过框架名称来引用框架，因此该名称非常重要。源文件：指定在框架中显示的网页文件。滚动：用于决定是否在页面中显示滚动条。边框：指定浏览页面时是否显示当前框架的边框不能调整大小：令访问者无法通过拖动框架边框在浏览器中调整框架大小。边界：设置内容和边框之间的距离。实例实例10：为上面制作的框架页面的左侧导航按钮添加上相应的链接，使单击每个按钮时都能在右下部显示相应的正文网页，素材包中提供另外四个正文网页。分析：要在一个框架中使用链接以打开另一个框架中的文档，就必须设置链接目标。链接的 target 属性指定打开链接内容的框架或窗口。在本例中导航条位于左框架，被链接的网页显示在右侧的主要内容框架中，那就要将主要内容框架的名称指定为每个导航按钮链接的目标。当访问者单击导航链接时，将在主框架中打开指定的内容。1.单击选择“国学大师”图片。2.在属性面板的“链接”框的拖动“指向文件”按钮 指向“文件”面板中要链接的文件，或者单击“浏览文件”按钮，选择在该框架中打开的网页文件gxds.html。3.在属性面板的“目标”框中，选择被链接的文档要显示的目标框架“mainframe”，如图3.56所示。4、按照上面的操作步骤完成另外三个按钮的链接。练习：练习：一个有 3 个框架的 Web 页实际上有（）个独立的 HTML 文件。A、2B、3C、4D、5答案：答案：C练习：练习：在文档框架中“目标”下拉列表框中与框架有关的链接正确的是（）A、_blank将链接的文件载入该链接所在的同一框架或窗口中B、top将链接的文件载入一个未命名的新浏览器窗口中C、parent将链接的文件载入含有该链接的框架的父框架集或父窗口中D、self将链接的文件载入整个浏览器窗口中，因而会删除所有框架答案：答案：C练习练习3：用素材包中的资料制作如图3.57所示的框架页面，并对左侧的导航文本添加链接，按照素材包中的样张图片index.html制作，即单击左侧的“信息公开指南”、“信息公开政策与制度”等导航按钮，右侧框架中打开相应的网页。