用框架分割多个窗口引用google主页iframe实现页面复用.docVIP

内蒙古科技大学信息工程学院计算机系 《网页设计与制作》实验报告 姓名 张燕斌 学号 1座机电话号码6 实验成绩 班级 软件12级 2 班 实验日期 第 15 周（星期二 ） 12 月 9 日第 34节 项目号、实验名称 实验6 用框架分割多个窗口、引用google主页、 实现页面复用 实 验 要 求 （任课 教 师 提 供） 实验目标： 掌握使用框架结构实现多窗口页面 掌握使用 内嵌复用页面 实验所需软件： Ultra Edit 实验内容： 练习——用框架分割多个窗口。 需求说明： 根据提供的子窗口页面素材，实现典型的两行两列的框架结构，边框设置为宽度5，白色，效果如图1.1所示。 图1.1贵美商城帮助中心 练习——引用google主页。 需求说明：用提供的素材实现google页引用，如图1.2所示。 图1.2 google页的引用 练习—— 实现页面复用 需求说明：用提供的素材实现内容重用，效果如图1.3所示，具体要求如下。 在给出的登录和注册页中重用贵美页面顶部和底部。 只需在login.htm和register.htm页面中加入 语句。 图1.3 用 实现页面重用 实 验 内 容 （由学 生 填 写） 练习——用框架分割多个窗口。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns /1999/xhtml meta http-equiv Content-Type content text/html; charset utf-8 / 无标题文档 frameset rows 25%,* frameborder 5 bordercolor #FFFFFF frame src subframe/head.html name headframe scrolling no/ frameset cols 25%,* frame src subframe/left.html name leftframe/ scorlling no frame src subframe/buy.html name buyframe/ 图1.4用框架分割多个窗口 引用google主页 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns /1999/xhtml meta http-equiv Content-Type content text/html; charset utf-8 / 无标题文档 iframe src subframe\Google.htm width 800px height 320px name google frameborder 0 scorlling no a href subframe\text1.htm target mainframe/ 第一章 天下大势 a href subframe\text2.htm target mainframe/ 第二章 合久必分 a href subframe\text3.htm target mainframe/ 第三章 分久必合 iframe src subframe/text1.htm width 800px height 320px name mainframe frameborder 2 scorlling no 图1.5google主页 实现页面复用 iframe src head.htm width 100% frameborder 0 scrolling no iframe src foot.htm width 100% frameborder 0 scorlling no 图1.6 页面复用01 图1.7 页面复用02 评 语 （由教 师 填 写） 说明： 1、每个实验项目填写一份实验报告，电子版命名方式为：学号姓名项目号.doc。例如：11座机电话号码张三3.doc表示张三做的第3个项目的实验报告。 2、实验报告电子版应该在实验后一周内由学习委员收齐后存放在一个文件夹下，文件夹命名方式为：软件12-1班3，表示软件12-1班第3个项目的实验报告，压缩。第一时间发送给任课教师。必须以班级为单位上交。 3、任课教师要求在收到实验报告的一周内进行批阅，并给出成绩及评语。 4、实验报告电子版由任课教师保存。 5、表格宽度可以根据实际情况伸缩。 2