Creación, programación y diseño de páginas web con HTML5 y CSS3
210 HORAS |
Especialidades formativas del SEPE
Disponible
Con el curso IFCT031PO Creación, programación y diseño de páginas web con HTML5 y CSS3 aprenderás a diseñar, crear, programar páginas web con estos lenguajes de programación.
1.1. Introducción.
1.1.1. La evolución de la Web.
1.1.2. Estándares web.
1.1.3. HTML5 y CSS3.
1.1.4. JavaScript.
1.2. Introducción a Javascript.
1.2.1. La etiqueta (script).
1.2.2. Contenido alternativo.
1.2.3. Variables.
1.2.4. Tipos de datos.
1.2.5. Operadores.
1.2.6. Cuadros de diálogo.
1.3. Fundamentos de programación.
1.3.1. Estructuras de decisión.
1.3.2. Expresiones lógicas.
1.3.3. Estructuras de repetición.
1.3.4. Definir funciones.
1.3.5. Llamar funciones.
1.3.6. Ámbito de las variables.
1.4. Objetos y arrays en Javascript.
1.4.1. Introducción.
1.4.2. La jerarquía de objetos.
1.4.3. Propiedades y eventos.
1.4.4. Métodos.
1.4.5. Arrays.
1.5. Los objetos location e history.
1.5.1. ¿Qué es una URL?
1.5.2. El objeto location.
1.5.3. Actualizando la dirección.
1.5.4. El objeto history.
1.6. El objeto document.
1.6.1. Introducción.
1.6.2. La propiedad title.
1.6.3. El método write.
1.6.4. El conjunto images.
1.7. El objeto form.
1.7.1. Formularios HTML.
1.7.2. El conjunto forms.
1.7.3. La propiedad elements.
1.7.4. Validar la información.
1.7.5. ¿Cuándo realizar la validación?
1.7.6. Tipos de validación.
1.8. Modelo de objetos del documento (dom).
1.8.1. El árbol del documento.
1.8.2. Tipos de nodos y de relaciones.
1.8.3. Obtener elementos.
1.8.4. Obtener y establecer atributos.
1.9. Manipulación del dom.
1.9.1. Recorrer el árbol del documento.
1.9.2. Modificar el valor de los nodos.
1.9.3. Crear, eliminar y reemplazar nodos.
1.9.4. El método innerHTML.
1.9.5. Modificar el formato dinámicamente.
1.10. Buenas prácticas.
1.10.1. Separar estructura y comportamiento.
1.10.2. Añadir los manejadores de evento.
1.10.3. Detectar características de los navegadores.
1.10.4. Ejemplo: Una galería fotográfica.
1.10.5. Ejemplo: La estructura de la página.
1.10.6. Ejemplo: El código JavaScript.
2.1. Elementos estructurales de html5.
2.1.1. Doctype de HTML5.
2.1.2. Evitando elementos div.
2.1.3. Descripción de los elementos estructurales HTML5.
2.1.4. Aplicar los elementos estructurales HTML5.
2.1.5. Modificar la hoja de estilo en cascada.
2.2. Trabajando con esquemas html5.
2.2.1. Aplicar estilo a los elementos estructurales HTML5.
2.2.2. Otros elementos semánticos de HTML5.
2.2.3. Elementos article anidados.
2.2.4. El esquema del documento.
2.3. Formularios html5.
2.3.1. Introducción.
2.3.2. Nuevos controles de formulario.
2.3.3. Nuevos atributos.
2.3.4. Compatibilidad con navegadores antiguos.
2.4. Dibujar con el elemento Canvas (parte 1).
2.4.1. Introducción.
2.4.2. Una interfaz de dibujo 2D.
2.4.3. Dibujar rectángulos.
2.4.4. Dibujar trazados.
2.4.5. Colores de trazo y de relleno.
2.5. Dibujar con el elemento Canvas (parte 2).
2.5.1. Estilos de línea.
2.5.2. Gradientes.
2.5.3. Patrones.
2.5.4. Dibujar imágenes.
2.5.5. Dibujar texto.
2.6. Vídeo y audio en HTML5.
2.6.1. Reproducción sin plugin.
2.6.2. La etiqueta (video).
2.6.3. Formatos y códecs de vídeo.
2.6.4. Códecs de audio.
2.6.5. La etiqueta (audio).
2.6.6. API multimedia.
2.7. Introducción a CSS3 (parte 1).
2.7.1. La evolución que representa CSS3.
2.7.2. Nuevos selectores CSS3.
2.7.3. Esquinas redondeadas y sombras.
2.7.4. Colores.
2.7.5. Gradientes de color.
2.8. Introducción a css3 (parte 2).
2.8.1. Incrustación de fuentes.
2.8.2. Dónde obtener fuentes.
2.8.3. Múltiples imágenes de fondo.
2.8.4. Transiciones.
2.8.5. Transformaciones.
*La temática y el diseño de la demo son orientativos
¿Cómo son los cursos de Smartmind?
Cursos con diseño profesional y contenido audiovisual interactivo en formato de licencia y cumplen 100% con las especificaciones del SEPE. Te presentamos los catálogos de cursos elearning en scorm más completos y avanzados del mercado. Mejoramos hasta el 30% las finalizaciones de tus cursos, se incrementan hasta un 70% los alumnos que repiten y empresas como Endesa, Correos o Telefónica forman parte de nuestra cartera de clientes. ¿No crees que por algo será?
¿Cómo funciona nuestro catálogo?
Los catálogos de Smartmind recogen contenidos digitales para empresas basados en un enfoque audiovisual avanzado gracias a los desarrollos de nuestra productora de vídeo y la creatividad de nuestros diseñadores. Además cuentan con un código de colores para identificar su disponibilidad y la actualización de los contenidos. Descubre alguna de estas etiquetas:
Previsto
Contenidos que se encuentra en la lista de espera de producciones de Smartmind y su ejecución depende de las peticiones de los clientes.
Disponible
Formación disponible de forma inmediata en nuestros catálogos. Eso sí, se diferencian entre contenidos actuales y anteriores a 2021.
En producción
El departamento de Producto se encuentra elaborando el contenido. Puede incorporarse la fecha de disponibilidad.