En este video te muestro como crear un sencillo y básico mockup para la plantilla principal de un sitio web. En esta oportunidad usaremos canva, una herramienta muy buena entre las diferentes alternativas que existen en el mercado. Hacer mockups es una actividad recurrente cuando se trata de proponer un diseño funcional de un producto o sitio web. Esto nos permite proponer y organizar el contenido en funcion de las necesidades de nuestros clientes y usuarios, pensando en las diferentes interfaces de usuario que son necesarias en un proyecto de software determinado.
En este video te muestro mis procesos mientras estoy programando mi maqueta creada anteriormente con Canva, utilizando HTML, Bootstrap y CSS básico. En esta primera parte, te muestro la programación de los elementos del header y de la barra de navegación, utilizando Bootstrap y CSS. Por ejemplo: cómo instalar Bootstrap en la página web, cómo usar los colores que tiene Bootstrap en su configuración básica y cómo complementar los estilos de Bootstrap con estilos CSS a nivel básico.
En esta oportunidad continuamos con el tutorial html para novatos, en donde te muestro como maquetar tu sitio web utilizando Bootstrap y CSS. Partimos creando la estructura html necesaria, luego te explico cómo se hace en bootstrap para administrar los espacios disponibles en el navegador web, damos una pequeña demostración de diseño responsivo para móviles y configuramos con estilos CSS adicionales la apariencia del mockup que partimos creando en el video anterior de la serie