Ejercicio 1.3: Llenar el sitio Web con páginas Web

Mostrar

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.

  1. 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.
  2. 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.
  3. Pulse Aceptar. Se abrirá el asistente Archivo JSP Faces nuevo.
  4. Acepte la carpeta por omisión (/ClassifiedsTutorial/WebContent).
  5. 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.
  6. 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.
  7. 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.
  8. Pulse Finalizar. El archivo nuevo se abrirá en Page Designer.
  9. 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.
    Iconos de página existentes y no existentes.

  10. 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:
  11. 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:

Vista Explorador de proyectos con páginas.

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.

Condiciones de uso | Comentarios

(C) Copyright IBM Corporation 2000, 2004. Reservados todos los derechos.