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