静态网页框架设计首次体验（文章改）
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了静态网页框架设计首次体验（文章改）相关的知识，希望对你有一定的参考价值。
根据教材与上网成功解决了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>
按照参考案例将网页分割成多个子窗口的方法进行编译，但出现子窗口无法通过总框架实现的问题，目前还未解决，如有大神路过，望指点迷津。
今后将不断更新网站的建设情况
以上是关于静态网页框架设计首次体验（文章改）的主要内容，如果未能解决你的问题，请参考以下文章