Hay muchos casos en los que querrás mostrar los archivos estáticos directamente en el navegador web. Las imágenes, las hojas de estilo CSS, el código JavaScript y los vídeos y animaciones Flash suelen mostrarse directamente en el navegador. Para una mayor eficiencia, App Engine muestra los archivos estáticos desde servidores independientes en lugar de los que ejecutan servlets.
De forma predeterminada, App Engine pone a disposición todos los archivos del WAR como archivos estáticos, salvo JSP y los archivos de WEB-INF/. Cualquier solicitud de una URL cuya ruta coincida con un archivo estático, muestra el archivo directamente en el servidor, incluso si la ruta coincide con una asignación de filtro o de servlet. Puedes configurar los archivos que quieres que App Engine considere como archivos estáticos a través del archivo appengine-web.xml.
Cambiemos la apariencia de nuestro libro de invitados mediante una hoja de estilo CSS. En este ejemplo, no modificaremos la configuración de los archivos estáticos. Para obtener más información sobre la configuración de archivos estáticos y de archivos de recursos, consulta Configuración de aplicaciones.
En el directorio war/, crea un directorio llamado stylesheets/. En este directorio, crea un archivo llamado main.css con el siguiente contenido:
| 
body {
font-family: Verdana, Helvetica, sans-serif;
background-color: #FFFFCC;
}
Edita war/guestbook.jsp e inserta las siguientes líneas justo después de la línea <html> en la parte superior:
<html>
<head>
<link type="text/css" rel="stylesheet" href="/stylesheets/main.css" />
</head>
<body>
...
</body>
</html>
Visita http://localhost:8080/. La nueva versión utilizará la hoja de estilo.
Ha llegado la hora de mostrarle al mundo la versión definitiva de tu aplicación.
Para continuar, consulta Subida de aplicaciones.