Las capas es el sistema de maquetación que mayoritariamente utilizan los desarrolladores de páginas web. La maquetación con capas estáticas y relativas son las que más se usan, pero en este ejemplo del Sistema Solar, se muestra el funcionamiento de las capas absolutas (los planetas) y las fijas (la nave).
Ver web del sistema solar | descargar web espacio.ZIP 242 Kb
Al poder trabajar con el eje Z (profundidad) se puede decidir si la nave pasa por encima o debajo, con el valor de la etiqueta z-index, que en la capa cohete es 1, por lo que está debajo de las demás.
Para sacar el máximo partido al efecto de deslizarte con el dedo en tablets y smartphones, he definido una etiqueta META viewport que impide hacer zoom en muchos dispositivos. Tienes la hoja de estilo embebida en el código html para que puedas modificar el documento más fácilmente y hacer pruebas cambiando los parámetros de las etiquetas CSS.
Otros ejemplos, realizados por los alumnos:
3 COMENTARIOS
Información Bitacoras.com…
Valora en Bitacoras.com: Las capas es el sistema de maquetación que mayoritariamente utilizan los desarrolladores de páginas web. La maquetación con capas estáticas y relativas son las que más se usan, pero en este ejemplo del Sistema Solar, se mu…
Pancho, gracias por incluir mi ejemplo entre los excelentes trabajos de mis compañeros.
Como diría el rey; me llena de orgullo y satisfacción… 😀
El placer es todo mio 🙂
Es un privilegio ser testigo y parte de la progresión que estas teniendo. Un saludo.