Tecnología

Cómo hacer referencia a un archivo CSS desde JSP

Escrito por deborah lee soltesz Google | Traducido por eduardo moguel

Uno de los beneficios de las Páginas de Servidores Java es que le permiten a tu servidor Web hacer algunas tareas que tradicionalmente hacían los navegadores Web de tus visitantes. En HTML tradicional estático, las hojas de estilo CSS (en cascada) son referidas usando la etiqueta "link", obligando al navegador de tu visitante a "traer" las hojas de estilo antes de generar tu página Web. Con JSP, puedes incluir las CSS directamente, haciendo que la página sea más rápida para tus visitantes.

Nivel de dificultad:
Moderado

Otras personas están leyendo

Necesitarás

  • Archivo JSP
  • Archivo de hojas de estilo CSS
  • Editor de texto

Lista completaMinimizar

Instrucciones

  1. 1

    Abre tu archivo JSP en tu editor favorito.

  2. 2

    Ubica la sección del encabezado del documento (entre las etiquetas <head> y </head> cerca de la parte superior del archivo).

  3. 3

    Comienza un nuevo bloque de estilo en una nueva línea agregando <style type="text/css">. Oprime la tecla "Enter" para agregar una nueva línea bajo la etiqueta de estilo.

  4. 4

    Añade una referencia hacia tu hoja de estilo CSS usando la directiva JSP "include" y agregando <%@include file="style.css" %>. Usa el nombre y la ubicación de archivo correctas de tu hoja de estilo en lugar de "style.css". Oprime la tecla "Enter" para agregar la nueva línea bajo la etiqueta JSP.

  5. 5

    Termina el bloque de estilo agregando </style>.

  6. 6

    Guarda el archivo y pruébalo. Cuando tu archivo JSP sea ejecutado, copiará los contenidos de tu hoja de estilo CSS en el bloque de estilo del HTML generado por el JSP.

Consejos y advertencias

  • Si tu JSP se ejecuta sin errores, pero la página no tiene un estilo acorde con tu hoja de estilo CSS, asegúrate de que la ubicación y el nombre de archivo sean correctos. La ubicación es relativa al archivo JSP. En algunos servidores Webl, el nombre puede ser sensible a las mayúsculas y minúsculas. Asegúrate de que la ubicación y el nombre de archivo estén escritos exactamente igual a como aparecen en el servidor.

Más galerías de fotos

comentarios

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles

Copyright © 1999-2014 Demand Media, Inc. Acerca de

El uso de este sitio constituye la aceptación de los términos y política de privacidad de eHow. Ad Choices es-US

Demand Media