建立框架实验资料.doc

实验1 建立框架1、制作框架网站的前提是把所有的子框架页面制作好，我们提供了这两个子框架页面，第一个步骤就是将这两个页面整合成一个完整的框架页面；2、我们首先在站点下建立一个名为frameset的页面，在“插入”栏的“布局”的“框架”类别中，单击预定义框架集的图标；3、如果觉得上面的创建方法修改起来麻烦，在创建框架集或使用框架前，通过选择“查看/可视化助理/框架边框”命令，使框架边框在文档窗口的设计视图中可见，然后通过窗口菜单打开框架面板；4、这里制作左右框架结构，使鼠标直接从框架的左侧边缘向中间拖动，直到合适的位置，这样左右框架就产生了，在框架面板里面也出现了框架的结构。5、单击框架面板中的左侧框架，在属性面板中“源文件”后单击“浏览文件”按钮；6、在弹出的对话框中选择左页面left.html；7、单击“确定”按钮，框架中会显示左侧的页面；8、单击框架面板右侧框架，在属性面板中“源文件”后单击“浏览文件”，在弹出的对话框中选择右页面right.htm；9、单击框架面板中的总框架集，然后从菜单中选择“文件/保存框架页”命令，将总框架存盘到本地站点目录下，这样才能保证预览页面时显示正常，这里将其重新存为frameset.htm。10、首先用鼠标单击框架的边线，选择框架面板中的总框架集，然后在属性面板中设置；11、在属性面板中将边框设置为“否”，边框宽度设置为0，选中属性面板中的左框架，设置其宽度为242像素；12、如果希望浏览器缩小的时候左边框宽度不变，则选中属性面板的右框架，将右侧宽度设置为“相对”；13、接下来，选择框架面板的左框架，然后在属性面板中设置；14、该页面左侧的菜单部分不需要滚动条，单击属性面板中设置滚动为否，即隐藏滚动条；15、勾选属性面板中的“不能调整大小”，然后将“边框”设置为“否”，这样保证浏览器中查看框架时隐藏当前框架的边框；16、右框架的设定与左框架唯一不同在于“滚动”，选择“自动”。17、选中左侧框架页面中相应栏目的图象，然后直接在属性面板上使用浏览文件的方法创建链接；18、因为左侧框架中链接的页面在右侧框架中打开，所以需要定义链接的目标窗口，在框架面板中选中右侧的框架，然后在属性面板中设置右侧框架名称为right；19、选中左侧刚制作好的链接图象，在属性面板的“目标”位置选择right，这样就定义好了打开链接的窗口；20、预览。实验2 框架网站实例1、在站点下建立一个名为frameset的页面，然后在创建框架集或者使用框架前，通过选择“查看/可视化助理/框架边框”命令，使框架边框在文档窗口的设计视图中可见，然后通过“窗口/框架”菜单打开框架面板；2、首先制作上下框架，使用鼠标直接从框架的上侧边缘向中间拖动，直到合适的位置，这样，上下边框结构就产生了；3、在刚才创建好的上下结构基础上，选择框架面板中下侧的框架，然后在使用鼠标从框架边框的左侧向右拖动，产生嵌套框架；4、选择框架面板中的上侧框架，在属性面板中“源文件”后选择“浏览文件”按钮，在弹出的对话框中选择上页面players/top.htm；5、选择“确定”按钮，框架中回显示顶部的页面；6、选择框架面板中的左下侧框架，在属性面板中“源文件”后选择“浏览文件”，选择左页面left.htm，选择确定，框架会显示左侧的页面；7、同理，选择框架面板中的右下侧框架，在属性面板中“源文件”后选择“浏览文件”按钮，在弹出的对话框中选择右下页面players/content.htm，选择“确定”8、单击框架面板中的总框架集，然后从菜单中选择“文件/保存框架页”，将总框架存盘到站点目录，这样才能保证预览页面时候显示正常，这里将其重新存为frameset.htm9、按F12，预览！10、鼠标单击框架的边线，选择框架面板中的总框架集，在属性对话框中将“边框”设置为“否”，边框宽度设置为0，选中属性面板中的上框架，设置其高度为270像素；11、选中属性面板中的下框架，将下边的高度设置为“相对”，这时的网页在浏览器中的预览的时候，下边部分就不会随着浏览器大小变化而改变了；12、单击框架面板中的下框架集，在属性面板中将“边框”设置为“否”，边框宽度为0，选中属性面板中的左边框，设置宽度为270像素，然后选中属性面板中右框架，将右侧的宽度设置为“相对”；13、选择框架面板的上框架，然后在属性面板中设定，该页面左侧的菜单部分不需要滚动条，单击在属性面板中设置滚动为“否”，也就是隐藏滚动条，制作完毕的网页肯定不希望浏览者随意调整框架页面大小，因此选择属性面板中的“不能调整大小”，然后将边框定为否，这样保证在浏览器中查看框架时隐藏当前框架的边框；14、选择框架