DHTML与框架集<FRAMESET>：动态网站与静态网站解析

DHTML
需积分: 11 1 下载量 136 浏览量 更新于2024-08-18 收藏 1.1MB PPT 举报
"框架集标记<FRAMESET>是用于创建DHTML动态网页的一种技术，它替代了传统的<BODY>标签，并通过<FRAME>标签定义多个独立显示区域。这种结构常用于构建复杂的网页布局，使得不同内容可以同时在不同的框架中显示。DHTML（Dynamic HTML）则是指动态的HTML，它可以实现页面内容的动态更新，无需用户刷新页面，常与服务器端的编程语言如ASP、PHP、JSP等结合，以实现与数据库交互的功能。" 在网页设计中，<FRAMESET>标记是HTML中的一个关键元素，它允许开发者将一个网页分割成多个框架，每个框架可以独立显示不同的网页内容。这样，用户在浏览页面时，可以在同一浏览器窗口内查看和操作多个相互独立的部分。例如，一个常见的应用是将页面顶部设置为导航栏，左侧作为目录，右侧显示主要内容。 <FRAMESET>标签的使用方式如下： ```html <!DOCTYPE html> <html> <head> <title>基本框架代码示例</title> </head> <frameset> <frame src="frame1.html"> <!-- 第一个框架，显示frame1.html的内容 --> <frame src="frame2.html"> <!-- 第二个框架，显示frame2.html的内容 --> <!-- 更多frame标签可以添加以创建更多框架 --> </frameset> </html> ``` DHTML（Dynamic HTML）与静态HTML的主要区别在于，静态HTML页面的内容在创建时已经固定，而DHTML页面则可以通过JavaScript、CSS和DOM（Document Object Model）进行实时更新，提供更丰富的交互性和动态效果。例如，通过JavaScript可以响应用户的点击事件，动态改变页面元素的样式或内容。 在应用程序开发体系中，常见的架构模式有两种：B/S（Browser/Server，浏览器/服务器）结构和C/S（Client/Server，客户端/服务器）结构。B/S结构的典型代表是Web应用，用户通过浏览器访问服务器上的应用，浏览器端通常使用HTML、CSS、JavaScript等技术，而服务器端可能使用ASP.NET、PHP、JSP等编程语言。C/S结构则常见于桌面应用，客户端程序直接与服务器通信，如VB、VC、Java等。 HTML（HyperText Markup Language）是网页设计的基础，它是一种标记语言，用于描述网页的结构和内容。HTML4.0是其目前广泛使用的版本，不过现在HTML5已经普及并提供了更多的功能和改进。HTML文件通常以.htm或.html为扩展名，遵循一定的命名规则，例如避免空格和特殊字符，常用下划线连接单词，区分大小写，首页文件名一般为index.htm或index.html。 HTML文件的结构主要由<html>、<head>和<body>标签组成。<head>标签包含页面元信息，如<title>定义页面标题，<meta>定义元数据，而<body>标签则包含页面的可见内容。在复杂布局中，还可以利用<frameset>来创建多框架页面，增强用户体验。

HTML里面的FrameSet小例子

128 浏览量
1. **<frameset>元素**：`<frameset>`是HTML中用于定义框架集的标签，它将页面划分为多个框架。`<frameset>`通常包含一个或多个`<frame>`元素，每个`<frame>`元素表示一个独立的浏览区域。 2. **<frame>元素**：`...

HTML框架演示,frameset,frame

2011-12-30 上传
<title>框架页面</title> <frameset cols="50%,50%"> <frame src="left.html"> <frame src="right.html"> </frameset> </head> </html> ``` 在这个例子中，`<frameset cols="50%,50%">`创建了一个两列的布局，...

HTML标签说明

2014-10-12 上传
- **应用场景**: 放置在`<colgroup>`标签内，用于设置列的样式属性，如宽度、颜色等。 #### <colgroup> - **标签**: `<colgroup>` - **描述**: 定义表格中的一组列。 - **应用场景**: 用于对表格中的列进行分组，并...

将以下页面代码进行美化 <html> <meta charset="UTF-8"> <head> <frameset rows="10%,*" > <frame src = "top1.html" name = "top" ></frame> <frameset cols="12%,*"> <frame src="right1.html" name="left" ></frame> <frame src="main1.html" name="main" ></frame> </frameset> </frameset> </head> </html>

2023-06-07 上传
<html> <head> <meta charset="UTF-8"> <style> frameset { border: none; margin: 0; padding: 0;... </style> </head> <frameset rows="10%,*"> <frame src="top1.... </frameset> </frameset> </html>

<frameset></frameset>为什么pycharm用不了这个

2024-06-10 上传
`<frameset>` 标签是 HTML 4.01 和 HTML5 中用于创建框架集（frame sets）的元素，它允许开发者将一个网页分割成多个独立的窗口（frames），这些窗口可以在同一页面上并排或堆叠显示内容。然而，PyCharm 是一个集成...

将以下页面进行渲染，使其页面更漂亮 <html> <meta charset="UTF-8"> <head> <frameset rows="10%,*" > <frame src = "top1.html" name = "top" ></frame> <frameset cols="12%,*"> <frame src="right1.html" name="left" ></frame> <frame src="main1.html" name="main" ></frame> </frameset> </frameset> </head> </html>

2023-06-07 上传
<li><a href="#">Link 3</a></li> </ul> </aside> <section> <h2>Main Content</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sit amet turpis auctor, posuere dolor sed, ...

用Html frameset制作框架集页面结构的代码

2024-09-19 上传
<title>框架集示例</title> </head> <body> <frameset cols="20%,80%"> <frame src="left.html" name="frame_left"> <!-- 左侧框架 --> <frame src="main.html" name="frame_main"> <!-- 主体框架 --> </frameset...

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>宿舍管理系统界面</title> </head> <frameset rows="80,700,31" cols="50" frameborder="no" border="0" framespacing="0"> <frame src="top.jsp" name="topFrame" noresize="noresize" id="topFrame" title="topFrame" /> <frameset cols="187,*" frameborder="no" border="0" framespacing="0"> <frame src="left.jsp" name="leftFrame" noresize="noresize" id="leftFrame" title="leftFrame" /> <frame src="right.jsp" name="rightFrame" id="rightFrame" title="rightFrame" /> </frameset> <frame src="footer.jsp" name="bottomFrame" noresize="noresize" id="bottomFrame" title="bottomFrame" /> </frameset> <noframes><body> </body></noframes> </html> 帮我修改这个页面中各个页面的比例

2023-07-15 上传
您可以通过调整`<frameset>`标签中的`rows`和`cols`属性来修改各个页面的比例。这些属性决定了框架的行和列的大小。在给定的示例代码中，`rows="80,700,31"`表示第一行高度为80像素，第二行高度为700像素，第三行...

html5网页设计，设计一个上下两栏框架集，点击上方框架中的超链接，网页内容显示在下方框架中

2023-06-10 上传
<title>上下两栏框架集</title> </head> <frameset rows="30%,70%"> <!-- 指定两个框架的高度比例 --> <frame src="top_frame.html" name="top_frame"> <!-- 上方框架，指定超链接的目标为下方框架 --> <frame ...

html框架布局网页代码

2023-05-24 上传
HTML 框架布局可以使用 `<frameset>` 标签和 `<frame>` 标签。下面是一个简单的例子： ``` <!DOCTYPE html> ...在实际开发中，`<frameset>` 和 `<frame>` 标签已经过时了，推荐使用 CSS 布局来替代框架布局。
双联装三吋炮的娇喘
  • 粉丝: 15
  • 资源: 2万+
上传资源 快速赚钱

最新资源