Observe que los dos componentes
Texto estático
(es decir,
encabezadoHora
y
textoReloj
) se representan
mediante dos elementos
span
en el documento XHTML (líneas 34 a 36, 37 a 39) como vimos anteriormente.
Las opciones de formato que se especifi caron como propiedades de
encabezadoHora
y
textoReloj
, como el
tamaño de la fuente y el color del texto en los componentes, ahora se especifi can en el atributo
style
de cada
elemento
span
.
26.5.6 Creación de una aplicación Web en Java Studio Creator 2
Ahora que hemos presentado el archivo JSP, el archivo de bean de página y la página Web de XHTML resultante
que se envía al navegador Web, vamos a describir los pasos para crear esta aplicación. Para crear la aplicación
HoraWeb
, realice los siguientes pasos en Java Studio Creator 2:
Paso 1: Creación del proyecto de aplicación Web
Seleccione
Archivo > Nuevo proyecto…
para mostrar el cuadro de diálogo
Nuevo proyecto
. En este cuadro de
diálogo, seleccione
Web
en el panel
Categorías
,
Aplicación Web JSF
en el panel
Proyectos
y haga clic en
Siguien-
te
. Cambie el nombre del proyecto a
HoraWeb
y use la ubicación predeterminada del proyecto y el paquete Java
predeterminado. Estas opciones crearán un directorio
HoraWeb
en su directorio
Mis documentos\Creator\Pro-
jects
para almacenar los archivos del proyecto. Haga clic en
Terminar
para crear el proyecto de aplicación Web.
Paso 2: Análisis de la ventana del Editor visual del nuevo proyecto
Las siguientes fi guras describen características importantes del IDE, empezando con la ventana
Editor visual
(fi gura 26.8). Java Studio Creator 2 crea una sola página Web llamada
Page1
cuando se crea un nuevo proyecto.
Esta página se abre de manera predeterminada en el Editor visual en
modo
Diseño
, cuando el proyecto se carga
por primera vez. A medida que arrastre y suelte nuevos componentes en la página, el modo
Diseño
le permi-
tirá ver cómo se desplegará su página en el navegador. El archivo JSP para esta página, llamado
Page1.jsp
, se
puede ver haciendo clic en el botón
JSP
que se encuentra en la parte superior del Editor visual, o haciendo clic
con el botón derecho del ratón en cualquier parte dentro del Editor visual y seleccionando la opción
Editar origen
JSP
. Como dijimos antes, cada página Web está soportada por un archivo de bean de página. Java Studio Creator
2 crea un archivo llamado
Page1.java
cuando se crea un nuevo proyecto. Para abrir este archivo, haga clic en el
botón
Java
que se encuentra en la parte superior del Editor visual, o haga clic con el botón derecho del ratón en
cualquier parte dentro del Editor visual y seleccione la opción
Editar origen Java Page1
.
Figura 26.8
| Ventana Editor visual en modo
Diseño
.
Previsualizar en navegador
Actualizar
Mostrar formularios virtuales
Tamaño de navegador de destino
ModoDiseño
Vista del archivo JSP
Vista del archivo Java
de bean de página
26.5 Creación y ejecución de una aplicación simple en Java Studio Creator 2
1117
26_MAQ_CAP_26_Deitel.indd1117
5/8/084:15:21PM