Ejercicio 1.3: Llenar el sitio Web con páginas Web
Antes de empezar a llenar al sitio con páginas, debe realizar el
Ejercicio 1.2: Diseñar la estructura del sitio Web.
Una vez diseñado el sitio Web mediante iconos de página en Web Site
Designer,
está preparado para empezar a crear las páginas. Los iconos de página está en este momento
bordeados por líneas discontinuas; esto indica que el archivo representado por el icono de
página, o página real, no existe. Una vez creados los archivos, los iconos de página estarán bordeados por líneas continuas.
- Efectúe una doble pulsación sobre el icono de la página Ver todos los clasificados. Se abrirá
el diálogo Crear una página.
- En esta guía de aprendizaje, debe seleccionar la opción JSP Faces.Esta opción
crea una página Web JSP que está habilitada para utilizar la tecnología JavaServer Faces. Más información acerca de JavaServer Faces y los componentes de Faces.
También puede obtener más información acerca de la utilización de los componentes de Faces para
añadir conexiones de datos al sitio Web en la guía de aprendizaje Visualizar información dinámica
en páginas Web con JavaServer Faces.
- Pulse Aceptar.Se abrirá el asistente Archivo JSP Faces nuevo.
- Acepte la carpeta por omisión (/ClassifiedsTutorial/WebContent).
- En el campo Nombre de archivo, escriba el nombre del archivo nuevo,
all_records.
Aunque puede ser conveniente denominar el archivo igual que la etiqueta de navegación que ha asignado a la página al diseñar al sitio, también puede denominar los archivos de forma adecuada a los recursos del sistema local y utilizar las etiquetas de navegación sólo como convenio de denominación para la navegación futura.
- Asegúrese de que HTML está seleccionado en el campo Lenguaje de codificación. Para el resto de los campos, acepte los valores por omisión.
- Deje sin marcar el recuadro de selección Configurar opciones avanzadas.
Si desea configurar opciones para el archivo nuevo, como por ejemplo bibliotecas de códigos
adicionales, tiene la opción de especificar opciones adicionales mediante este asistente; sin
embargo, para la finalidad de esta guía de aprendizaje puede aceptar los valores por omisión.
Nota: El archivo nuevo hará referencia automáticamente al archivo Master.css que se ha creado al crear el proyecto Web.
- Pulse Finalizar. El archivo nuevo se abrirá en Page Designer.
- Vuelva a Web Site Designer pulsando la pestaña Navegación - Guía de aprendizaje Anuncios clasificados. Ahora puede
observar que el icono Ver todos los clasificados tiene un borde continuo y un pequeño icono
en forma de rombo (
)
que indica que se le ha asociado un archivo JSP, mientras que el borde de los demás iconos de
página sigue siendo discontinuo para indicar que los archivos correspondientes aún no se han
creado.
- Siga creando páginas JSP Faces para los demás iconos de página efectuando una doble pulsación
sobre cada icono y completando el asistente Archivo JSP Faces nuevo. Para esta guía de aprendizaje,
siga este convenio de denominación:
- Colocar un listado -
new_record
- Actualizar un listado -
update_record
- Listados filtrados -
filtered_records
- Pulse Control+S para guardar la navegación del sitio Web.
Cuando haya terminado de crear las cuatro páginas, la vista Navegador de proyectos mostrará todos los recursos nuevos bajo la carpeta WebContent:
Hasta ahora ha creado páginas en blanco para cada una de las páginas que tendrá en el sitio Web. Está preparado para empezar el Ejercicio 1.4: Diseñar el aspecto y funcionamiento del sitio Web.