1、教学项目 五 框架网页设计,【基本内容】讲解框架网页的设计过程,【教学要求】使学生掌握框架网页的结构,学会熟悉制作框架网页,一、案例设计: 网络空间站 (一)以SMAPLE12为例, 演示框架网页的效果,单击网络生活,打开框架网页:,单击网络ROOM,打开网页:,(二) 框架网页的相关概念i. 基本元素 1. 边框 2. 滚动条 3. 网页ii. 建立框架网页步骤: 文件新建框架网页iii. 框架的属性 名称:指定框架的控制名称 边距:框架中的内容距离框架边界和空白距离、 滚动条:设置框架窗口中是否出现滚动条 可调整性:设置框架在浏览器是还可以调整大小 间距:设置相邻框架边框之间的间隔大小 框
2、架属性设置边距、选项、滚动条i. 拆分框架 框架拆分框架,i. 框架替换 框架自身中的内容替换 目标框架替换目标框架中网页替换步骤: 1 命名目标框架 在定义目标框架替换之前,给目标框架命名 2 链接到目标框架 网页默认值:当前框架中网页默认的目标框架 相同框架:当前网页所在的框架 整页:整个浏览器窗口 新建窗口:浏览器重新启动一个界面,将目标文件显示在该界面的窗口中 父框架:当前框架上一级框架 框架嵌套使用,(三)设计制作演示中的框架网页 制作网上餐厅网页,制作网上家园网页,制作网上星缘网页,制作网上鲜花店网页,设定超级链接及目标框架,【课后小结】通过网络空间网站的设计,熟练掌握利用框架来组织布局网页内容,灵活运用目标框架来设计超级链接网页的目标位置,【课后小结】本次课的学习,学会利用表格布局网页中的内容,并能熟练使用图片的分块链接与热区链接操作。,