网页设计与制作之——框架结构.pdfVIP

实验七 框架结构 【实验目的】： 通过本实验，使学生熟悉创建、编辑框架网页和利用框架来布局 页面的基本方法。 【实验要求】： 1. 掌握应用框架设计网页布局的方法； 2. 掌握创建、编辑框架网页及设置框架属性的方法； 3. 掌握链接框架网页的方法。 【基本操作】 创建框架结构 ： 在插入面板中找到布局选项，在其中选择下图所示的图标， 并选择相应的框架结构 选择框架 1） 首先从“窗口”菜单中打开“框架”面板 2） 然后在“框架”面板中选择某一个框架，如下图所 示 添加网页内容 选择某一框架后，点击“属性” －“源文件”以设定框架的网页 【实验内容】： Ⅰ创建一个左侧框架页，并在相应的框架中添加FrameA 和 FrameB 两个网页，构成如下图所示的网页 要求： 1） 设定 LeftFrame 的宽为 400 像素 2） 设定两个框架均出现滚动条 II 创建一个如下图所示的三 框架页，并在相应的框架中 添加 FrameA、FrameB 和 FrameC 三个网页，构成如下图所示的网页。 1）三 分别命名为 LeftFrame、MidFrame、RightFrame 2）三 的宽度为 200 像素、300 像素、504 像素 操作步骤： 1）创建一个左侧框架网页，选定整个框架之后（选定整个框架 参见 P110），点击切换到拆分视图，将 Frameset 标记符中的 Cols 属性 修改为：200，300，* （请注意切换到英文状态下输入） frameset rows=* cols=200,300,* 2）分别在“框架”面板中选择相应的框架，插入相应的网页 III 框架网页中的超级链接 要求：1）创建左侧框架网页 2）在左侧框架中设定三个超级链接，并链接对应的网页文件。 网页将在 MainFrame 显示。默认显示“2004 年经典对白” 3）左侧框架背景为灰色 4）框架集需 显示边框，宽度为 3 象素 Ⅳ 利用已有网页制作框架网页 要求：按照样张所示，利用 index 文件夹中提供的四个网页，组成 如图所示的框架网页 【参考习题】 1、 创建一个顶部框架，TopFrame 中显示新浪的首页， MainFrame 显示 163 的首页。两个框架需 显示滚动条，显示 框架边框。效果如下图 2、 利用素材中的 163、sina 的图片制作如下的框架网页。