教学案例-动态网站建设-HTML框架.pptx

下载文档

0
0
约1.58千字
约 13页
2023-12-02 发布于陕西
举报
版权申诉
保障服务

教学案例-动态网站建设-HTML框架.pptx

1、本文档共13页，可阅读全部内容。
2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。

项目案例-动态网站建设-HTML框架1 2 框架框架的基本结构主要分为框架和框架集两个部分。它是利用<frame>标记与<frameset>标记来定义。<frame>标记用于定义框架。<frameset>标记则用于定义框架集。3 框架框架的基本结构如下：<html><head><title>框架的基本结构</title></head><frameset …><frame …></frame …></frameset></html> 4 框架1.框架的设置常见的对窗口的分割包括：水平分割、垂直分割和嵌套分割。具体采用哪种分割方式，取决于实际需要。采用<frameset>标记中的rows（水平分割）或cols（垂直分割）属性来进行分割。 5 1.框架的设置（1）窗口的水平分割rows属性可定义一个水平分割的窗口框架。rows属性的值代表各子窗口的高度，第一个子窗口高为高度1，第二个子窗口高为高度2，依此类推，而最后一个*，则代表最后一个子窗口的高度，值为其他子窗口高度分配后所剩余的高度。设置高度数值的方式有两种：采用整数设置，单位为像素（px），语法如下：<frameset rows="100，200，*">用百分比设置，语法如下：<frameset rows="20％，50％，*">6<frameset rows="高度1，高度2,…,* "><frame src="url"><frame src="url">…</frameset> 1.框架的设置（1）窗口的水平分割示例：7<html><head><title>采用整数设置窗口的水平分割</title></head><frameset rows="80,120,*"> <frame> <frame> <frame></frameset></html> 1.框架的设置（2）窗口的垂直分割cols属性可定义一个垂直分割的窗口框架。基本语法：<frameset cols="宽度1，宽度2,…,* "><frame src="url"><frame src="url">…</frameset> 8 1.框架的设置（2）窗口的垂直分割示例：9<html><head><title>采用整数设置窗口的水平分割</title></head><frameset rows="80,120,*"> <frame> <frame> <frame></frameset></html> 1.框架的设置（3）窗口的嵌套分割在实际应用中，“厂”字型框架使用极为广泛。“厂”字型的网页就是窗口中包含水平和垂直分割，如图所示，实现“厂”字型框架需要对窗口进行嵌套分割。10 1.框架的设置（3）窗口的嵌套分割示例：11<html><head><title>窗口的嵌套分割</title></head><frameset rows="30%,*"> <frame><frameset cols="20%,*"> <frame> <frame></frameset></frameset></html> 2.框架的边框在<frameset>标记中，可运用border属性控制分割窗口框架的边框。基本语法：<frameset border="n">语法说明：n为整数，代表此窗口框架的宽度，单位为像素(px)。12 2.框架的边框示例：13<html><head><title>框架的边框控制</title></head><frameset rows="30%,*" border="12"> <frame> <frameset cols="20%,*"> <frame> <frame></frameset></frameset></html>