¿Qué quieres aprender?

Diseño Web

Diseño Web

TecGurus

Curso online


477
¿Quieres hablar con un asesor sobre este curso?

Objetivos

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.

A quién va dirigido

A estudiantes y desarrolladores en el campo de T.I. o personas interesadas en el campo de la programación, ya que contamos con cursos desde nivel básico.

Requisitos

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

Temario completo de este curso

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

    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?

Ver más