四川信息职业技术学院 开放课程 Webpage Design 网页设计与制作 C巴列行急和装载本花 由静美图 可思色然 @品8阁 四川川信息职业技术学院精品开放共享课程
SITC Sichuan Information Technology Colleg 四川信息职业技术学院开教共亨精 页设计与制作 单元6：框架技术的应用 授课教师：张俊辉
单元6：框架技术的应用 授课教师：张俊辉
Sichuan Information Technology Colleg 四川信息职业技术学院开枚共喜话移 面设计与制作 重点 难点 框架的应用 框架中实现链接
重点 框架的应用 难点 框架中实现链接
S Sichuan Information Technology College 四川信息职业技术学院开教共喜让移 中负设计与制作 一、简单框架排版网页效果预览 D bout Guang Yuan 之， 》友有待
一、简单框架排版网页效果预览 图2-5-1框架网页效果图
Information Technology Colleg 四川信息职业技术学院开教共亨话稻 面设计与制作 二、实例制作步骤 步骤请见演示
二、实例制作步骤 步骤请见演示
Information Technology Colleg 四川信息职业技术学院开教共亨话程 中面设计与制作 三、本例框架的html语法结构分析 ·切换到代码视图模式。观察页面中的超级链接语法格 式。
三、本例框架的html语法结构分析 • 切换到代码视图模式。观察页面中的超级链接语法格 式。 •
Sichuan Information Technology College 四川信息职业技术学院开教共言话程 中面设计与制作 三、本例框架的html语法结构分析 框架的属性： 框架显示的文件路径：〈frame src=“urI”> 框架窗口的名称：〈frame names=“name”>,框架名必须以 字母开头，框架名区分大小写，不能使用空格、句点和连 接符。？ ·是否显示框架： ·是否显示滚动条：。此处的 数值有yes,no和auto三种。 。 能否自行调整框架窗口的大小：〈frame noresize.>
三、本例框架的html语法结构分析 • 框架的属性： • 框架显示的文件路径： • 框架窗口的名称：，框架名必须以 字母开头，框架名区分大小写，不能使用空格、句点和连 接符。?? • 是否显示框架： • 是否显示滚动条：。此处的 数值有yes,no和auto三种。 • 能否自行调整框架窗口的大小：
SIT Sichuan Information Technology Colleg 四川信息职业技术学院开教共享稻 中面设计与制作 三、本例框架的html语法结构分析 ·框架集的属性 ·宽度属性 ·颜色属性 ·隐藏属性：〈frameset frameborder=“0or1"> 此处0表示不显示边框，1表示显示边框，该属性 也可用在里
三、本例框架的html语法结构分析 • 框架集的属性 • 宽度属性: • 颜色属性: • 隐藏属性： 此处0表示不显示边框，1表示显示边框，该属性 也可用在里
Information Technology Colleg 四川信息职业技术学院开枚共亨让移 中面设计与制作 四、建立框架的html语法总结 ·1.打开链接页面的目标含义 ·新窗口 〈a href=:ur|target=seIf>本窗口 父窗▣ 整个浏览器窗口 。 2.各窗口间空白区域的设置 #=空白区域的大 小
四、建立框架的html语法总结 • 1.打开链接页面的目标含义 • 新窗口 本窗口 父窗口 整个浏览器窗口 • 2.各窗口间空白区域的设置 #=空白区域的大 小
IT Sichuan Information Technology College 四川信息职业技术学院开枚共喜让移 中面设计与制作 五、练习题 ·模仿练习题： 模仿课堂中讲解的示例利用表格设计一个班级页面 ，观察各代码所表示的意义。 ·要求： ·（1)左侧嵌套顶部框架； ·(（2)左侧为导航栏，主要栏目有“本班概况，本班信 息，本班荣誉，本班警示，自撰美文，学习天地等” ·(3)上侧为班级的Banner动画或者标记等静态图片。 ·(4)所有链接的页面显是在主框架
五、练习题 • 模仿练习题： • 模仿课堂中讲解的示例利用表格设计一个班级页面 ，观察各代码所表示的意义。 • 要求： • （1）左侧嵌套顶部框架； • （2）左侧为导航栏，主要栏目有“本班概况，本班信 息，本班荣誉，本班警示，自撰美文，学习天地等” • （3）上侧为班级的Banner动画或者标记等静态图片。 • （4）所有链接的页面显是在主框架