Академический Документы
Профессиональный Документы
Культура Документы
JAVA BSICO
17 - HTML Y JSP
2011
}
Contenido
HTML ...................................................................................................................................................... 3 Estructura de un documento HTML ..................................................................................................... 3 Algunas etiquetas HTML ...................................................................................................................... 4 JSP........................................................................................................................................................... 8 Creacin de un proyecto web en NetBeans.......................................................................................... 9
HTML
Es el acrnimo de HiperText Markup Language. Es un conjunto de etiquetas (llamando etiquetas a palabras reservadas entre smbolos < >) que son traducidas por un navegador de Internet (p.e. IExplorer, Firefox, Chrome) para mostrar en pantalla una pgina web. Las pginas web son entonces, creadas por HTML el cual puede ser escrito en cualquier procesador de texto incluyendo notepad. La nica diferencia es que debemos guardarla con extensin .htm o .html.
Dentro del bloque HEAD pueden ir otras etiquetas dentro de las que destaca <TITLE> la cual pone el valor en medio de las etiquetas de inicio y fin como el ttulo de la pgina en el navegador. En el bloque BODY va todo el cuerpo de la pgina, lo que el usuario podr ver en el navegador y puede ir cualquier conjunto de etiquetas que mejoren la visualizacin y plasmen el diseo que deseamos.
Realicmoslo en algn procesador de texto y lo guardamos como JavaBasico.html. Al abrirlo veremos algo as
Como pueden notar el archivo adquiere un cono similar al de nuestro navegador por defecto. Al abrirlo veremos algo similar a esto:
Otras etiqueta que nos puede ayudar mucho es <Font>. La etiqueta FONT al igual que casi todas las etiquetas tienen propiedades que modifican su comportamiento y van solamente dentro de la etiqueta de apertura. Veamos algunos ejemplos de propiedades en las etiquetas FONT y TABLE.
Etiqueta <TABLE>
Propiedades BORDER
<TABLE> <TABLE>
SUMMARY WIDTH
<TABLE>
BGCOLOR
Color
de
fondo
en
RGB
hexadecimal. <FONT> <FONT> <FONT> SIZE FACE COLOR Tamao de la fuente. Tipo de Fuente Color de la fuente
Observemos en el cdigo que las etiquetas se cierran sin establecer las propiedades.
JSP
Las pginas HTML nos permiten crear documentos que pueden ser mostrados en el navegador no obstante la informacin que muestran es esttica. Esto quiere decir que todo tiene que ser programado en el momento de crear el documento html. Para solventar esta situacin Java ofrece unas etiquetas especiales adems de las HTML que ejecutan cdigo Java del lado del servidor. ste cdigo nos permite entre otras cosas, realizar clculos, conectarnos a bases de datos y ejecutar lgica. Un archivo JSP tiene la extensin .jsp y forma parte de un proyecto Web en NetBeans. Los JSP son archivos que contienen etiquetas HTML y cdigo Java dentro de etiquetas especiales. Existen varios tipos de etiquetas jsp. Algunas son: Etiqueta JSP <%= %> Funcin Traduce el resultado o lo qu <HTML>
<BODY>
Ejemplo
devuelve el ejecutar y lo La hora es <%= new java.util.Date() %> agrega al html. <% %> Conocidos dentro de como estas
</BODY> </HTML>
scriplets, <HTML>
<BODY>
etiquetas <%
java.util.Date date = new java.util.Date();
Si utilizamos out.println(String) <% lo que hacemos es escribir lo que out.println( "<BR>Su IP es " ); est dentro de los parntesis en el html de la pgina resultante.
</BODY> </HTML> out.println(String.valueOf(date)); out.println(request.getRemoteHost()); %>
Primero debemos saber si nuestro NetBeans tiene la capacidad de manejar proyectis web, para ello vamos al men Archivo Nuevo Proyecto deberan de tener la siguiente opcin:
Descarguen la opcin 2 (Java EE) o la 5 (All) e instlenlo. Continuemos. Al crear un nuevo proyecto seleccionamos entonces Java Web y Aplicacin Web. Hacemos clic en Siguiente y ponemos el nombre de la aplicacin Web. Siguiente. Elegimos el servidor del combo y pulsamos Finalizar. Ya tenemos nuestra aplicacin web. Para hacer los jsp en NetBeans y en nuestra aplicacin recin creada expandimos la aplicacin y sobre la carpeta WebPages hacemos clic derecho y elegimos Nuevo JSP.
10
Ahora solo falta ejecutarlo. Hacemos clic derecho en el jsp creado y elegimos Ejecutar archivo. Ahora se levantar el servidor y se publicar la aplicacin. Luego se abrir el jsp ejecutado.
11