Curso de HTML y CSS

Curso que aborda las técnicas y lenguajes fundamentales para el desarrollo web: HTML y CSS / HTML5 y CSS3
Material disponible
Básico
31 Clases 40 h
120€
99€
Precio en promoción
Este es un curso de HTML y CSS imprescindible para toda persona que desee convertirse en desarrollador web profesional. Se trata de una completa aproximación a los lenguajes y técnicas fundamentales para desarrollar sitios web, tratadas desde cero, pero con una profundidad tal que lo hace recomendable incluso para personas con algunos conocimientos de HTML y CSS.

Vamos a explicar con detenimiento los lenguajes esenciales para todo desarrollo web, pero también aquellas técnicas, buenas costumbres y herramientas de productividad que convertirán un desarrollador ocasional en un profesional capaz de desempeñar su trabajo de la manera más satisfactoria.

El contenido esencialmente técnico de este curso complementa otros más centrados en la creatividad del diseño web ya ofrecidos en EscuelaIT. En esta ocasión abordaremos en profundidad los lenguajes HTML y CSS, pero no solamente la sintaxis, sino también las técnicas esenciales que los desarrolladores deben dominar, como la maquetación, plantillas para diseños de proporciones fijas y adaptables, web semántica, frameworks, etc. Finaliza además con los contenidos de HTML5 y CSS3 para que los estudiantes puedan disponer de los conocimientos para dominar todo el lenguaje.

Qué aprenderé en el Curso de HTML y CSS

El Curso de HTML y CSS está ordenado en bloques de 5 sesiones, cada bloque ocupa un módulo específico y finaliza proponiendo una práctica que es resuelta durante sesiones adicionales. El contenido de cada módulo es independiente, pero está basado en el módulo anterior.

Quizás haya personas puedan pensar que dedicar 40 horas para dominar los lenguajes HTML y CSS es mucho tiempo, sin embargo en EscuelaIT nos tomamos en serio la formación y queremos que los estudiantes dispongan de las mejores condiciones para aprovechar su inversión. Además durante este curso los estudiantes se explicarán diversas técnicas y herramientas que ayudarán a producir sitios más profesionales en menos tiempo.

Encuentras a continuación la descripción del contenido de cada una de las semanas. Podrías entenderlas como 4 cursos en 1.

  • Lenguaje HTML: Comenzamos el curso con un conjunto de clases dedicadas a trabajar en profundidad con el lenguaje de marcación HTML.
    • Introducción a los lenguajes de marcación html, xml, xhtml, html5 y los editores HTML
    • Documento html y etiquetas básicas
    • Listas, tablas
    • Formularios
    • Frames, meta, favicon, apple touch icons...
  • Lenguaje CSS: La segunda parte del curso la dedicaremos a aprender las bases de CSS, el lenguaje usado para la definición del estilo de las páginas web.
    • Introducción a css, separar contenido y forma, colocar estilos en un documento
    • Sintaxis, unidades, selectores básicos
    • Atributos de estilos, para textos, párrafos, cajas
    • Selectores, pseudo elementos
    • Trucos css: reset, jerarquía, important...
  • Maquetación CSS: El tercer bloque se dedica por completo a la maquetación basada en CSS que nos permitirá hacer una separación completa del contenido de la presentación.
    • Modelo de caja
    • Posicionamiento, relativo
    • Posicionamiento, absoluto
    • Layouts, anchuras fijas y adaptables
    • Buenas prácticas
  • Lenguaje de marcación HTML5: En el cuarto bloque comenzamos a explorar las técnicas más actuales para el desarrollo basado en estándares, explicando todas las novedades del lenguaje de marcación en su última versión, HTML5.
    • Web semántica
    • Nuevos campos de formulario
    • Microdatos
    • Librerías para compatibilidad con HTML5
    • Comenzar con una plantilla: HTML5 Boilerplate
  • CSS3: La quinta y última parte del curso se dedicará al lenguaje CSS3. Conoceremos todas las nuevas características que nos permiten aplicar estilos avanzados en el diseño de las páginas, así como aquellas nuevas utilidades pensadas para el desarrollo ágil.
    • Nueves estilos CSS3
    • Pseudo Elementos y Pseudo Selectores CSS3
    • Mejoras en la maquetación con css3
    • Animación CSS3
    • Librerías y frameworks (less, sass, plantillas...)

Objetivos del curso

El Curso de HTML y CSS está pensando en todos aquellos que desean ofrecer tus servicios como profesionales en el ámbito de la web y quieran afianzar las bases mediante una formación completa y detallada. Aunque existe mucha documentación en la web, necesitas mentores que te marquen el camino y te expliquen todos aquellos detalles que debes aprender para que tu trabajo sea lo más profesional y adaptado a los estándares actuales. El Curso de HTML y CSS te ahorrará mucho tiempo y muchas etapas que otros llevan años para recorrer, marcando unas prácticas iniciales de alto nivel que te situarán a la altura de la tecnología actual.

Para quienes ya han comenzado el camino, habrán experimentado que HTML y CSS son muy sencillos de entender y de usar ¿Pero realmente cualquier técnica producirá sitios web profesionales? ¿Tienes la certeza que estás empleando tu tiempo maximizando la productividad? ¿Estás sacando partido a las características más avanzadas y actuales de estos lenguajes? Si tienes dudas ante cualquiera de las preguntas anteriores este curso contiene mucha información que te va a venir genial para mejorar tu carrera como desarrollador.

Así mismo existen técnicas, que fueron utilizadas y válidas en otras etapas de la web, que todavía hoy siguen en las prácticas de muchos profesionales. Nos referimos especialmente a diseños con tablas o aquellos que mezclan el contenido con la presentación, pero también a otros que pudiendo ser más actuales no se adaptan a las nuevas corrientes, como la web adaptable a dispositivos o la web semántica. Sabemos que muchos profesionales, ya sea por falta de tiempo o docentes adecuados no han tenido oportunidad de reciclarse. Por distintos motivos, estás ante un curso que te va a situar a otro nivel y que marcará una nueva etapa como desarrollador.

Por qué debes aprender HTML y CSS

Dada la flexibilidad de los lenguajes básicos de la web, muchos desarrolladores cometen errores sin saberlo, que producen sitios incorrectos, no compatibles, difícilmente mantenibles y que no explotan las posibilidades más actuales. En definitiva, el Curso de HTML y CSS está pensado para evitar caer en errores frecuentes que producen sitios poco profesionales, afean nuestro portfolio y nos impiden acceder a mejores clientes o trabajar en un grupo de alto nivel sin desentonar.

Gracias un nutrido grupo de docentes profesionales aseguramos a los estudiantes aprender diversas técnicas y enfoques, maximizando el abanico de conocimientos y experiencias. Además, junto con los contenidos encontrarás diversas prácticas propuestas con sus soluciones que te permitirán aprovechar completamente el curso de HTML y CSS, realizando los ejercicios para afianzar lo aprendido.

Después de este Curso de HTML y CSS tu manera de desarrollar será bien distinta. Estará adaptada a las necesidades y requerimientos de la Web de hoy y tendrás un dominio profundo de las herramientas que están a disposición de los desarrolladores para facilitar y acelerar su trabajo.

Qué tengo que saber

No necesitas ningún conocimiento en programación o desarrollo web para realizar este Curso de HTML y CSS.

Clases y contenidos

Clase 1: Primeros pasos en HTML

Conceptos Generales de HTML, el lenguaje de marcado.

Clase 1: Etiquetas Block Gratis

Etiquetas Block comunes en HTML

Clase 1: Etiquetas Inline

Trabajamos con enlaces en HTML

Clase 1: Enlaces Gratis

Tipos de enlaces y cómo colocarlos cuando trabajamos con HTML

Clase 1: Listas

Tipos de listas en HTML

Clase 1: Tablas

Conocemos las tablas en HTML

Clase 2: Imágenes

Etiqueta img en HTML

Clase 2: Formularios

Etiqueta Form en HTML

Clase 2: Frames

Repaso rápido por Frames / iFrames

Clase Extra HTML: HEAD

Repasamos los elementos del HEAD

Clase Extra HTML : tablas

Práctica con tablas

Clase 3: Introducción a CSS

Empezamos con las hojas de estilo en cascada

Clase 4: sintaxis, unidades y selectores CSS

Conocemos de una forma práctica los selectores en CSS y las unidades de medida.

Clase 5: Atributos de estilos CSS

Atributos de estilos CSS para textos, párrafos, cajas....

Clase 6: Trucos CSS

Trucos CSS: reset, jerarquía, important...

Clase 7: Modelo de caja

También conocido como "box model", el modelo de cajas es una de las características más relevantes del lenguaje CSS

Clase 8: Posiciones CSS

Posicionamiento relativo y posicionamiento absoluto

Clase 9: Layouts, anchuras fijas y adaptables

Estructurar un sitio web con CSS

Clase 10: Buenas prácticas CSS

Cómo mejorar nuestro código CSS con Buenas Prácticas

HTML5: Web semántica

Primeros pasos, elementos semánticos y estructura de una web en HTML5

HTML5: Nuevos campos de formulario

Formularios, nuevos campos y nuevas características en HTML5

HTML5: Formatos Enriquecidos

Formatos para enriquecer texto en HTML5

HTML5: Librerías para compatibilidad con HTML5

Especificaciones de HTML5 en navegadores web.
Puedes ver un vídeo con la actualización de Modernizr en la detección de capacidades del navegador en la próxima sesión titulada "Actualización de Modernizr y detección de capacidades"

Actualización de Modernizr y detección de capacidades

En este vídeo se muestra Modernizr en su versión más reciente. Se explica cómo se usa Modernizr para detectar capacidades del navegador.
Además mostramos cómo es el código fuente de Modernizr, del cual puedes aprender cómo hacen ellos para detectar cualquiera de las características disponibles en navegadores, de modo que podrías usar el conocimiento de Modernizr, sin necesidad de cargar la librería.

Tutoría - HTML5

Repasamos conceptos de HTML5 a modo de tutoría

CSS3: Nuevos estilos

Propiedades destacables de CSS3

CSS3: Pseudo Elementos y Pseudo Selectores

Pseudo Elementos y Pseudo Selectores en CSS3

CSS3: Mejoras en la maquetación con CSS3

Ventajas y mejoras de la maquetación con CSS3

CSS3: Animaciones y transiciones con CSS3

Transform, animation y transition con CSS3

CSS3: Preprocesadores CSS

Herramientas para optimizar nuestro código CSS3

Sesión Extra: comenzar con una plantilla HTML5 Boilerplate ­

Cómo empezar un proyecto en HTML5 Boilerplate

Valoraciones

Toni Soriano

Adriana Castrillo Ibañez

Me gusta muchisimo la metodologia de enseñanza, de un modo pausado y con posibilidad de repetir los conceptos tantas veces como sea necesario para que todos los alumnos puedan comprender el lenguaje.

Danilo Gonzalez Ardon

Me gusta mucho, muy explicativo, aunque creo que a veces redundan en algunos temas.

ilse Lorenzo

Excelente !!!

Rubén Rodríguez Conde

Miguel Angel Corredor

Nesic

Marcos Sánchez

Joel Pacheco Cabo

El curso está muy bien, mucho contenido, muchos recursos y bien estructurado. El único punto importante que veo en contra es que es un curso de 2015, este mismo curso con todo actualizado ya sería perfecto.

Pedro García Navarro

Felix Taborda

Excelente, Lo recomiendo!

Lucía Jiménez Iglesias

Sergio Calleja Gómez-Alba

Francisco

Agustín Sales

Pol Barbero Calsina

Damian vazquez

los planes de estudio son muy completos y bien explicados experiencia increible

Hector Romero Pico

Muy interesante y buen curso. Mis comentarios y/o puntos de vista para mejorar son: 1.- Muy necesario actualizar el curso, a mi el lo personal me parece que las tecnologías, softwares, etc van a una velocidad muy rápida, y este curso ya tiene sus años de haberse impartido. Me resulta un tanto viejo en muchos aspectos y me hubiera gustado tomar un curso más actualizado, y más por se la base para muchos aspectos del desarrollo web y/o programación.

hernando alberto pinilla hurtado

Iván Estudillo Mateos

Me ha parecido perfecto el curso! Yo no tenía conocimientos de HTML y CSS, y aunque me falta mucho por estudiar y practicar, me a ayudado mucho para empezar con una base. Los profesores increibles también, todo muy bien explicado y siempre dispuestos a responderte cualquier duda. De 10 todo!

¿Conoces nuestra tarifa plana?

Toda la formación de EscuelaIT, con más de 200 cursos completos para aprender las más variadas tecnologías de programación, diseño y marketing online. Todo! con tu suscripción.

Suscríbete