静态网页框架设计首次体验(文章改)
根据教材与上网成功解决了Tomcat与Myeclipse的安装,同时熟悉了Java web创建项目到部署运行整个过程。今天起正式开始学习有关Java web的编程部分。Java web静态网页(HTML网页)的标记含义、基本语法的介绍到框架设计基本模板与案例,今天的学习的内容,让网页编程有了一个初步的框架。结合自身所在协会的情况,计划制作一个关于协会的网页,已有初步想法,望通过学习不断完善和修改协会网站。根据今天所学,并参考书本30页框架设计案例对网页进行初步搭建。
具体代码如下
TW.jsp:
<%@ 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 HTML 4.01 Transitional//EN">
<!-- 程序 main.html-->
<html>
<head>
<title>桂林理工大学天文协会</title>
</head>
<frameset rows="100,20,*">
<frame src="top.html" scrolling="no">
<frame src="middle.html" scrolling="no">
<frame src="down.html" scrolling="yes">
</frameset>
</html>
top.jsp:
<%@ 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 HTML 4.01 Transitional//EN">
<!-- 程序 top.html -->
<html>
<head>
<title>页面标题</title>
</head>
<body text="blue" background="image/tianwen.jpg">
<h3 align=left><b> 桂林理工大学天文协会</b></h3> <br>
<h2 align=left><b>Astronomy Club Of GUT</b></h2>
<hr size="2px" width="100%" color="blue">
</body>
</html>
middle.jsp:
<%@ 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 HTML 4.01 Transitional//EN">
<!-- 程序 middle.html -->
<html>
<head>
<title>搜索条目</title>
</head>
<body text="blue">
<a href="http://baike.sogou.com/v74185528.htm?fromTitle=%E6%A1%82%E6%9E%97%E7%90%86%E5%B7%A5%E5%A4%A7%E5%AD%A6%E5%A4%A9%E6%96%87%E5%8D%8F%E4%BC%9A">history</a>
<a href="photo.html">photo</a>
</body>
</html>
down.jsp:
<%@ 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 HTML 4.01 Transitional//EN">
<!-- 程序 down.html -->
<html>
<head>
<title>协会简介</title>
</head>
<body text="blue">
<p>桂林理工大学天文协会是一个校级学生社团组织,2009年10月开始筹备成立,
于2010年5月学校批准成立,原为院级社团。2013年3月获得批准升为校级社团,
更名为:桂林理工大学天文协会。是广西第三个成立的高校天文科普类社团。协会定位是科普型社团,
我们旨在为对天文感兴趣的同学提供学习、交流天文知识的平台,普及基础天文知识。
我们的活动有:会员动员大会、天文小课堂、国际观月夜、路边天文夜、团日活动、参观师大天文台等,同时根据天象举行观测活动,
如日月食、流星雨、彗星略日、金星凌日、水星凌日、人造天体过境,并在活动前期及活动进行时对相关知识进行讲解,以天文为依托,将天文渗透到每个活动中,
逐步实现普及天文知识。天文协会也是国际天文学联合会IAU的合作伙伴,联合云南天文台进行科普宣传,旨在科普天文知识,提升综合素质。</p>
</body>
</html>
photo.jsp:
<%@ 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 HTML 4.01 Transitional//EN">
<!-- 程序 photo.html -->
<html>
<head>
<title>图片浏览</title>
</head>
<body>
<img src="image/us.jpg">
</body>
</html>
按照参考案例将网页分割成多个子窗口的方法进行编译,但出现子窗口无法通过总框架实现的问题,目前还未解决,如有大神路过,望指点迷津。
今后将不断更新网站的建设情况