Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
De ADOBE ILLUSTRATOR a BOOTSTRAP 5: ¡DE CERO hasta EXPERTO!
Rating: 4.8 out of 5(59 ratings)
316 students

De ADOBE ILLUSTRATOR a BOOTSTRAP 5: ¡DE CERO hasta EXPERTO!

Aprende la manera CORRECTA de convertir un diseño creado en Adobe Illustrator a Bootstrap 5, INCLUYE PROYECTO FINAL!
Created byErick Mines
Last updated 7/2026
Spanish
Spanish [Auto],

What you'll learn

  • Cómo convertir un diseño de Adobe Illustrator en un sitio web totalmente FUNCIONAL y RESPONSIVE usando BOOTSTRAP 5, HTML5 y CSS3.
  • Podrás migrar cualquier diseño de Adobe Illustrator en un sitio web completamente Responsive.
  • Conocerás las NUEVAS funciones que trae Bootstrap 5 y las aplicarás en el desarrollo de tus proyectos web.
  • Entenderás el funcionamiento y LO NUEVO del Sistema de columnas de Bootstrap 5.

Explore related topics

Course content

9 sections • 96 lectures • 11h 24m total length

  • ¿Qué aprenderemos en este curso?3:36
  • ¿Cómo utilizar los recursos de este curso?2:06
  • Descargar recursos usados en este curso0:10
  • Instalación de herramientas básicas7:51
  • Instalación de extensiones para VScode (parte 1)8:42
  • Instalación de extensiones para VScode (parte 2)11:09
  • Instalando de Bootstrap usando un CDN6:00
  • Instalando de Bootstrap usando los archivos compilados6:54
  • Instalando de Bootstrap usando los archivos fuentes10:03

Requirements

  • Comprensión básicos de HTML y CSS (divs, clases, ID).
  • Se requiere conexión a Internet.
  • Es recomendable tener instalado Adobe Illustrator CC.
  • Es recomendable tener conocimientos básicos de Adobe Illustrator CC.
  • Una buena porción de palomitas de maíz y un café bien cargado :-)

Description

¿DE QUÉ SE TRATA EL CURSO?

En este curso aprenderás a crear un sitio web Moderno y Responsive usando todo el POWER de Bootstrap 5, a partir de una plantilla creada en Adobe Illustrator.

¿Si estas buscando convertir tus diseños de Adobe Illustrator en un sitios web Responsive completamente funcional?, este es el curso que necesitabas.

La habilidad de convertir un diseño a HTML5 y CSS3 es una destreza muy valorada, que todo diseñador o desarrollado web principiante o avanzado debe dominar. Y en este curso te mostraremos cómo utilizar todas las herramientas que nos brinda Adobe Illustrator para realizar este proceso de conversión, de forma exitosa.

¡Deje de pagarle a otra persona para que transformen tus diseños en sitios Web, HAZLO Ú MISMO!

¿Diseñas plantillas en Adobe Illustrator y tiene que pagar a otra persona para que las conviertan en un sitio web? Si es así, estás desperdiciando dinero. Este curso, te dará todas las habilidades necesarias para convertir esos diseños en páginas completamente funcionales, utilizando Bootstrap 5 como herramienta clave.


¿CÓMO ESTÁ ESTRUCTURADO ESTE CURSO?

Comenzamos instalando toda las la herramientas y programas que utilizaremos en el proceso de diseño y codificación.

Luego analizaremos todas las características que trae Bootstrap 5 y procederemos a realizar la descarga e instalación de este Framework. Ha estas alturas, ya estamos listos para codificar y realizar la conversión.

Paso seguido, evaluaremos el diseño y exportaremos los recursos necesarios, como imágenes e iconos, eligiendo el formato correcto (png, jpg o svg), según la funcionalidad asignada en el sitio web.

Luego, comenzaremos a codificar el diseño,  usando la variedad de clases CSS que Bootstrap nos proporciona e implementaremos el extraordinario Sistema de Columnas (Grid), para conseguir así, un comportamiento responsive consistente, invirtiendo una menor cantidad de tiempo y esfuerzo.

Este es mucho más que un simple curso de conversión de "Adobe Illustrator a Bootstrap". Aquí veras todo el proceso completo de migración de un diseño de Adobe Illustrator a una pagina web totalmente Responsive , usando HTML5, CSS3 y Bootstrap 5.


EN RESUMEN EN ESTE CURSO:

  • Aprenderás a integrar Adobe Illustrator con HTML, CSS y Bootstrap.

  • Aprenderás a convertir cualquier diseño creado en ADOBE ILLUSTRATOR en un sitio web Responsive.

  • Aprenderás a crear un sitio web en Bootstrap 5.

  • Aprenderás Migrar cualquier proyecto basado en de Bootstrap 4 a Bootstrap 5 de forma exitosa.

Un abrazo y nos vemos dentro del curso.

Who this course is for:

  • Cualquiera que esté interesado en saben cómo integrar Adobe Illustrator, HTML5 y BOOTSTRAP 5.
  • Diseñadores gráficos que desean utilizar Adobe Illustrator como herramienta de Diseño web.
  • Estudiantes que planean convertirse en diseñadores web.
  • Diseñadores web nóveles que buscan adquirir un conjunto nuevo de habilidades.
  • Diseñadores y desarrolladores que buscan aprender a convertir un diseño de Adobe Illustrator en un sitio web totalmente funcional.

Report abuse