Introducción
HTML5 y CSS3 son tecnologías utilizadas para la creación de sitios y aplicaciones web.
HTML5
HTML5 es la última versión del lenguaje de marcado de hipertexto (HTML). Introduce nuevas características y elementos que mejoran la estructura y funcionalidad de las páginas web.
Características principales de HTML5:
- Elementos semánticos: Nuevos elementos como
<header>,<footer>,<article>,<section>, y<nav>que mejoran la estructura y el significado del contenido. - Formularios mejorados: Nuevos atributos y tipos de entrada como
email,date,number, entre otros, que facilitan la validación y manipulación de datos en formularios. - Soporte multimedia: Etiquetas
<audio>y<video>para la inclusión de contenido multimedia sin necesidad de plugins externos como Flash. - Canvas: El elemento
<canvas>permite dibujar gráficos y animaciones en la web mediante JavaScript. - Local Storage y Session Storage: Métodos para almacenar datos en el navegador del usuario de manera persistente o temporal.
- Geolocalización: API que permite obtener la ubicación geográfica del usuario.
CSS3
CSS3 es la última versión de las hojas de estilo en cascada (CSS), que se utilizan para diseñar y darle estilo a las páginas web.
Características principales de CSS3:
- Selectores avanzados: Nuevos selectores que permiten una mayor precisión al aplicar estilos.
- Modelo de caja flexible (Flexbox): Herramienta potente para crear diseños de cajas flexibles y responsivos.
- Grid Layout: Sistema de diseño en cuadrícula que facilita la creación de layouts complejos.
- Transiciones y animaciones: Permite la creación de efectos dinámicos y animaciones sin necesidad de JavaScript.
- Sombreados y gradientes: Propiedades para aplicar sombras y degradados a elementos.
- Media Queries: Funcionalidad clave para el diseño responsivo, permitiendo aplicar estilos específicos según el tamaño de la pantalla o el dispositivo.
Descripción del curso
Los objetivos del curso HTML 5 Y CSS 3 son:
Adquirir los conocimientos sobre las ventajas comparativas que aportan los estandar HTML5 y CSS3.
Aplicar las posibilidades que ofrecen HTML5 y CSS3 para la simplificación de la construcción de páginas web.
Estudiar y aplicar las nuevas capacidades que aportan HTML5 y CSS3 sobre contenidos dinámicos y multimedia.
Ventajas que ofrece la metodología eLEARNING BY FLO SERVICE
- Todos nuestros cursos son muy intuitivos, visuales, interactivos y de fácil acceso. Hay breves vídeos explicativos de los profesores.
- Los cursos proponen ejercicios en todas las unidades así como pruebas de evaluación para medir lo aprendido.
- Un tutor personalizado asesora, corrige las tareas y proporciona pautas para el mayor aprovechamiento del curso.
- Al finalizar los cursos se obtiene un CAA de superación expedido por la Universidad de Nebrija o Microsoft (en los cursos que dependen de alguna de estas instituciones) y un certificado expedido por FLO Centro de Formación que podrás añadir a tu CV.
Tras la finalización, obtendrás un CAA acreditativo para incluir en tu CV
Puntos clave
UNIDADES DIDÁCTICAS
UD1. HTML5 Y CSS3
1.0.-Introduccion y objetivos
1.1-Elementos estructurales de HTML5
1.1.1- Doctype de HTML5
1.1.2- Evitando elementos div
1.1.3- Descripción de los elementos estructurales HTML5
1.1.4-Aplicar los elementos estructurales HTML5
1.1.5-Modificar la hoja de estilo en cascada
1.1.6-Test
Práctica
1.2.- Trabajando con esquemas HTML5
1.2.1- Aplicar estilo a los elementos estructurales HTML5
1.2.2- Otros elementos semánticos de HTML5
1.2.3- Elementos article anidados
1.2.4- El esquema del documento
1.2.5-Test
Práctica
1.3- Formularios HTML5
1.3.1- Introducción
1.3.2- Nuevos controles de formulario
1.3.3- Nuevos tributos
1.3.4-Compatibilidad con navegadores antiguos
1.3.5- Test
Práctica
1.4-Dibujar con el elemento canvas (parte 1)
1.4.1- Introducción
1.4.2-Una interfaz de dibujos 2D
1.4.3-Dibujar rectángulos
1.4.4-Dibujar trazados
1.4.5-Colores de trazo y de relleno
1.4.6- Test
Práctica
1.5- Dibujar con el elemento canvas (parte 2)
1.5.1-Estilos de línea
1.5.2- Gradientes
1.5.3- Patrones
1.5.4-Dibujar imágenes
1.5.5-Dibujar texto
1.5.6-Test
Práctica
1.6- Video y audio en HTML5
1.6.1-Reproducción sin plugin
1.6.2-La etiqueta <video>
1.6.3-Formatos y códecs de vídeo
1.6.4-Códecs de audio
1.6.5-La etiqueta <audio>
1.6.6-API multimedia
1.6.7-Test
Práctica
1.7-Introducción a CSS3 (parte 1)
1.7.1-La evolución que representa CSS3
1.7.2- Nuevos selectores CSS3
1.7.3-Esquinas redondeadas y sombras
1.7.4- Colores
1.7.5-Gradientes de color
1.7.6-Test
Práctica
1.8-Introducción a CSS3 (parte 2)
1.8.1- Incrustación de fuentes
1.8.2-Dónde obtener fuentes
1.8.3-Múltiples imágenes de fondo
1.8.4-Transiciones
1.8.5-Transformaciones
1.8.6- Test
Práctica Final
UD2. FUNDAMENTOS DE JAVASCRIPT
2.1-Introducción
2.1.1-La evolución de la Web
2.1.2-Estándares web
2.1.3-HTML5 y CSS3
2.1.4-JavaScript
Práctica
2.2-Introducción a JavaScript
2.2.1-La etiqueta <script>
2.2.2-Contenido alternativo
2.2.3-Variables
2.2.4-Tipos de datos
2.2.5-Operadores
2.2.6-Cuadros de diálogo
2.2.7-Test
Práctica
2.3-Fundamentos de programación
2.3.1-Estructuras de decisión
2.3.2-Expresiones lógicas
2.3.3-Estructuras de repetición
2.3.4-Definir funciones
2.3.5-Llamar funciones
2.3.6-Ámbitos de las variables
2.3.7-Test
Práctica
2.4-Objetivos y Arrays en JavaScript
2.4.1-Introducción
2.4.2-La jerarquía de objetos
2.4.3-Propiedades y eventos
2.4.4-Métodos
2.4.5-Arrays
2.4.6-Test
Práctica
2.5-Los objetivos location e history
2.5.1- ¿Qué es una URL?
2.5.2-El objeto location
2.5.3-Actualizando la dirección
2.5.4-El objeto history
2.5.5-Test
Práctica
2.6-El objeto document
2.6.1-Introducción
2.6.2-La propiedad title
2.6.3-El método write
2.6.4-El conjunto images
2.6.5-Test
Práctica
2.7-El objetivo form
2.7.1-Formularios HTML
2.7.2-El conjunto forms
2.7.3-La propiedad elements
2.7.4-Validar la información
2.7.5- ¿Cuándo realizar la validación?
2.7.6-Tipos de validación
2.7.7-Test
Práctica
2.8-Modelo de Objetos del Documento(DOM)
2.8.1-El árbol del documento
2.8.2-Tipos de nodos y de relaciones
2.8.3-Obtener elementos
2.8.4-Obtener y establecer atributos
2.8.5-Test
Práctica
2.9-Manipulación del DOM
2.9.1-Recorrer el árbol del documento
2.9.2-Modificar el valor de los nodos
2.9.3-Crear, eliminar y reemplazar nodos
2.9.4-El método innerHTML
2.9.5-Modificar el formato dinámicamente
2.9.6-Test
Práctica
2.10-Buenas prácticas
2.10.1-Separar estructuras y comportamiento
2.10.2-Añadir los manejadores de evento
2.10.3-Detectar características de los navegadores
2.10.4-Ejemplo: Una galería fotográfica
2.10.5-Ejemplo: La estructura de la página
2.10.6-ejemplo: El código JavaScript
2.10.7-Test
Práctica final
El curso incluye:
- Agenda
- Guía del alumno
- Temario
- Vídeos explicativos del profesor
- Contenido interactivo
- Foro
- Ejercicios, supuestos
- Pruebas de evaluación
