De Photoshop a Bootstrap 4 Parte 2 – Marcado HTML, CSS y Modal

1
122
Convierte un diseño de photoshop a HTML 5, CSS3 con Bootstrap 4
Convierte un diseño de photoshop a HTML 5, CSS3 con Bootstrap 4

En esta parte usaremos el diseño creado en el video 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.

Descarga los Archivos Fuente Desde Aquí

1 Comentario

Dejar respuesta


*