靜態網頁框架設計首次體驗（文章改）
根據教材與上網成功解決了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>
按照參考案例將網頁分割成多個子窗口的方法進行編譯，但出現子窗口無法通過總框架實現的問題，目前還未解決，如有大神路過，望指點迷津。
今後將不斷更新網站的建設情況
靜態網頁框架設計首次體驗（文章改）