Diseño Web

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.

Presencial

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:

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. 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.13. 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?