Curso de Diseño Web Avanzado – HTML5 y CSS3 (Desarrollo Web Profesional)

El Curso de Diseño Web Avanzado con HTML5 y CSS3 está diseñado para formar profesionales capaces de desarrollar páginas web modernas, optimizadas y adaptadas a todo tipo de dispositivos.

A lo largo del curso aprenderás a trabajar con HTML5 y CSS3, dominando la estructura, diseño y maquetación de páginas web, así como técnicas avanzadas como responsive design, animaciones y efectos visuales.

Esta formación te permitirá crear sitios web profesionales desde cero, mejorando la experiencia de usuario y adaptando los contenidos a los estándares actuales del desarrollo web.

Es una formación ideal para introducirte o especializarte en el desarrollo web, un sector con alta demanda de perfiles digitales.

Puedes complementar esta formación con el Curso de Diseño Web – Dreamweaver, HTML5 y CSS3, ideal para ampliar tus conocimientos en creación de páginas web, maquetación y programación web profesional.

• Personas que quieren trabajar en diseño o desarrollo web

• Personas interesadas en programación, tecnología y desarrollo web

• Diseñadores/as gráficos/as que quieran especializarse en diseño web

• Emprendedores que desean crear su propia web

• Personas que quieran aprender desarrollo frontend y maquetación web

Este curso te prepara para adquirir conocimientos avanzados en diseño web, maquetación con HTML5 y CSS3, creación de páginas responsive y desarrollo frontend.

Aprenderás a estructurar contenidos, aplicar estilos visuales, adaptar páginas a diferentes dispositivos, trabajar con formularios, enlaces, imágenes, elementos multimedia, animaciones y recursos actuales de diseño web.

La formación puede ayudarte a mejorar tu perfil profesional para colaborar en proyectos web, agencias digitales, empresas tecnológicas o desarrollar tus propios proyectos como freelance.

• Crear páginas web con HTML5

• Diseñar interfaces con CSS3

• Maquetar sitios web profesionales

• Aplicar diseño responsive adaptado a diferentes dispositivos”

• Implementar animaciones y efectos visuales

• Optimizar la estructura web

• Aplicar criterios de accesibilidad y validación web.

• Conocer recursos avanzados de HTML5 y CSS3 para mejorar la experiencia de usuario

TEMA 1. HERRAMIENTAS NECESARIAS

1. Introducción

2. Editor de texto

3. Navegadores

TEMA 2. INTRODUCCIÓN A HTML

1. Introducción HTML

2. ¿Cómo creamos un documento HTML?

3. Características básicas

TEMA 3. TEXTO, ENLACES, LISTAS, IMÁGENES Y OBJETOS

1. Textos en HTML

2. Enlaces

3. Listas en HTML

4. Imágenes y objetos

TEMA 4. TABLAS, FORMULARIOS Y ESTRUCTURAS

1. Tablas

2. Formularios

3. Estructuras y layout

TEMA 5. OTRAS ETIQUETAS IMPORTANTES

1. Otras etiquetas importantes

TEMA 6. METAINFORMACIÓN, ACCESIBILIDAD Y VALIDACIÓN

1. ¿Qué es la Metainformación?

2. Accesibilidad

3. Validación

TEMA 7. INTRODUCCIÓN CSS

1. Introducción CSS

2. Soporte de CSS en navegadores

3. Especificación oficial

4. Funcionamiento básico de CSS

5. ¿Cómo incluir CSS en la Web?

6. Estilo básico

7. Medios CSS

8. Comentarios

9. Sintaxis de la definición

TEMA 8. SELECTORES, UNIDADES DE MEDIDA Y COLORES

1. Selectores CSS

2. Unidades de medida

3. Colores

TEMA 9. MODELOS DE CAJAS, POSICIONAMIENTO Y VISUALIZACIÓN

1. Modelo de cajas

2. Propiedades de las cajas

3. Margen, relleno, bordes y modelo de cajas

4. Posicionamiento y visualización

5. Posicionamiento

6. Visualización

TEMA 10. ESTRUCTURAR UNA PÁGINA “LAYOUT”

1. Introducción a layout

2. ¿Cómo centrar una página horizontalmente?

3. ¿Cómo centrar una página verticalmente?

4. Estructura y layout

5. Altura/anchuras máximas y mínimas

6. Estilos avanzados

TEMA 11. TEXTO, ENLACES, IMÁGENES Y LISTAS

1. Textos en CSS

2. Enlaces

3. Imágenes

4. Listas

TEMA 12. TABLAS, FORMULARIOS Y SHORTHAND

1. Tablas

2. Formulario

TEMA 13. OTRAS UTILIDADES DE CSS

1. Versión para imprimir

2. Personalizar el cursor

3. Hacks y filtros

4. Prioridad en las declaraciones

5. Validar CSS

6. Recomendaciones Generales

7. Recursos útiles

TEMA 14. FIREBUG

1. ¿Qué es Firebug?

2. ¿Como se instala?

3. ¿Como usamos Firebug?

TEMA 15. INTRODUCCIÓN HTML5

1. ¿Qué es HTML5?

2. ¿Cuáles son las mejoras?

3. Etiquetas Obsoletas

4. Etiquetas modificadas

5. Lista de etiquetas HTML5

6. Atributos eliminados

7. Otros cambios

8. Estructura HTML5

9. Nueva estructuración del body

10. Otros elementos nuevos de estructuración

TEMA 16. NUEVOS ATRIBUTOS, EVENTOS Y PSEUDO-CLASES

1. Introducción a atributos globales

2. Nuevos atributos

3. Introducción a los nuevos eventos.

TEMA 17. NUEVOS ELEMENTOS SEMÁNTICOS

1. Elemento bdi

2. Elemento command

3. Elemento data

4. Elementos details

5. Elemento mark

6. Elemento meter

7. Elemento progress

8. Elemento ruby

9. Elemento time

10. Elemento wbr

TEMA 18. MEJORAS EN LOS FORMULARIOS

1. Nuevos elementos para los Formularios

2. Cambios en el atributo type (input)

3. Nuevos atributos para form

4. Nuevos atributos para fieldset

5. Nuevos atributos para input

6. Nuevos atributos para textarea

TEMA 19. OTRAS MEJORAS DE HTML5

1. Introducción a los elementos multimedia

2. Etiqueta source

3. Etiqueta track

4. Elemento video

5. Elemento audio

6. Elemento embed

7. Elemento canvas

8. Introducción a MathML

9. Introducción a SVG

10. Introducción a Drag and Drop

11. Validador HTML5

TEMA 20. INTRODUCCIÓN A CSS3

1. Introducción

2. Unidades, colores y fuentes

3. Nuevos Selectores y pseudo-clases

TEMA 21. ANIMACIONES, FONDOS Y BORDES

1. Propiedades para la animación

2. Nuevas propiedades para los fondos

3. Nuevas propiedades para Bordes

TEMA 22. CAJAS, CAJAS FLEXIBLES, COLORES Y FUENTES

1. Propiedades de las cajas

2. Propiedades de las cajas flexibles

3. Propiedades del color

4. Propiedades para las Fuentes

TEMA 23. ENLACES Y MULTI-COLUMNAS

1. Propiedades para los hiperenlaces

2. Propiedades de las multi-columnas

TEMA 24. TEXTO Y TRANSFORMACIONES 2D/3D

1. Propiedades para texto

2. Transformaciones 2D/3D

TEMA 25. TRANSICIONES E INTERFAZ DE USUARIO

1. Propiedades para las transiciones

2. Propiedades para la interfaz de usuario

3. Validación CSS3

La metodología del curso se adapta a la modalidad elegida por el alumno. El aprendizaje se realiza de forma progresiva, siguiendo el temario y completando los ejercicios o actividades propuestos durante el itinerario formativo.

Según la modalidad seleccionada, el alumno podrá estudiar mediante material físico enviado a domicilio, con manuales impresos para leer, consultar y trabajar los contenidos, o a través de una plataforma online SCORM, donde el curso se presenta de forma más interactiva, con textos, imágenes, botones, vídeos y actividades que permiten avanzar paso a paso.

Durante la formación, contarás con tutorías y seguimiento para resolver dudas, realizar consultas y avanzar correctamente en el curso. Además, recibirá una guía del alumno con la información necesaria sobre el funcionamiento de la formación, los canales de contacto disponibles y el envío de los ejercicios correspondientes.

Para la evaluación, será necesario completar las actividades o ejercicios establecidos en el curso. Una vez comprobada la superación del itinerario formativo, se gestionará el envío de la titulación acreditativa correspondiente.

• Formación flexible a tu ritmo

• Tutorías y seguimiento

• Material didáctico especializado

• Cuestionarios y actividades de evaluación

Duración: 180 horas   

El curso está disponible en dos modalidades a elegir: modalidad con material físico o modalidad online sin material físico.

Modalidad con material físico

• Manual del curso: Diseño Web Avanzado – HTML5 y CSS3 (Desarrollo Web Profesional)

• Mochila

• Bolígrafo

• Bloc de notas

• Cuaderno de ejercicios

• Guía del alumno

• Envío gratuito del material a domicilio en Península y Baleares

Modalidad online sin material físico

• Acceso al Curso de Diseño Web Avanzado – HTML5 y CSS3 en la plataforma online SCORM

• Contenidos digitales organizados de forma interactiva

• Al finalizar el curso, recibirás una titulación acreditativa correspondiente.

Conocer el funcionamiento real del sector y aplicar los conocimientos aprendidos durante el curso. Las prácticas no garantizan contratación, pero pueden ser una buena oportunidad para ganar seguridad, mejorar tu perfil profesional y ampliar tus contactos en el entorno laboral. 

Al finalizar el curso, recibirás una titulación acreditativa de Diseño Web Avanzado – HTML5 y CSS3 (Desarrollo Web Profesional), emitida por Tecni Estudio, que certifica la realización y superación de la formación.

Este curso está orientado a ampliar conocimientos, reforzar la preparación del alumnado y mejorar su perfil profesional en el área correspondiente. Salvo que se indique expresamente lo contrario, se trata de una formación privada orientada al desarrollo profesional.

Este curso ofrece la posibilidad de realizar prácticas en empresas reales, una oportunidad clave para adquirir experiencia y mejorar tu empleabilidad.

Las fechas y el horario se organizan según tu disponibilidad y la de la empresa colaboradora. Con un máximo de 5 días por semana y hasta 5 horas al día.

• Búsqueda de empresas colaboradoras próximas a tu domicilio, según disponibilidad

• Horarios adaptados a tu disponibilidad

• Duración flexible (de 1 a 3 meses, hasta 300 horas)

• Gestión completa del convenio de prácticas

• Seguro de responsabilidad civil y accidentes incluido

Las prácticas son opcionales y tienen un coste de 120 €, independientemente de su duración.

Realizar prácticas puede ayudarte a adquirir experiencia, conocer el funcionamiento real del sector y aplicar los conocimientos aprendidos durante el curso. Las prácticas no garantizan contratación, pero pueden ser una buena oportunidad para ganar seguridad, mejorar tu perfil profesional y ampliar tus contactos en el entorno laboral. 

Esta formación puede ayudarte a mejorar tu perfil para desarrollar funciones relacionadas con el diseño web, la maquetación frontend y la creación de páginas profesionales.

• Puestos y funciones relacionadas

• Diseñador/a web

• Desarrollador/a frontend

• Maquetador/a web

• Apoyo en desarrollo web

• Creación de páginas web para empresas

• Profesional freelance en proyectos web

• Ámbitos de trabajo

• Agencias digitales

• Empresas de desarrollo web

• Departamentos de marketing y comunicación

• Negocios que necesiten presencia online