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