- 浏览: 69479 次
- 性别:
- 来自: 西安
文章分类
最新评论
-
watch:
呵呵,强大的不得了
如果你有两个window.onload=function(){} 引起冲突 -
ITeye管理员:
此文转自: http://atian25.iteye.com/ ...
ExtJS 2.3/3.0 定制你所需要的模块 -
atian25:
转载请注明出处,谢谢.
ExtJS 2.3/3.0 定制你所需要的模块
有时候需要生成静态的HTML页面以减小数据库与服务器的压力和负担,于是在网络上一阵狂搜,找到几篇相当不错的文章和一些相当有用的资料。为了方便,我整理在自己的BLOG,以供参考!
在接下来的应用中,我自己想到另一种解决方案,就是通过Ajax + Struts + XML解决静态页面方案,一并写下来,与大家分享!
生成静态页面技术解决方案之一(转载)
生成静态页面技术解决方案之二(转载)
一个实现将动态页面转为静态的方案(转载)
JSP生成静态HTML页面范例(转载)
利用XML+XSL生成静态页面技术方案(转载)
Ajax + Struts + XML解决静态页面方案(原创)
随着网站访问量的加大,每次从数据库读取都是以效率作为代价的,静态页加在搜索时,也会被优先考虑。互联网上流行的做法是将数据源代码写入数据库再从数据库读取生成静态面,这样无形间就加大了数据库。将现有的JSP页直接生成静态页,将会节省很多。
为什么要生成静态首页?
1、如果你首页读取的数据库次数比较多,速度很慢,而且占用很多服务器资源。使用静态页面访问速度当然快多了
2、搜索引擎容易搜索到
3、如果程序出问题,也能保证首页能访问
诸如此类等等好处,那么下面几篇文章给大家几个完整的解决方案!
----------------------------------------------------------------------------------------------------
生成静态页面技术解决方案之一
转载者前言:这是一个全面的jsp动态页面静态化方案,本站的帖子静态化方案将借鉴这篇帖子中方法。向http://www.agilejava.org的single的共享精神致敬。
转帖正文:
相信很多人都希望自己的页面越快越好,最好是能静态的,提高客户访问速度。也便于搜索引擎搜索。所以,就希望我们的动态读取数据库的页面,尽可能的生成静态页面。一下系列文章,介绍一下个人的解决方案。
本系列将介绍个人的一种方法,在不改变原来jsp文件的基础上,只需要加入少量的代码,就让你的新闻发布系统,很容易就完全变成静态的页面。
本文假设你是用java开发的web动态页面。
第一步,加入servlet.代码如下。
public class ToHtml extends HttpServlet {
public void service(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
String url = "";
String name = "";
ServletContext sc = getServletContext();
String file_name = request.getParameter("file_name");// 你要访问的jsp文件名,如index,不包括扩展名
// 则你访问这个servlet时加参数.如http://localhost/test/toHtml?file_name=index
url = "/" + file_name + ".jsf";// 你要生成的页面的文件名。我的扩展名为jsf .
name = ConfConstants.CONTEXT_PATH+"\\"+ file_name + ".htm";// 这是生成的html文件名,如index.htm.文件名字与源文件名相同。扩展名为htm
//ConfConstants.CONTEXT_PATH为你的应用的上下文路径。
RequestDispatcher rd = sc.getRequestDispatcher(url);
final ByteArrayOutputStream ōs = new ByteArrayOutputStream();
final ServletOutputStream stream = new ServletOutputStream() {
public void write(byte[] data, int offset, int length) {
os.write(data, offset, length);
}
public void write(int b) throws IOException {
os.write(b);
}
};
final PrintWriter pw = new PrintWriter(new OutputStreamWriter(os));
HttpServletResponse rep = new HttpServletResponseWrapper(response) {
public ServletOutputStream getOutputStream() {
return stream;
}
public PrintWriter getWriter() {
return pw;
}
};
rd.include(request, rep);
pw.flush();
FileOutputStream fos = new FileOutputStream(name); // 把jsp输出的内容写到xxx.htm
os.writeTo(fos);
fos.close();
PrintWriter ōut = response.getWriter();
out
.print("<p align=center><font size=3 color=red>页面已经成功生成!single<br>http://www.agilejava.org/space/? 233</font></p>");
}
}
第二步、配置你的web.xml
<servlet>
<servlet-name>toHtml</servlet-name>
<servlet-class>mj.util.html.ToHtml</servlet-class>//你的servlet的类。
</servlet>
<servlet-mapping>
<servlet-name>toHtml</servlet-name>
<url-pattern>/toHtml</url-pattern>
</servlet-mapping>
第三步、运行servlet。如:http://localhost:8080/test/toHtml?file_name=index
OK,这就在你的test项目的根目录下,生成了一个index.htm的静态文件。
局限性:本文只能生成一个文件!访问一次,生成一个文件。并且生成的文件名也与原来的文件名相同。
比较适合主页生成静态页面。
本系列的后续文章将解决更多的问题。使之在新闻发布系统中,很容易就集成应用。
----------------------------------------------------------------------------------------------------
生成静态页面技术解决方案之二
注意:转贴本文,请加上本文链接http://www.agilejava.org/space/?233/action_viewspace_itemid_21.html
在上一篇文章中,生成静态页面,是有一定的局限性的。生成主页是很方便,但要生成二级页面,就不方便了。
本文假设一个新闻发布系统。希望后台发布的,前台显示的是静态的文档。这就涉及,主页要是静态的,同时二级列表也是静态的,新闻内容也是静态的。也就是说,在发布一篇新闻的时候,可能涉及到三个地方生成静态文档。并且,要生成一个网页,必须访问一个servlet。在大量生成静态网页的时候,
以下方法,可以解决这些问题。
一、加入一下servelet
/**
* @file_name 文件名及文件之后的参数.最好为a.jsf?fileId=aaaa
* @path 文件所在的路径.相对于根目录而言的.
* @realName文件要保存的名字
* @realPath文件要保存的真实路径。默认与文件所在的目录相同。
*/
public class ToHtmlPath extends HttpServlet {
public void service(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
String url = "";
String name = "";
ServletContext sc = getServletContext();
String file_name = request.getParameter("file_name");// 你要访问的jsp文件,如news.jsf。
// file_name如:fileDetail.jsf?fileId=56.要是有参数,只有一个参数。并且以参数名作为文件名。
String realName = request.getParameter("realName");// 要保存的文件名。如aaa;注意可以没有这个参数。
String path = request.getParameter("path");// 你要访问的jsp文件路径。如news。注意可以没有这个参数。
String realPath = request.getParameter("realPath");// 你要保存的文件路径,如htmlNews.注意可以没有这个参数。
// 下面确定要保存的文件名字。
if (realName == null || realName == "") {
int a = 0;
a = file_name.indexOf("=") + 1;
realName = file_name.substring(a);
if (realName.indexOf(".")>0) {
realName = file_name.substring(0, file_name.indexOf("."));
}
}
// 下面构造要访问的页面。
if (path == null || path == "") {
url = "/" + file_name;// 这是你要生成HTML的jsp文件,如
} else {
url = "/" + path + "/" + file_name;// 这是你要生成HTML的jsp文件,如
}
// 下面构造要保存的文件名,及路径。
// 1、如果有realPath,则保存在realPath下。
// 2、如果有path则保存在path下。
// 3、否则,保存在根目录下。
if (realPath == null || realPath == "") {
if (path == null || path == "") {
name = ConfConstants.CONTEXT_PATH + "\\" + realName + ".htm";// 这是生成的html文件名,如index.htm.说明: ConfConstants.CONTEXT_PATH为你的上下文路径。
} else {
name = ConfConstants.CONTEXT_PATH + "\\" + path + "\\"
+ realName + ".htm";// 这是生成的html文件名,如index.htm.
}
} else {
name = ConfConstants.CONTEXT_PATH + "\\" + realPath + "\\"
+ realName + ".htm";// 这是生成的html文件名,如index.htm.
}
// 访问请求的页面,并生成指定的文件。
RequestDispatcher rd = sc.getRequestDispatcher(url);
final ByteArrayOutputStream ōs = new ByteArrayOutputStream();
final ServletOutputStream stream = new ServletOutputStream() {
public void write(byte[] data, int offset, int length) {
os.write(data, offset, length);
}
public void write(int b) throws IOException {
os.write(b);
}
};
final PrintWriter pw = new PrintWriter(new OutputStreamWriter(os));
HttpServletResponse rep = new HttpServletResponseWrapper(response) {
public ServletOutputStream getOutputStream() {
return stream;
}
public PrintWriter getWriter() {
return pw;
}
};
rd.include(request, rep);
pw.flush();
FileOutputStream fos = new FileOutputStream(name); // 把jsp输出的内容写到xxx.htm
os.writeTo(fos);
fos.close();
PrintWriter ōut = response.getWriter();
out.print("<p align=center><font size=3 color=red>success!</font></p>");
}
}
二、在web.xml里面配置你的servlet
<servlet>
<servlet-name>toHtmlPath</servlet-name>
<servlet-class>mj.util.html.ToHtmlPath</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>toHtmlPath</servlet-name>
<url-pattern>/toHtmlPath</url-pattern>
</servlet-mapping>
三、写一个通用的方法, 供调用。
public class CallHtml {
public static void callOnePage(String fileName, String path,
String realName, String realPath) {
try {
String str = "http://localhost:8080/test/toHtmlPath?file_name="
+ fileName + "&&path=" + path + "&&realName=" + realName
+ "&&realPath=" + realPath;
int httpResult;
URL url = new URL(str);
URLConnection connection = url.openConnection();
connection.connect();
HttpURLConnection httpURLConnection = (HttpURLConnection) connection;
httpResult = httpURLConnection.getResponseCode();
if (httpResult != HttpURLConnection.HTTP_OK) {
System.out.println("没有连接成功");
} else {
System.out.println("连接成功了 ");
}
} catch (Exception e) {
// TODO: handle exception
}
}
//这个方法适当重载,就可以省去一些参数传递。
}
四、在你的新闻发布save时,调用方法。
1、CallHtml.callOnePage("info.jsf?file_id=aaa",news,"", "");//将在news目录下生成一个aaa.htm的静态文件
2、CallHtml.callOnePage("newsList.jsf",news,"", "");//将在news目录下生成一个newsList.htm的静态文件,显示最新的新闻。
3、CallHtml.callOnePage("index.jsf","","", "");//生成主页。
好了,这就保持了,主页、列表、新闻内容都是最新的静态页面了。
----------------------------------------------------------------------------------------------------
一个实现将动态页面转为静态的方案
1.前言
为了能深入浅出的理解这个框架的由来,我们首先来了解一下JSP解析器将我们写的JSP代码转换成的JAVA文件的内容。
下面是一个JSP文件test.jsp
经过TOMCAT转换出的JAVA文件test$jsp.java内容如下:
package org.apache.jsp;
import javax.servlet.*;
import javax.servlet.http.*;
import javax.servlet.jsp.*;
import org.apache.jasper.runtime.*;
public class test$jsp extends HttpJspBase {
static {
}
public testOutRedir$jsp( ) {
}
private static boolean _jspx_inited = false;
public final void _jspx_init() throws org.apache.jasper.runtime.JspException {
}
public void _jspService(HttpServletRequest request, HttpServletResponse response)
throws java.io.IOException, ServletException {
JspFactory _jspxFactory = null;
PageContext pageContext = null;
HttpSession session = null;
ServletContext application = null;
ServletConfig config = null;
JspWriter out = null;
Object page = this;
String _value = null;
try {
if (_jspx_inited == false) {
synchronized (this) {
if (_jspx_inited == false) {
_jspx_init();
_jspx_inited = true;
}
}
}
_jspxFactory = JspFactory.getDefaultFactory();
response.setContentType(text/html;charset=GB2312);
pageContext = _jspxFactory.getPageContext(this, request, response,
, true, 8192, true);
application = pageContext.getServletContext();
config = pageContext.getServletConfig();
session = pageContext.getSession();
out = pageContext.getOut();
//为了节省篇幅,我删除了解释器添加的注释
out.write(\r\n);
//上一句是由于后面的换行产生的
out.write();
out.write(\r\n\r\n\r\n\r\n);
out.print( 输出 );
out.write(\r\n\r\n\r\n\r\n);
} catch (Throwable t) {
if (out != null && out.getBufferSize() != 0)
out.clearBuffer();
if (pageContext != null) pageContext.handlePageException(t);
} finally {
if (_jspxFactory != null) _jspxFactory.releasePageContext(pageContext);
}
}
}
从上面的代码中可以清晰的看到JSP内建的几个对象(out、request、response、session、pageContext、application、config、page)是怎么产生的,懂servlet的朋友一看就能明白。
下面重点理解一下out对象,它被声明为JspWriter类型,JspWriter是一个抽象类,在包javax.servlet.jsp中可以找到它的定义。
abstract public class javax.servlet.jsp.JspWriter extends java.io.Writer{
final public static int NO_BUFFER = 0;
final public static int DEFAULT_BUFFER = -1;
final public static int UNBOUNDED_BUFFER = -2;
protected int bufferSize;
protected Boolean autoFlush;
protected javax.servlet.jsp.JspWriter(int arg1, boolean arg2);
abstract public void newLine() throws IOException ;
abstract public void print(boolean arg0) throws IOException ;
abstract public void print(char arg0) throws IOException ;
abstract public void print(int arg0) throws IOException ;
abstract public void print(long arg0) throws IOException ;
abstract public void print(float arg0) throws IOException ;
abstract public void print(double arg0) throws IOException ;
abstract public void print(char[] arg0) throws IOException ;
abstract public void print(String arg0) throws IOException ;
abstract public void print(Object arg0) throws IOException ;
abstract public void println() throws IOException ;
abstract public void println(boolean arg0) throws IOException ;
abstract public void println(char arg0) throws IOException ;
abstract public void println(int arg0) throws IOException ;
abstract public void println(long arg0) throws IOException ;
abstract public void println(float arg0) throws IOException ;
abstract public void println(double arg0) throws IOException ;
abstract public void println(char[] arg0) throws IOException ;
abstract public void println(String arg0) throws IOException ;
abtract public void println(Object arg0) throws IOException ;
abstract public void clear() throws IOException ;
abstract public void clearBuffer() throws IOException ;
abstract public void flush() throws IOException ;
abstract public void close() throws IOException ;
public int getBufferSize() ;
abstract public int getRemaining() ;
public boolean isAutoFlush() ;
}
我相信当我写到这里你可能已经知道我想怎么做了。是的,来个偷天换日,继承JspWriter类,然后实现其定义的虚函数,然后把out变量替换成你自己实现的类的实例就ok了。
2.实现替换
假设
3.更新问题
下面就讨论一下如何更新生成静态文件,其实从上面实现中你可以看到,很简单的就是将生成的静态文件删除即可,至于什么时候删除,要看你的需求了。我能想到的几种情况如下
当用来生成页面的数据更新时
如果不需要很提供时时的数据可以定时更新
永远不更新
----------------------------------------------------------------------------------------------------
JSP生成静态HTML页面范例
先建立一个模本页面:template.htm
<Html>
<head>
<title>###title###</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<LINK href="../Css.css" rel=stylesheet type=text/css>
</head>
<body>
<table width="500" border="0" align="center" cellpadding="0" cellspacing="2">
<tr>
<td align="center">###title###</td>
</tr>
<tr>
<td align="center">作者:###author### </td>
</tr>
<tr>
<td>###content###
</td>
</tr>
</table>
</body>
</html>
=========================================
再写一个jsp页面: buildhtml.jsp
<%@ page contentType="text/html; charset=gb2312" import="Java.util.*,java.io.*"%>
<%
try{
String title="jsp生成静态html文件";
String content="小样,还搞不定你?";
String editer="webjxcom";
String filePath = "";
filePath = request.getRealPath("/")+"template.htm";
out.print(filePath);
String templateContent="";
FileInputStream fileinputstream = new FileInputStream(filePath);//读取模块文件
int lenght = fileinputstream.available();
byte bytes[] = new byte[lenght];
fileinputstream.read(bytes);
fileinputstream.close();
templateContent = new String(bytes);
out.print(templateContent);
templateContent=templateContent.replaceAll("###title###",title);
templateContent=templateContent.replaceAll("###content###",content);
templateContent=templateContent.replaceAll("###author###",editer);//替换掉模块中相应的地方
out.print(templateContent);
// 根据时间得文件名
Calendar calendar = Calendar.getInstance();
String fileame = String.valueOf(calendar.getTimeInMillis()) +".html";
fileame = request.getRealPath("/")+fileame;//生成的html文件保存路径
FileOutputStream fileoutputstream = new FileOutputStream(fileame);//建立文件输出流
out.print("文件输出路径:<br>");
out.print(fileame);
byte tag_bytes[] = templateContent.getBytes();
fileoutputstream.write(tag_bytes);
fileoutputstream.close();
}
catch(Exception e){
out.print(e.toString());
}
%>
----------------------------------------------------------------------------------------------------
Ajax + Struts + XML解决静态页面方案(原创)
对于其他几位前辈提出的方案,我也是受益良深,所以方案中,最简单的就是将JSP输出为HTML,最麻烦的是利用IO将输出信息组成HTML文件,最难的对我来说应该是生成XML的方案。我没有学XSL,但据说比较难,远不如HTML那么容易。尽管如此,生成XML这种方案却是我最欣赏的,原因有四:
第一是实现了表示与数据的分离;
第二是易于操作,增删改都相当方便;
第三是跨平台特性让它应用领域更广;
第四XML本身就可以当数据库使用,使得它可以合理组织数据。
OK,基于这些原因,小弟在推敲中想到一个解决方案:如果我们在服务器生成若干XML文档,由统一的HTML装载,然后客户端执行HTML时,通过AJAX异步载入XML文档数据,那么结果是否会达到达人心动的效果呢?
实现此技术需要解决的问题:
1. 从数据库取数据动态生成并写入XML文件
2. 利用URL传入XML文档名
3. 客户端使用JS解析URL取XML文档名然后使用AJAX载入文件,最后动态组织数据到页面中
以上分析是小弟一些拙见,高手勿笑!小弟在想到这个方案时,便马上写了一个Demo测试了一下,程序采用的是Strut框架写的,完成功能就是以上三点的描述,不过为了测试方便,并未使用数据库,而是自己定义了用于构造XML文件的类手动输入的,程序打包的下载地址:http://download.csdn.net/user/rodgersnow 大家找到利用AJAX生成静态HTML的Demo就可以下载了
原文地址:http://hi.baidu.com/hdt511/blog/item/e4ae09330aa4d8fd1b4cffd0.html
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/zoucui/archive/2009/03/26/4027378.aspx
发表评论
-
JPG图片在IE下不显示的原因
2010-04-19 17:08 3173今天上传图片,全部是jpg格式,并且大小、路径都一致,但总是有 ... -
遇到Hibernate不能自动创建表的问题及解决办法
2009-12-23 22:30 2039今天用hibernate遇到不能创建表的问题,很郁闷,检查了配 ... -
struts2实现上传文件、生成缩略图、添加文字和图片水印
2009-11-03 23:35 16811、页面代码 代码: &l ... -
JSP使用JSON实现二级联动菜单
2009-10-31 23:27 1680小弟今天使用JQUERY实现二级联动菜单,但是怎么调试都没有成 ... -
SPRING中属性SCOPE的意义
2009-10-25 23:37 805<listener> <list ... -
用CSS来解决输入框和按钮对不齐的问题
2009-10-25 02:03 2819今天我将介绍一下如何使用CSS中的背景图片来设计你的搜索框。之 ... -
关于jstl报错的问题,解决办法
2009-10-24 23:38 871自己在做项目中出现jstl异常:“ The absolute ... -
生成静态页面
2009-09-28 19:26 770提升网站性能的方式有很多,例如有效的使用缓存,生成静态页面等等 ... -
利用Java生成静态HMTL页面的方法收集
2009-09-28 19:21 963生成静态页面技术解决 ... -
ZZ项目管理实践教程二、源代码控制【Source Control Using VisualSVN Server and TortoiseSVN】
2009-09-20 18:58 813在第一篇文章 项目管理实践教程一、工欲善其事,必先利其器【Ba ... -
ZZ项目管理实践教程一、工欲善其事,必先利其器【Basic Tools】
2009-09-20 18:57 748今天,我们首先安装一些必须的软件,主要有下面的4个,其中软件1 ... -
JSTL多行多列显示
2009-09-09 20:57 1748如图用循环输出多行多列: 代码:假设从Servlet ... -
连接池
2009-05-08 23:27 693当客户端有一个连接请求提交上来时,服务 ... -
Filter过滤器
2009-05-08 23:27 797Filter过滤器工作原理的理解: ...
相关推荐
基于HTML+CSS的静态网页设计仿网易云音乐静态页面项目源码.zip 亲测95分以上高分必过项目,下载即用无需修改。 基于HTML+CSS的静态网页设计仿网易云音乐静态页面项目源码.zip 亲测95分以上高分必过项目,下载即用...
html静态页面源代码 静态网页制作代码【CSS+DIV】 HTML静态页面(CSS+DIV) 这是期末老师HTML老师布置的。本来要求一个,但我做了三个。 主要是CSS+DIV做的(3个项目)。 对于页面的布局,代码的规格,命名,都很清晰...
基于HTML+CSS的静态网页设计仿网易云音乐静态页面95分以上项目源码+项目说明.zip基于HTML+CSS的静态网页设计仿网易云音乐静态页面95分以上项目源码+项目说明.zip基于HTML+CSS的静态网页设计仿网易云音乐静态页面95分...
在这个“html个人博客的静态网页”压缩包中,包含了一个已经设计完成的个人博客的静态页面。静态网页意味着页面内容在服务器端不进行动态生成,而是以固定的HTML文件形式存在,当用户请求时,服务器直接发送这些文件...
在“HTML+CSS作业静态页面源码”中,我们可以期待看到一系列使用HTML和CSS编写的网页文件。这些源码可能是为了教学目的或个人项目而创建的,展示了如何使用这两种技术来构建静态网页。静态页面意味着它们不包含...
在"网站静态页面demo"这个案例中,我们可以深入学习和理解如何构建一个完整的静态网页。"页面布局"标签提示我们,这个压缩包可能包含了一些关于网页布局设计的知识点。 1. **HTML结构**:HTML(超文本标记语言)是...
在IT行业中,特别是Web开发领域,静态页面模板和动态特效页面是两个重要的组成部分。静态页面模板主要用于快速构建网站的基础布局,而动态特效则为用户体验增添趣味性和互动性。以下是对这些资源的详细解读: 首先...
静态网页模板中的CSS文件确保了网页的整体视觉效果和一致性。 3. **JavaScript交互**:JavaScript是一种客户端脚本语言,用于增加网页的交互性,例如表单验证、动态效果和数据处理。在模板中,JavaScript代码可能...
大学生静态网页设计期末作业蛋糕店主题静态网页大作业html源码。 网页设计期末大作业,静态网页,HTML,大学生期末必过项目,95分以上,代码含有注释,亲自操作就可以搞定期末作业啦 大学生静态网页设计期末作业...
在本项目中,“静态网页-1号店.zip”是一个包含了构建简单电商网站所需的各种静态页面的压缩文件。这个项目主要运用了HTML(超文本标记语言)来定义网页结构,CSS(层叠样式表)用于控制网页的外观和布局,以及少量...
【描述】中提到的“商城静态页面js开发”是指这个项目主要通过JavaScript语言来实现商城界面的各种交互效果和功能。JavaScript是一种广泛使用的客户端脚本语言,它允许在用户浏览器上运行代码,为网页添加动态元素和...
标题中的“自己写的静态页面大屏”指的是一个个人创建的、用于大屏幕展示的静态网页。这类网页通常不依赖服务器端动态数据,而是通过HTML、CSS和JavaScript等前端技术实现,便于快速部署和访问。这样的页面可能包含...
大学生Web前端静态网页设计期末大作业(高分必看)大学生Web前端静态网页设计期末大作业(高分必看)大学生Web前端静态网页设计期末大作业(高分必看)大学生Web前端静态网页设计期末大作业。大学生Web前端静态网页...
在这个例子中,“html+css编写的简单静态页面”很可能包含了一个基础的HTML文件,这个文件可能使用了`div`来组织页面内容,用`float`来处理元素的位置,以及用`ul`创建了某种形式的列表。同时,CSS可能被用来添加...
通过完成这个“html+css猫眼PC静态页面”项目,初学者不仅能熟悉HTML和CSS的基本用法,还能了解到网页开发的整体流程,为后续深入学习前端开发打下坚实基础。实践中遇到的问题和解决方法也是宝贵的学习经验。
虽然这个系统仅包含静态页面,但仍然可以从中学到关于网页设计和开发的重要知识点。 1. HTML基础知识: - **HTML标记语言**:HTML是构成网页的基础,用于定义页面结构和内容。在这个选课系统中,可以看到如`<form>...
本项目名为"聊天界面/客服 静态页面HTML+CSS+JS",它是一个简单的前端实现,适用于创建一个用于与客服交流的静态网页。下面我们将深入探讨这个项目涉及的关键知识点。 1. **HTML (HyperText Markup Language)** ...
静态页面是互联网上最早出现的网页形式,至今仍广泛应用于个人博客、产品展示、简单的信息共享等场景。 "自我介绍静态页面"可能是一个专门用于展示个人信息的网页。它可能包含以下几个部分: 1. **头部**:页面的...