Static Web page frame Design first experience (article change)

Source: Internet
Author: User

The installation of Tomcat and MyEclipse has been successfully solved according to the textbook and the Internet, and the Java Web Creation project is familiar with the whole process of the deployment. Start learning about the programming part of the Java Web today. Java Web static Web page (HTML page) of the markup meaning, the introduction of basic grammar to the framework design of basic templates and cases, today's learning content, so that Web programming has a preliminary framework. In combination with the situation of their own association, plan to produce a Web page about the association, there are preliminary ideas, hope through learning to continuously improve and modify the association's website. According to today's study, and reference book of the 30-page framework design case for the initial construction of the Web page.

The specific code is as follows

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" >
<!--program Main.html-->
<title> Astronomy Association of Guilin University of Technology </title>


<frameset rows= "100,20,*" >
<frame src= "top.html" scrolling= "no" >
<frame src= "middle.html" scrolling= "no" >
<frame src= "down.html" scrolling= "yes" >
</frameset>

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" >
<!--program Top.html--
<title> Page Title </title>

<body text= "Blue" background= "image/tianwen.jpg" >
<H3 align=left><b> Guilin Polytechnic University Astronomical Association </b>


</body>

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" >
<!--program Middle.html--
<title> Search Items </title>

<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>

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" >
<!--program Down.html--
Introduction to <title> Association </title>

<body text= "Blue" >
<p> Guilin University of Technology Astronomy Association is a school-level student community organization, began in October 2009 to set up,
In May 2010, the school approved the establishment of the original hospital-level community. Approved as a school-level society in March 2013,
Renamed as: The Astronomical Association of Guilin Polytechnic University. Guangxi is the third established astronomical Popular Science society. Association positioning is a popular science-based society,
We aim to provide a platform for students interested in astronomy to learn and exchange astronomical knowledge, and to popularize basic knowledge of astronomy.
Our activities include: Member mobilization General Assembly, astronomical small classroom, international view Moonlight, roadside astronomical night, days mission activities, visit the Normal University observatory, etc., at the same time, according to the astronomical observation activities,
such as sun and moon food, meteor shower, comet a little day, Venus Ling Day, Mercury Ling Day, artificial celestial border crossing, and in the activities of the pre-and activities to explain the relevant knowledge, astronomy as the basis, will be the astronomy infiltration into each activity,
Gradually realize the popularization of astronomical knowledge. Astronomical Association is also the International Astronomical Union IAU partner, joint Yunnan Observatory to promote science popularization, aimed at science astronomy knowledge, improve the comprehensive quality. </p>
</body>

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" >
<!--program Photo.html--
<title> Image View </title>

<body>

</body>

According to the reference case to split the page into multiple sub-windows of the method to compile, but the child window can not be achieved through the general framework of the problem, has not been resolved, such as the great God passing by, looking at the maze.

will continue to update the construction of the site in the future

Static Web page frame Design first experience (article change)

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.