Aprende a maquetar tu primera web usando HTML y CSS aplicando en un ejemplo práctico los fundamentos de maquetación con optimización para diversos dispositivos. Con esta sencilla y completa guía descubrirás cómo afrontar correctamente la maquetación de una web, desde la planificación y análisis hasta la ejecución, evitando errores y aplicando características de la web moderna en nuestras páginas. Realizarás paso a paso una coming soon, a la vez que revisas el proceso completo de maquetación: del análisis a la ejecución, aplicando conceptos básicos y avanzados, como RWD (responsive web design), animación por CSS, testeo en navegadores, integración con Google Analytics e integración con redes sociales.
La maquetación es un proceso que se perfecciona con la experiencia, y en el que continuamente nos enfrentamos a situaciones y retos que son nuevos, por la disposición del propio diseño, las nuevas capacidades de los navegadores, o los propios requerimientos del proyecto.
Con este workshop práctico, obtendrás una visión de un proyecto completo de creación de una web de tipo coming soon, que nos permitirá no solamente reforzar las bases de la maquetación web con HTML5, sino también profundizar en algunos aspectos avanzados y más complejos como Responsive Web Design, gestión de tipografía, alineación vertical, elementos a alto completo, transiciones y animaciones por CSS, animaciones por JavaScript, etc.
Partiendo de una base sólida en nuestra forma de trabajar, dividiremos el conjunto del proyecto en pequeños fragmentos independientes y recorreremos diferentes situaciones en las que solventaremos problemas comunes y complejos en maquetación, haciendo uso de técnicas que los navegadores actuales nos permiten aplicar.
Obtendremos una visión completa del proyecto integrando algunos servicios que son de vital importancia en la actualidad, como la integración con redes sociales, etiquetas para su correcta visualización en ellas, integración de sistemas de suscripción de usuarios o Analytics para obtener métricas del uso de nuestra web, y para finalizar, revisaremos procesos y herramientas para el testeo y revisión de nuestra web, que también son importantes para cualquier proyecto profesional.
La maquetación es un proceso que se perfecciona con la experiencia, y en el que continuamente nos enfrentamos a situaciones y retos que son nuevos, por la disposición del propio diseño, las nuevas capacidades de los navegadores, o los propios requerimientos del proyecto.
Con este workshop práctico, obtendrás una visión de un proyecto completo de creación de una web de tipo coming soon, que nos permitirá no solamente reforzar las bases de la maquetación web con HTML5, sino también profundizar en algunos aspectos avanzados y más complejos como Responsive Web Design, gestión de tipografía, alineación vertical, elementos a alto completo, transiciones y animaciones por CSS, animaciones por JavaScript, etc.
Partiendo de una base sólida en nuestra forma de trabajar, dividiremos el conjunto del proyecto en pequeños fragmentos independientes y recorreremos diferentes situaciones en las que solventaremos problemas comunes y complejos en maquetación, haciendo uso de técnicas que los navegadores actuales nos permiten aplicar.
Obtendremos una visión completa del proyecto integrando algunos servicios que son de vital importancia en la actualidad, como la integración con redes sociales, etiquetas para su correcta visualización en ellas, integración de sistemas de suscripción de usuarios o Analytics para obtener métricas del uso de nuestra web, y para finalizar, revisaremos procesos y herramientas para el testeo y revisión de nuestra web, que también son importantes para cualquier proyecto profesional.
(PARA LA CORRECTA VISUALIZACIÓN DEL CURSO)
- Navegador actualizado, con plugin de Flash
- Resolución mínima de pantalla de 1.024 x 768
- Tarjeta de sonido, altavoces o auriculares
- Pentium 4 a 2,6 GHz o G4 a 1 GHz
- 512 MB de RAM
Contraseña: www.facebook.com/groups/RecursosProgramacion
