Flexbox (caja flexible) facilita el diseño y la creación de estructuras de sitios web adaptables sin utilizar flotantes ni posicionamiento. Este curso le enseñará todo sobre Flexbox, sus propiedades y aplicaciones en la creación de sitios web adaptables. Lo aprenderá prácticamente creando una página web interactiva; simplemente siga los pasos que se muestran en el curso para replicar la página en su ordenador. Se le proporcionará el código de inicio y otros materiales que pueda necesitar durante el proceso.
Para empezar, aprenderás a definir un contenedor flexible y, a continuación, a dominar las propiedades de flexión, como la dirección flexible, el contenido justificado, la alineación de elementos y la envoltura flexible. Unos ejemplos sencillos le ayudarán a conseguirlo rápidamente. Entonces estarás listo para empezar a trabajar en el «Proyecto Whizzbiz», que consiste en crear una página web interactiva y responsiva. Primero, crearás la sección de encabezado. Luego, diseñarás el cuerpo principal, incluyendo partes como «Nuestros servicios», «Conoce a nuestro equipo», «Testimonios», «Contacta con nosotros» y la sección de pie de página. Al final de esta sección, utilizarás varias propiedades de Flexbox y entenderás cuáles son sus aplicaciones correctas. Además, aprenderás a crear botones animados con un efecto de cursor, una galería de imágenes con un diseño de mampostería, un carrusel de imágenes interactivo con botones de opción y flechas de carrusel interactivas con JavaScript. También recibirás valiosos consejos sobre cómo descargar y usar iconos y olas SVG, así como sobre cómo utilizar los navegadores correctos y los prefijos Flexbox necesarios para tus proyectos. Por último, aprenderás a detectar problemas en el diseño de tu página en diferentes dispositivos y a hacer que se vea bien en todos ellos
.
Las páginas que no responden se están convirtiendo rápidamente en cosa del pasado. Con el uso cada vez mayor de teléfonos inteligentes, tabletas y otros dispositivos, es imperativo que todos sus diseños se vean bien e interactivos en pantallas de cualquier tamaño o dimensión. Si eres un diseñador de UX/UI que trabaja en HTML, CSS, JavaScript, etc., encontrarás que este curso es invaluable. Puede crear sus páginas web y aplicaciones mucho más rápido y también hacerlas adaptables. La oportunidad de crear una página web desde cero, con múltiples y variados elementos interactivos, hace que este curso sea único y fácil de entender. ¿Por qué esperar más? ¡Empieza a aprender ahora y domina Flexbox en unas horas! Y no olvides descargar el kit de inicio y otros recursos de la sección «Recursos» de este curso. ¡Buena suerte!
What You Will Learn In This Free Course
View All Learning Outcomes View Less All Alison courses are free to enrol study and complete. To successfully complete this course and become an Alison Graduate, you need to achieve 80% or higher in each course assessment. Once you have completed this course, you have the option to acquire an official , which is a great way to share your achievement with the world.
Your Alison is:
- Ideal for sharing with potential employers
- Great for your CV, professional social media profiles and job applications.
- An indication of your commitment to continuously learn, upskill & achieve high results.
- An incentive for you to continue empowering yourself through lifelong learning.
Alison offers 3 types of s for completed courses:
- Digital : a downloadable in PDF format immediately available to you when you complete your purchase.
- : a physical version of your officially branded and security-marked
All s are available to purchase through the Alison Shop. For more information on purchasing Alison , please visit our FAQs. If you decide not to purchase your Alison , you can still demonstrate your achievement by sharing your Learner Record or Learner Achievement Verification, both of which are accessible from your Account Settings.
Avg Hours
CPD Accredited
Knowledge & Skills You Will Learn
