【网页设计教案】框架网页设计.docVIP

教学项目 五 框架网页设计 【教学内容】 框架和框架网页的概念 框架网页的常见种类 框架网页设计过程 【教学目的】 使学生掌握框架网页的结构，能熟练制作框架网页 【教学重点】 目标框架的设计过程 【教学难点】 目标框架的意义 【教学方法】 工程项目教学法、案例教学法、小组研讨法 【教学参考】 1．《OFFICE2000中文版》 孙慧 清华大学出版社 2．《FrontPage2002案例教程》 李辉 海洋出版社 3．《FrontPage2000中文版网页提高》 黄敏如 清华大学出版社 4．HTML网页制作教程 林义证 铁道出版社 5．HTML基础与实例 程耀 电子工业出版社 【新课】 一、设计案例1: 网络空间站 1．以SMAPLE12为例, 演示框架网页的效果 单击网络生活,打开框架网页: 单击网络ROOM,打开网页: 框架网页的相关概念 基本元素 边框 滚动条 网页 建立框架网页步骤: 文件——新建——框架网页 框架的属性 名称：指定框架的控制名称 边距：框架中的内容距离框架边界和空白距离、 滚动条：设置框架窗口中是否出现滚动条 可调整性：设置框架在浏览器是还可以调整大小 间距：设置相邻框架边框之间的间隔大小 框架属性——设置边距、选项、滚动条 拆分框架 框架——拆分框架 框架替换 框架自身中的内容替换 目标框架替换 目标框架中网页替换步骤: 命名目标框架 在定义目标框架替换之前，给目标框架命名 链接到目标框架 网页默认值：当前框架中网页默认的目标框架 相同框架：当前网页所在的框架 整页：整个浏览器窗口 新建窗口：浏览器重新启动一个界面，将目标文件显示在该界面的窗口中 父框架：当前框架上一级框架 框架嵌套使用 3．设计制作演示中的框架网页 制作网上餐厅网页 制作网上家园网页 制作网上星缘网页 制作网上鲜花店网页 设定超级链接及目标框架 【课后小结】 通过网络空间网站实例的设计,熟练掌握利用框架来组织布局网页内容,灵活运用目标框架来设计超级链接网页的目标位置。 湖北职院计算机科学与技术系理论课教案—《网页设计》