实验十五制作框架网页.docVIP

实验十五 制作框架网页 上机日期：2017年11月3日（计网16348) 一、目的要求 1、掌握框架网页的制作和保存方法。 2、掌握框架网页中链接目标的设置方法。 二、实验课时 4课时 三、实验内容 1、制作一个框架网页，在各框架中输入不同文字或图片，最后保存该框架网页。 操作步骤： （1）新建空白文档，在其中插入一个“左侧和嵌套的顶部框架”框架页。 （2）命名框架，使用默认的框架名：leftFrame、topFrame和mainFrame。 （3）用“保存全部”、命令保存2个框架网页，命名为index.html、main0.html，再用“保存框架”分别保存left0.html和top0.html页面。 （4）在框架面板中选中最外层的框架集，选择“index.html”页面，将左框架的列宽80修改为200像素，选中右侧框架集，在属性面板中将top框架行高80修改为180像素。 （5）设置left0.html框架的背景颜色为“#A6DCF6” （6）光标定位在left0.html页面中，新建CSS样式，选择重定义HTML标签中的td标签，定义为字体为宋体，大小14像素，边框为1像素、实线、颜色“#006600”。 （7）在left0.html中输入“羊皮卷”，黑体，大小32，颜色“#006600”。插入一个21行1列的表格，宽度170像素，重定义table标签边框为1像素、实线、颜色“#006600”。单元格设置：背景颜色白色，高度30像素，对齐方式为水平垂直都居中。将此框架属性面板中的“滚动”项设置为“是” （8）在表格中输入相应的文本：羊皮卷序言、羊皮卷之一、……、羊皮卷之十、羊皮卷的启示一、……、羊皮卷的启示十。为文本建立空链接，修改链接的默认样式。 （9）对top0.html进行无缝页面的设置（左边距和上边距都设置为0）。设置背景图像为fa3c762.jpg，并且设置背景不重复，背景颜色为“#A6DCF6” （10）光标定位在top框架，在其中插入1行1列的表格，宽100%高100，单元格水平居中对齐，输入文本“世界上最伟大的励志书—羊皮卷的故事”，设置文本的字体颜色和大小，效果如图1。 图1 （11）在main01.html输入相应的文本，设置文本样式。 （12）新建网页文件“ypj1.html”，在文件中输入“羊皮卷之一”的文本信息，为其中的文本建立并使用CSS样式。 （13）设置链接。在left0.html网页中选择“羊皮卷序言”文本，将其链接到ypj0.htm，在链接后的目标项中设置链接的目标为mainframe。在left0.html的表格下方输入“返回首页”，建立到框架页index.html的链接，设置链接打开的目标为_top。 （14）最终效果图2： 图2 2、再制作几个风格一致的文本页（使用CSS样式），建立相应的链接，效果如图3： 图3 四、实验思考题 1、在框架网页中如何实现让链接的目标文件在主窗口中打开？