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