El objetivo de esta página es aplicar algunos de los conceptos vistos en el módulo 2 del curso Desarrollo en HTML5, CSS y Javascript de Apps Web, Android, IOS...
La propia página, por ejemplo, tiene como fondo una imagen (que se repite tantas veces como sea necesario según la extensión de la página). También se ha empleado una fuente de Google Fonts (Lobster), alojada en un servidor externo, para el título h1 del header. Para el resto del texto se ha empleado la fuente Catamaran.
Se ha añadido un menú de navegación, que actualmente tiene enlaces definidos como #, por lo que no tiene que funcionar. el color normal es el mismo que el del header, pero al pasar el cursor por encima, cambia a degradado.
Al usar una fuente externa, es necesario comprobar que los caracteres especiales se visualizan correctamente. Tanto los propios del idioma (á, é, í, ó, ú, ü, ñ), como aquellos símbolos que no se pueden escribir directamente, para que no se interpreten como código (< > & " '). También otros símbolos especiales, como por ejemplo ☆, ⩄ o ♀.
A continuación se insertan imágenes de varios tipos.
Las primeras imágenes están en formato vectorial, y se puede ver que quedan muy nítidas en cualquier tamaño.
Las siguientes imágenes están en mapa de bits (png), y se puede ver que se pixelan si se quieren ampliar demasiado, a no ser que la imágen original sea muy grande.
Por último, vamos a insertar un video desde youtube con la etiqueta iframe. En este caso, veremos una receta de gazpacho.