Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's

Diseño Web [30 hrs]

¿Deseas crear un sitio web desde cero y además aprender a posicionarlo en Google? Este curso 100% práctico esta orientado al diseño del sitio (Frontend)

Si es tu primera vez diseñando sitios, olvídate de Wordpress o Wix haz algo tuyo y original totalmente personalizable a tus necesidades, aprenderás desde cero y podrás adquirir un alto nivel de conocimiento para diseñar y desarrollar con éxito un proyecto web basado en estándares W3C con las tecnologías HTML5 y CSS3 creando diseños responsivos, es decir, adaptables a cualquier dispositivo (laptop, smartphone, tablet, PC) usando Bootstrap una librería creada por Twitter muy fácil de usar, este curso es para ti.

SEO, aprende las mejores prácticas de posicionamiento en los buscadores, que si debo hacer y que no debo hacer para que mi sitio aparezca en las primeras posiciones de los resultados de Google.

Diseño Web

Requisitos

  • Buen uso de algún editor de texto, si no conoces alguno puedes descargar Visual Studio Code y practicar antes de iniciar tu curso, es muy fácil de utilizar en 1hr tienes el conocimiento necesario Ver estos videos

Objetivos Principales

  • El alumno creará el frontend de una página web responsiva utilizando HTML5, CSS3 y Bootstrap.
  • Conocer la estructura de HTML5.
  • Uso de los atributos “id” y “class” para los estilos de tu página.
  • Transformaciones y transiciones con css.
  • Aprenderá las mejores prácticas para posicionar su sitio en los buscadores con SEO.

Objetivos Secundarios

  • Conocerás que tecnologías existen del lado del servidor (Java, Javascript, PHP, .NET, Python, etc) para posterior a este curso, realizar sitios web dinámicos .
  • Si ya conoces tecnologías de backend este curso complementa perfectamente el diseño del sitio, para hacerlo más atractivo y responsivo.

¡Certificate!

Contrata nuestros planes de carrera y durante 6 meses de capacitación obtendrás los siguientes beneficios:

Guru Certified
  • Un asesor elabora un plan de capacitación a la medida y sin compromiso.
  • Identificamos tu perfil actual y fijamos un objetivo especifico a cumplir.
  • Monitoreamos y evaluamos tu desempeño durante todo tu plan de carrera.
  • Elaboras tu proyecto final y un asesor asignado resolverá tus dudas.
  • Si tu proyecto cumple con el objetivo inicial fijado, obtienes tu certificación oficial.
¡Consulta las Carreras!

Condiciones del Servicio

  • Si te inscribes a un diplomado si puedes cambiar la modalidad, previo validación de disponibilidad.
  • Si puedes pausar tu diplomado, con un máximo de 6 meses para continuar.
  • Las fechas de inicio del curso o diplomado de tu elección, son confirmadas con mínimo 3 alumnos.
  • Al dar a conocer estos terminos y condiciones, se dan por aceptados.

Temario

1.1.- Ventajas de Visual Studio Code
1.2.- ¿Como se usa?

2.1. Introducción
2.2. Etiquetas HTML básicas y HTML 5
2.3. Sintaxis
2.4. Estructura
2.5. Body
2.6. Header
2.7. Meta
2.8. Etiquetas - h1,h2,h3, etc.
2.9. Etiqueta - hgroup
2.10. Etiquetas - nav, ul, ol, li
2.11. Enlaces
2.12. Etiquetas - p, span
2.13. Etiquetas - strong, em
2.14. Etiquetas - Div, Section, Footer
2.15. Etiquetas - Audio, Video, img, figcaption, figure

3.1. Introducción
3.2. Sintaxis
3.3. CSS + HTML5
3.4. Compatibilidad con Navegadores (Chrome, Firefox, IE)
3.5. Prefijos
3.6. Selectores id, class y adyacentes
3.7. Medidas Relativas, Absolutas y Porcentuales
3.8. Colores (Decimal, Hexadecimal, Porcentual, Transparencia, HSL)
3.9. Margin y Padding
3.10. Display
3.11. Position Static, Relative, Absolute y Fixed
3.12. Float y Clear
3.13. Visibilidad
3.14. PseudoClases de Enlaces y Globales
3.15. Añadir Fuentes
3.16. Propiedades de las Fuentes
3.17. Bordes y Sombras
3.18. Fondos con imagen y degradados
3.19. Transform, Transition
3.20. Combinar Transformaciones
3.21. Responsive Design y Mobile First

4.1. ¿Qué es Bootstrap?
4.2. Estructura
4.3. Integrando Bootstrap a proyecto
4.4. Grid para maquetar
4.5. Responsive Design
4.6. Tables
4.7. Forms
4.8. Buttons (clases btn)
4.9. Labels y Badgeds
4.10. Checkbox y Radio
4.11. Imágenes
4.12. Íconos
4.13. Listas con nav
4.14. Nav-Tabs y Nav-pills
4.15. Dropdown
4.16. Nav-list
4.17. Menu con navbar
4.18. Breadcrumb
4.19. Pagination
4.20. Thumbnails
4.21. Notificaciones
4.22. Alerts
4.23. Progress Bar
4.24. Modals
4.25. Tabs
4.26 Tooltips y Popover
4.27 Accordion
4.28 Carousel

5.1. Introducción a SEO
5.2. Como funciona el SEO
5.3. Buenas prácticas
5.4. Sitemap, ¿Como se crea?
5.5. robots.txt, ¿Para que sirve?
5.6. Implementando SEO.
5.7. Conceptos básicos generales de SEO (Off y On page)
5.8. ¿Que herramientas me ayudan a validar el SEO?

6.1. ¿Que es un dominio?
6.2. ¿Que es un hosting?
6.3. ¿Que proveedores existen?
6.4. ¿Como puedo subir mi sitio a mi hosting?

Horarios

País Lunes-Jueves Sabatino

México, Colombia, Perú, Ecuador

Guatemala, El Salvador, Honduras

Bolivia, Venezuela

Chile, Argentina, Paraguay, Uruguay

19:00 a 21:00 hrs

19:00 a 21:00 hrs

21:00 a 23:00 hrs

22:00 a 24:00 hrs

09:00 a 14:00 hrs

09:00 a 14:00 hrs

11:00 a 16:00 hrs

12:00 a 17:00 hrs

Proximas Fechas

  • @CDMX
  • Fecha Modalidad Cupo
    01/02/2021 lunes - jueves Cupo
    20/02/2021 sabatino Cupo
  • @GDL
  • Fecha Modalidad Cupo
    23/01/2021 sabatino Cupo
    15/03/2021 lunes - jueves Cupo
  • En Línea (en vivo)
  • Fecha Modalidad Cupo
    17/08/2020 lunes - jueves Cupo
    10/10/2020 sabatino Cupo
    11/10/2020 domingo Cupo

¡Promociones Activas!

No nos gustan los bots
Background call

Contáctanos

Estamos para ayudarte ...
No nos gustan los bots
Notificación