Vídeo tutorial aprende a pasar tus diseños de Photoshop a Bootstrap y en esta parte usaremos el diseño creado en el vídeo anterior en Photoshop y lo convertiremos en un sitio web completo con HTML 5, CSS 3 y Javascript usando el framework Bootstrap.
Que aprenderás en este video?
- La maquetación de un sitio web completo usando Bootstrap 4
- Marcado de etiquetas con HTML 5
- Clases CSS de Bootstrap
- Sistema de rejilla de 12 columnas de Bootstrap 4: contenedores, filas y columnas
- Inserción de imágenes y clases de Boostrap 4 para las mismas
- Títulos: H1, H2, H3, H4, etc
- Párrafos
- Creación de Modals en Bootstrap 4
- Creación de formularios, campos y botones
- Creación de menús
Aprenderás también la creación de estilos css para personalizar el sitio de acuerdo a el diseño web creado en photoshop, daremos estilos al menu, secciones, formularios y en general a todo el sitio
Este tutorial es ideal para diseñadores que quieran aprender a pasar sus diseños a la maquetación final. Así como para desarrolladores Frontend y Backend que deseen aprender como partir desde un diseño creado y/o añadir un poco más de conocimiento.
Ver Vídeo
Descarga los Archivos Fuente Desde Aquí
[sociallocker id=”2982″]https://www.dropbox.com/s/21704a6hbg4qsf1/Photoshop%20Bootstrap%204%20-%20Parte%202.rar?dl=0[/sociallocker]
[…] De Photoshop a Bootstrap 4 Parte 2 – Marcado HTML, CSS y Modal […]
1