第二课《网站的规划和创建_》课时2_参考课件.pptxVIP

课时2带框架网页的设计;情景导入;学会建立带框架的网页；;本文内容;框架

1、概念：框架实际上是一种特殊的网页，它可以根据需要把浏览器窗口划分为多个区域，每个框架区域都是一个单独的网页。

2、组成部分：框架集和单个框架两部分组成。;1、概念：框架网页是一种特殊的HTML网页，它可以将浏览器窗口分成不同的区域，称为框架区域。每个区域都可以显示不同的网页。

2、种类：使用Frontpage制作网页时，常用到的框架网页是标题、标题页脚和目录、垂直拆分、横幅和目录、嵌套式层次结构、水平拆分、页脚和自顶向下的层次结构。;①在“文件”菜单中选择“新建”、“网页”；

②在新建对话框中选择“框架网页”选项卡，如下图；

③选择框架网页类型，然后确定。;在框架网页上右击，在弹出的菜单中选择“框架属性”，打开“框架属性”对话框，如下图。;针对网页中的每一个框架——横幅、目录或主框架，我们都可以指定以下属性。

（1）名称。

（2）框架大小(宽度及高度)。

（3）边距大小。

（4）是否可以在浏览器中调整页面的大小、是否显示滚动条。;（5）是否显示边框、框架间距是多少，如下图。;①将光标放在任意一个框架中；

②单击鼠标右键，从弹出的快捷菜单中选择“框架属性”命令，弹出框架属性对话框；单击“框架网页”按钮，打开网页属性对话框；

③选择或禁用“显示边框”复选框，就显示和隐藏框架边框；

④单击“确认”按钮，回到“框架属性”对话框；单击“确认”按钮。;在“框架属性”对话框中，从“显示滚动条”的下拉列表中选择“显示”或“不显示”或“需要时显示”。;带框架结构网页建立超链接时，特别要注意：选定好目标框架，否则可能会在你不希望的框架中打开了超链接的网页。;例如：要通过单击目录框架中的“嫦娥奔月”，在主框架中打开相应的网页，就必须在“目标设置”中指定“主框架(main)”为目标框架(用鼠标单击一下主框架区域)，如右图。;①在框架中选择要设置超链接的文本，单击“常用工具栏”中的“插入超链接”按钮，弹出“插入超链接”对话???；

②选择要链接的文件，单击“目标框架”按钮，弹出“目标框架”对话框；

③选择目标框架，单击“确定”按钮，回到“插入超链接”对话框；

④单击“确定”按钮，则超链接设置完成。

在框架设置图片超级链接与在框架中设置文本超级链接基本相同。;带框架网页的保存

带框架的网页在保存时，每一个框架都是作为一个单独的网页(文件)分别保存的，而整个框架又是以另一文件保存的。例如，“横幅和目录”框架网页结构在保存时，横幅框架(banner)、目录框架(contents)及主框架(main)三个网页通常是以top.htm、left.htm和main.htm三个文件保存的，而整个框架则以另一个HTML文本保存。;1、框架在网页制作中起什么作用？

可将浏览器窗口分成称为框架的不同区域，每个区域都可以显示不同的网页。;2、目标框架、标题框架、横幅和目录框架分别使用什么样的网页？

“横幅和目录”框架网页结构在保存时，横幅框架(banner)、目录框架(contents)及主框架(main)三个网页通常是以top.htm、left.htm和main.htm三个文件保存的，而整个框架则以另一个HTML文本保存。;(1)制作一个“目标框架”，在目录上建立超链接，在主框架上打开网页。

(2)制作一个“标题框架”，在横幅上建立超链接，在主框架上打开网页。

(3)制作一个“横幅和目录框架”，在标题上建立超链接，在目标框架上打开网页。