《HTML学习五框架》PPT课件
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
lteo效效fpt果果..hht图t图mmll
right.html 效果
如何创建多个复杂的窗口
4、新建多框架HTML页面“Frame_Sets.html”
查看源代码
......
设置无框 架边框
不显示 滚动条
<FRAMESET rows="20%,*" frameborder="0">
<FRAME src="top.html" name="topframe“ scrolling="no"禁止调整
<P><a href="right.html" target="rightframe"> <IMG src="images/reg.jpg" width="158" height="31" border="0" /> </P></A> <P><a href="buy.html" target="rightframe"> <IMG src="images/buy.jpg" width="160" height="32" border="0" /> </P></A>
</FRAMESET>
</FRAMESET>
框架名称，便于超 文本链接锚标签 target属性所引用
如何设置窗口链接的显示位置
如果在同一个页面中，要实现在一个框架窗口中的 超链接页面出现在另一个框架窗口中，如何实现？
演示示例2：不同框架之间超链接效果
使用target目标窗口属性
如何设置窗口链接的显示位置
noresize="noresize">
框架大小
<FRAMESET cols="20%,*">
<FRAME src="left.html" noresize="noresize“ scrolling="no" name="leftframe“ >
<RAME src="right.html" name="rightframe">
如何创建多个复杂的窗口
要实现如下图所示的窗口，该如何制作？
top窗口
1、分成上下两个窗口
2、把下面的窗口分成 left
左右两个窗口
窗口
right窗口
如何创建多个复杂的窗口
创建多个复杂的窗口实现步骤如下：
1、创建一个HTML页面“top.html” 2、创建一个HTML页面“left.html” 3、创建一个HTML页面“right.html”
在另一个 固定部分 显示导航 部分详细 内容
在此处显示详细内容， 页面中此部分是变化的。
框架的基本结构
框架页面的基本语法
将窗口分割成左中 右3个部分,可选
将窗口分割成上 下2个部分,可选
边框尺 寸大小
<frameset cols=“25%,50%,*” rows =“50%,*” border=“5”> <frame src=“the_first.html "> ……
target目标窗口属性
name＝“显示的窗口名” <frame src=url name=“窗口名”> <a href=url target=“窗口名”>
查看源代码
target属性指定了所链接 的文件出现在名称为 “窗口名”的框架窗口 ta里rg。et属性指定了所链接的
文件出现在名称为 “rightframe”的框架窗口里
</P>
<P><A href="person_info.html" target="_top">
<IMG src="images/person.jpg" width="157" height="31" border="0"/></A></P>
……
演示示例4：使用四个特殊的窗口
小结2
编写如下图所示效果对应的html代码
</frameset>
第一个窗口要 显示的网页
框架的基本结构
查看源代码
<HTML>
<HEAD> 将窗口分割成
窗口边框
<TITLE>ro上ws中_下co3ls部框分架</TITLE> 的宽度
</HEAD>
<FRAMESET rows="25%,50%,*" border="5">
<FRAME name=“top" src="the_first.html">
<FRAME name="middle" src="the_second.html">
<FRAME name=“bottom" src="the_third.html">
</FRAMESET>
</HTML>
如果要在浏览器中创建左中 右三个窗口每,该个如窗何口实对现应？一个页面，以及一个框架集
页面，总共需要几个HTML页面文件？
演示示例3：使用target=“窗口名”
如何设置窗口链接的显示位置
target目标窗口属性
新启一个窗口打开文 件 “right.html”
…… 四个特殊的窗口
<P><A href="right.html" target="_blank">
<IMG sr<ca="himreafg=eusr/lretagr.jgpegt"=w“_idbthla=n"k15”8>" he显igh示t=在"3新1"窗bo口rder="0" /></A>
</P> <a href=url target=“_self”>
显示在本窗口
<<PIM>G<Asrh<<craa=e"fhh=imrr"eebaffug==yeuu.shrr/tllbmttuaaly"rr.ggjtpaeegrttg"==ew““t__=idpt"ot_ahpsr=ee”"l>n1f"6t>”0>"
第五章 表单
制作“客户中心”页面
本章任务
本章目标
会使用框架结构实现多窗口展示页面
框架集页面 (FrameSet.htm)
框架的 边框
框架
广告栏顶部框架 (top.htm)
导航栏左 侧框架
(left.htm)
详细内容页 面右侧框架 (main.htm)
框架使用场合
页面的一个固定部分 显示徽标或静态信息
练习代码
练习答案
top.html
frame_sets.html
left.html
right1.html或 right2.html
总结
创建一个框架页面至少需要哪两个标签？ target设定目标资源所要显示的窗口，其取值可以 为哪些？ 简述创建一个多框架页面所需的主要步骤。
显示在父窗口 显示在整个浏览器窗口
height="32" border="0" /></A>
</P>
<P><A href="sale.html" target="_parent">
<IMG src="images/sale.jpg" width="158" height="31" border="0" /></A>
right.html 效果
如何创建多个复杂的窗口
4、新建多框架HTML页面“Frame_Sets.html”
查看源代码
......
设置无框 架边框
不显示 滚动条
<FRAMESET rows="20%,*" frameborder="0">
<FRAME src="top.html" name="topframe“ scrolling="no"禁止调整
<P><a href="right.html" target="rightframe"> <IMG src="images/reg.jpg" width="158" height="31" border="0" /> </P></A> <P><a href="buy.html" target="rightframe"> <IMG src="images/buy.jpg" width="160" height="32" border="0" /> </P></A>
</FRAMESET>
</FRAMESET>
框架名称，便于超 文本链接锚标签 target属性所引用
如何设置窗口链接的显示位置
如果在同一个页面中，要实现在一个框架窗口中的 超链接页面出现在另一个框架窗口中，如何实现？
演示示例2：不同框架之间超链接效果
使用target目标窗口属性
如何设置窗口链接的显示位置
noresize="noresize">
框架大小
<FRAMESET cols="20%,*">
<FRAME src="left.html" noresize="noresize“ scrolling="no" name="leftframe“ >
<RAME src="right.html" name="rightframe">
如何创建多个复杂的窗口
要实现如下图所示的窗口，该如何制作？
top窗口
1、分成上下两个窗口
2、把下面的窗口分成 left
左右两个窗口
窗口
right窗口
如何创建多个复杂的窗口
创建多个复杂的窗口实现步骤如下：
1、创建一个HTML页面“top.html” 2、创建一个HTML页面“left.html” 3、创建一个HTML页面“right.html”
在另一个 固定部分 显示导航 部分详细 内容
在此处显示详细内容， 页面中此部分是变化的。
框架的基本结构
框架页面的基本语法
将窗口分割成左中 右3个部分,可选
将窗口分割成上 下2个部分,可选
边框尺 寸大小
<frameset cols=“25%,50%,*” rows =“50%,*” border=“5”> <frame src=“the_first.html "> ……
target目标窗口属性
name＝“显示的窗口名” <frame src=url name=“窗口名”> <a href=url target=“窗口名”>
查看源代码
target属性指定了所链接 的文件出现在名称为 “窗口名”的框架窗口 ta里rg。et属性指定了所链接的
文件出现在名称为 “rightframe”的框架窗口里
</P>
<P><A href="person_info.html" target="_top">
<IMG src="images/person.jpg" width="157" height="31" border="0"/></A></P>
……
演示示例4：使用四个特殊的窗口
小结2
编写如下图所示效果对应的html代码
</frameset>
第一个窗口要 显示的网页
框架的基本结构
查看源代码
<HTML>
<HEAD> 将窗口分割成
窗口边框
<TITLE>ro上ws中_下co3ls部框分架</TITLE> 的宽度
</HEAD>
<FRAMESET rows="25%,50%,*" border="5">
<FRAME name=“top" src="the_first.html">
<FRAME name="middle" src="the_second.html">
<FRAME name=“bottom" src="the_third.html">
</FRAMESET>
</HTML>
如果要在浏览器中创建左中 右三个窗口每,该个如窗何口实对现应？一个页面，以及一个框架集
页面，总共需要几个HTML页面文件？
演示示例3：使用target=“窗口名”
如何设置窗口链接的显示位置
target目标窗口属性
新启一个窗口打开文 件 “right.html”
…… 四个特殊的窗口
<P><A href="right.html" target="_blank">
<IMG sr<ca="himreafg=eusr/lretagr.jgpegt"=w“_idbthla=n"k15”8>" he显igh示t=在"3新1"窗bo口rder="0" /></A>
</P> <a href=url target=“_self”>
显示在本窗口
<<PIM>G<Asrh<<craa=e"fhh=imrr"eebaffug==yeuu.shrr/tllbmttuaaly"rr.ggjtpaeegrttg"==ew““t__=idpt"ot_ahpsr=ee”"l>n1f"6t>”0>"
第五章 表单
制作“客户中心”页面
本章任务
本章目标
会使用框架结构实现多窗口展示页面
框架集页面 (FrameSet.htm)
框架的 边框
框架
广告栏顶部框架 (top.htm)
导航栏左 侧框架
(left.htm)
详细内容页 面右侧框架 (main.htm)
框架使用场合
页面的一个固定部分 显示徽标或静态信息
练习代码
练习答案
top.html
frame_sets.html
left.html
right1.html或 right2.html
总结
创建一个框架页面至少需要哪两个标签？ target设定目标资源所要显示的窗口，其取值可以 为哪些？ 简述创建一个多框架页面所需的主要步骤。
显示在父窗口 显示在整个浏览器窗口
height="32" border="0" /></A>
</P>
<P><A href="sale.html" target="_parent">
<IMG src="images/sale.jpg" width="158" height="31" border="0" /></A>