Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.
Empresiona
Oxygen Builder
Debido al poco uso de la plataforma, los vídeos de las clases han sido retirados de la web.
Si aún estás haciendo el curso, contáctame a bohdan@empresiona.com y te compartiré un acceso alternativo. ¡Un abrazo!
Si aún estás haciendo el curso, contáctame a bohdan@empresiona.com y te compartiré un acceso alternativo. ¡Un abrazo!
Metodología de maquetación
En esta sección vemos un proceso de maquetación que recomiendo seguir para trabajar de forma organizada y maquetar webs mucho más rápido.
1
Introducción al método
Vemos cómo funciona el proceso y qué pasos tiene.
1
Preparativos – Introducción
Introducción a la primera fase del proceso de maquetación.
1
Preparativos – Ajustes generales
En esta fase configuramos las opcioens más globales de nuestra web.
1
Preparativos – Contenido
Cargamos o creamos el contenido que vamos a necesitar luego.
1
Preparativos – Assets y creatividades
Subimos las creatividades que vamos a necesitar en la maquetación.
1
Preparativos – Estilos globales
Cargamos los estilos globales de la web: fuentes, colores, tamaños de algunos elementos…
1
Preparativos – Fuentes y secciones responsive
Profundizamos en cómo hacer automáticamente responsive los textos y el espaciado de las secciones de la web.
1
Templates – Creación de templates
Pasamos a la creación de templates que vamos a necesitar luego.
1
Templates – Jerarquía de templates
Marcamos cómo nuestras templates van a heredar los estilos.
1
Maquetación – Header y footer
Maquetamos la plantilla que se va a repetir en toda la web y que contendrá el header y el footer.
1
Maquetación – Home
Pasamos a la maquetación de la portada.
1
Maquetación – Singular
Maquetamos una plantilla que va a afectar todos los post types de la web, equivalente a singular.php
1
Maquetación – Single post
Maquetamos la plantilla de los posts de la web, equivalente a single-post.php
1
Maquetación – Correcciones y últimos pasos
Hacemos algunas correcciones finales de estilos y nos aseguramos de dejar la configuración correcta de Oxygen una vez que hemos terminado de maquetar.
1
Maquetación – Blog archive
Maquetamos la página del blog con el listado de posts.
hello world!