©2020 Escuela Tecnologías de la Información S.L. Todos los derechos reservados.
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
Este es un curso 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.
El curso 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.
Qué aprenderé en el Curso de HTML y CSS
El curso de HTML / 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...)
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 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.
Clases y contenidos
Conceptos Generales de HTML, el lenguaje de marcado.
Etiquetas Block comunes en HTML
Trabajamos con enlaces en HTML
Tipos de enlaces y cómo colocarlos cuando trabajamos con HTML
Tipos de listas en HTML
Conocemos las tablas en HTML
Etiqueta img en HTML
Etiqueta Form en HTML
Repaso rápido por Frames / iFrames
Repasamos los elementos del HEAD
Práctica con tablas
Empezamos con las hojas de estilo en cascada
Conocemos de una forma práctica los selectores en CSS y las unidades de medida.
Atributos de estilos CSS para textos, párrafos, cajas....
Trucos CSS: reset, jerarquía, important...
También conocido como "box model", el modelo de cajas es una de las características más relevantes del lenguaje CSS
Posicionamiento relativo y posicionamiento absoluto
Estructurar un sitio web con CSS
Cómo mejorar nuestro código CSS con Buenas Prácticas
Primeros pasos, elementos semánticos y estructura de una web en HTML5
Formularios, nuevos campos y nuevas características en HTML5
Formatos para enriquecer texto en 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"
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.
Repasamos conceptos de HTML5 a modo de tutoría
Propiedades destacables de CSS3
Pseudo Elementos y Pseudo Selectores en CSS3
Ventajas y mejoras de la maquetación con CSS3
Transform, animation y transition con CSS3
Herramientas para optimizar nuestro código CSS3
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
¿Conoces nuestra tarifa plana?
Toda la formación de EscuelaIT, con más de 130 cursos completos para aprender las más variadas tecnologías de programación, diseño y marketing online. Todo! con tu suscripción.