IFCT031PO

Creación, programación y diseño de páginas web con HTML5 y CSS3

210 HORAS | 

Especialidades formativas del sepe

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.

Diseñado y producido por:

Contenidos del curso

CURSO IFCT031PO Creación, programación y diseño de páginas web con HTML5 y CSS3

1. Fundamentos de Javascript.

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. HTML5 Y CSS3.

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.

Demo

Programación

*La temática y el diseño de la demo son orientativos

Cursos Smartmind

¿Cómo son los cursos 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á?

Más cursos de especialidades formativas

Cursos del Plan de Referencia que cumplen con los requisitos del SEPE y cuentan con el sello de diseño y calidad de Smartmind. Colaboramos con las más importantes empresas de formación en la selección de los mejores y más actuales para conseguir los mejores resultados.

¿Cómo funciona el

Catálogo?

Todo lo que debes saber sobre los contenidos Smartmind

catalogo-elearning-smartmind.j

Edtech

¿Cómo funciona el catálogo elearning de Smartmind?

programas-formativos-exito

Desarrollos a medida

¿Por qué las licencias de los cursos on line en formato SCORM de Smartmind son la mejor opción para el éxito de tus programas formativos?

diseño de cursos elearning a medida

Desarrollos a medida

Diseño, digitalización y producción de contenidos de aprendizaje a medida. Nuestro Framework de diseño

¿Quieres más información sobre este curso?

Rellena el formulario con tus datos y nos pondremos en contacto contigo para darte todos los detalles de nuestras licencias.

¡Qué bien! Necesitamos saber algunas cosas de ti :)

Nombre *
Apellido *
Email *
Número de teléfono *
Nombre de la empresa
Web de tu empresa
Tipo de empresa *
Finalidad de tu solicitud *
País/región
Mensaje

¿Tienes alguna duda o quieres más información?

Déjanos tus datos y nos pondremos en contacto contigo para resolverte todas tus dudas.

¡Qué bien! Necesitamos saber algunas cosas de ti :)

Nombre *
Apellido *
Email *
Teléfono *
Nombre de la empresa *
País/región *
Tipo de empresa *
¿Participas en convocatorias de formación de oferta estatales o autonómicas? *
¿En qué podemos ayudarte?
Mensaje