Síguenos:

Aprende a Programar

Diseño Web

Aprende a diseñar páginas web desde cero con HTML5, CSS3, Bootstrap y SEO

(2 opiniones)
$11,750 MXN
Cotizar
Diseño Web

¿Qué vas a aprender?

  • 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.

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

Descripcion del curso

¿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.

La industria tecnológica demanda profesionales capacitados para innovar en el campo de la programación, por lo que cada uno de nuestros cursos y/o diplomados te dan la solución inmediata para cubrir tus necesidades de formación profesional, dándote las herramientas necesarias para desarrollarte rápidamente en la industria del desarrollo de software.

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.

Condiciones del Servicio

  • Las fechas de inicio del curso o diplomado de tu elección, son confirmadas con mínimo 3 alumnos.
  • No podrás cancelar tu curso o diplomado, deberás esperar a que la fecha se confirme.
  • Puedes cambiar tu modalidad (Sabatina o Lun-Jue) previa disponibilidad de fecha confirmada.
  • Para hacer valida la garantía de aprendizaje debes contar con el 100% de asistencia y esperar una nueva fecha de inicio confirmada.
  • Entre cada módulo de un diplomado existe una pausa acorde a nuestro calendario de cursos confirmados por ciudad.
  • Al dar a conocer estos términos y condiciones, se dan por aceptados.

Horarios

PaísLunes-JuevesSabatino

Guatemala, El Salvador, Honduras

México, Ecuador, Perú, Colombia

Chile, Bolivia, Paraguay, Venezuela

Argentina, Uruguay

18:00 a 20:00 hrs

19:00 a 21:00 hrs

20:00 a 22:00 hrs

21:00 a 23:00 hrs

08:00 a 13:00 hrs

09:00 a 14:00 hrs

10:00 a 15:00 hrs

11:00 a 16:00 hrs

Opiniones

Pablo Nahum Jiménez
Pablo Nahum Jiménez

No cambiaria nada el profesor intenta hacer muy dinámica la clase

Orlando
Orlando

El profesor que nos toco, me agrada que te explica bien y si no entiendes busca la manera de explicarte

  • Modalidad Sabatino
  • Locación En Línea (en vivo)
  • Duración: 30 horas
  • Nivel: Intermedio
  • Cupo Disponible: 80 %
  • Acceso Biblioteca:Si
  • Proyecto: Si
  • Garantia de Aprendizaje: Si
  • Clase Muestra: Si
  • Diploma: Si

Programa del curso

Temario

  • 1. Editor de Texto
  • 1.1.- Ventajas de Visual Studio Code
    1.2.- ¿Como se usa?
  • 2. HTML 5
  • 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. CSS3
  • 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. Bootstrap
  • 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. SEO, Posicionamiento
  • 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. ¿Como subir tu sitio a un hosting?
  • 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?

¡Promociones Activas!