<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Java Server Page</title>
<!-- Adding some meta tags to HEAD section -->
<meta name="Description" content=
"A Simplfied Guide to JavaServer Pages Technology">
<meta name="Page" content="01">
<meta name="Author" content="Cheng-chien Yu">
<meta name="Source" content="from Sun Microsystem">
<style type = "text/css">
div.special {
background-color: #ffccff;
margin-bottom: .5em;
font-size: 1.5em;
width: 50%
}
div.head {
background-color: #ffffff;
margin-bottom: .5em;
font-size: 1.5em;
width: 100%;
}
/* A style for a DIV tag named "green", and causes the section
to hava a green backgroun with white text. */
div.green {
background : Green;
color : White;
font-family: verdana,arial,helvetica,sans-serif;
text-align: justify;
}
/* A style for all H4 tags that will make the text red, 14 points,
sligned right, and italic. */
h4 {
color : Red;
font-size : 14pt;
text-align : right;
font : italic;
font-family: verdana,arial,helvetica,sans-serif;
}
p {
font-family: verdana,arial,helvetica,sans-serif;
text-align: justify;
font-size: 13px;
}
.heading {
font-family: verdana,arial,helvetica,sans-serif;
color: #ffffff;
font-size: 14px;
}
.textbody {
font-family: verdana,arial,helvetica,sans-serif;
font-size: 13px;
}
small {
font-size: 50%;
}
.tableHead {
font-family: verdana,arial,helvetica,sans-serif;
color: #CC6600;
font-size: 14px;
}
</style>
</head>
<body bgcolor="#ffffff">
<div class="head" style="text-align:right">
<!-- Two identical images. One aligned to right and one to left -->
<a href="http://java.sun.com/products/jsp/">
<img border="0" src="images/javalogo52x88.gif" alt="Java Logo" hspace="10" align="right">
<img border="0" src="images/javalogo52x88.gif" alt="Java Logo" hspace="10" align="left">
</a><br>
<big>J</big>AVA<big>S</big>ERVER <big>P</big>AGES<SUP><small>TM</small></SUP><BR>A Simplified Guide
</div>
<!-- begin of content -->
<!-- a link to navigate from the top to bottom -->
<a href="#bottom"><img src="images/go_bottom.gif" border="0" alt="Go Bottom"></a>
<table cellspacing="0" cellpadding="0" border="0" height="19">
<tr>
<td bgcolor="#8CAAE7" valign="top">
<img src="images/crvRt_8CAAE7.gif" width="10" height="19" alt="" border="0"></td>
<td bgcolor="#8CAAE7" nowrap width="100%">
<img src="images/ts.gif" width="1" height="1" alt="" border="0">
<b class="heading">1. Executive Summary</b></td>
<td width="175" height="19" background="images/gradient_8CAAE7.gif">
<img src="images/ts.gif" width="175" height="19" alt="" border="0"></td>
</tr>
</table>
<p>The Internet was once full of Web sites hosting static pages ("brochure-ware")
or simple forms at best. Now it's an interactive environment for transacting
daily business, from shopping to trading stocks to interacting with suppliers, in
a personalized and dynamic setting. Today, the tools and products to build dynamic,
Web-based applications are still maturing. Traditionally, companies used CGI
applications to generate dynamic content for Web pages. But that solution hasn't
scaled well to support complex functionality and growing numbers of concurrent
users. JavaServer Pages <SUP><small>TM</small></SUP> (JSP<SUP><small>TM</small></SUP>)
technology provides a highly scalable method for creating dynamic content for the
Web. As part of the Java<SUP><small>TM</small></SUP> family of APIs, JSP technology
shares the Write Once, Run Anywhere<SUP><small>TM</small></SUP> benefits of the Java
platform, with easy access to a broad range of Java APIs. JSP technology enables
a tiered development methodology that lets organizations leverage internal
programming expertise to create applications that are fast to deploy and easy to
maintain.</P>
<P>A Web-based client architecture may have three or more layers. This multitier
architecture provides many benefits over a traditional (two-tiered) client/server
architecture.</P>
<!-- Using the DIV style named "green" -->
<div class="green">
<UL>
<LI>Installing and deploying the user interface is virtually instantaneous -
only the Web interface in the middle tier needs to be updated.</LI>
<LI>Because the application itself is server-based, users always access the
most up-to-date version.</LI>
<LI>Without a "thick" client interface, it is easier to deploy, maintain, and
modify applications - no matter where the client is located.</LI>
</UL>
</div>
<P>These benefits explain the growing popularity of the multitier architecture, and why
almost every client/server application provider has retooled or is retooling to support
Web-based clients.</P>
<!-- Using the h4 style -->
<h4>Development Tools and Methodologies Are Maturing</h4>
<P>Companies building and deploying applications on this model are faced with an
application environment that is still maturing. A number of different technologies -
ranging from traditional CGI scripts to JSP technology - are available today to build
the interactive, "customer-facing" component of these applications. The challenge is
selecting an application architecture and component design that meets the evolving
user needs (whether they be customers, partners, or internal staff) as well as the
enterprise's own IT requirements.</P>
<!-- a table on first page with four columns wide by three rows -->
<!-- use the width attribute to set the width of table -->
<table width="100%" bordercolor="#00ff00" border="2">
<tr>
<th class="tableHead">Head One</th>
<th class="tableHead">Head Two</th>
<th class="tableHead">Head Three</th>
<th class="tableHead">Head Four</th></tr>
<tr>
<td align="center" rowspan="2">
<!-- using a small .GIF file in this cell -->
<a href="http://java.sun.com/products/jsp/">
<img border="0" src="images/javalogo52x88.gif" alt="Java Logo" hspace="10"></a></td>
<!-- using colspan to span 2 columns -->
<td colspan="2" class="textbody">COLSPAN BY 2 COLUMNS</td>
<!-- using rowspan to span 2 rows -->
<td rowspan="2" class="textbody">ROWSPAN BY 2 ROWS</td>
</tr>
<tr>
<!-- a link to the second page in one of table's cells -->
<td><a class="textbody" href="assign05_02.htm">SECOND PAGE</a></td>
<!-- Align the text in one cell of the table to the right -->
<td align="right" class="textbody">Align the text to the right</td>
</tr>
</table>
<BR>
<div style="float:right; text-align:right">
<a class="textbody" href="assign05_02.htm">NEXT PAGE</a></div>
<!-- a link to navigate from the bottom to top -->
<a href="#top"><img src="images/go_top.gif" border="0" alt="Go Top"></a>
<!-- end of content -->
<hr>
<div class="textbody" align="center">
<!-- a mail-to link -->
Web Page Made By : <i><a href="mailto:chengchien@linkline.com">Cheng-chien Yu</a></i><br>
Attaendant Class : Santa Monica College - CIS 36H<br>
<!-- Update the last modified date by JavaScript -->
<script language="JavaScript" type="text/javascript">
<!--
document.write("Last Modified: " + document.lastModified);
// -->
</script><br><br>
<!-- A text navigation line in the footer, which contain a link for each of pages,
a link to the class home page, and a link to the SMC homw page -->
<a href="assign05_01.htm">page one</a> |
<a href="assign05_02.htm">page two</a> |
<a href="http://www.ais.ucla.edu/class/class.htm">Class home</a> |
<a href="http://www.smc.edu/">SMC home</a>
</div>
<!-- define the position of bottom -->
<a name="bottom"></a>
</body>
</html>
