Curso gratis Diseño y desarrollo web con HTML 5 y CSS

Curso Gratis Online para Trabajadores y Empresas

Si eres trabajador en Régimen General, disfruta del curso gratis online a través de la formación bonificada para empresas.

Nuestros cursos gratis están disponibles en modalidad online o a distancia, consúltanos para informarse de la modalidad del curso gratis para trabajadores de su interés.

OBJETIVOS DEL CURSO GRATIS DISEÑO Y DESARROLLO WEB CON HTML 5 Y CSS

Dotar de conocimientos teóricos y prácticos para poder desarrollar un sitio Web con HTML y aplicar las ventajas de presentación que ofrecen las hojas de estilo en cascada (CSS).

CONTENIDO DEL CURSO GRATIS DISEÑO Y DESARROLLO WEB CON HTML 5 Y CSS

INTRODUCCIÓN

Internet y las páginas Web

1. Definición de Internet
2. Páginas Web y la World Wide Web (WWW)
3. Cómo funcionan y cómo navegar en ellas
4. Introducción al lenguaje HTML
5. Uso de Hojas de estilo CSS
6. Requisitos para crear una página Web

Navegadores

1. Concepto inicial
2. Navegadores para acceder a la WWW

Ubicación, tipo y contenido de las páginas Web

1. El Servidor Web
2. Clasificación de las distintas páginas Web
3. Elementos y recursos necesarios para la creación de una página Web

HTML

El lenguaje HTML

1. Introducción al HTML
2. Características del HTML

Elementos y estructura básica

1. Introducción a la estructura básica
2. Cómo crear un documento HTML
3. Elementos esenciales del HTML
4. Estructura básica de un documento HTML

Directivas de texto

1. Introducción a las directivas de texto
2. Gestión de saltos de línea y espacios en blanco
3. Uso de párrafos
4. Organización en secciones
5. Creación de cabeceras
6. Uso de separadores
7. Bloque de texto preformateado
8. Diálogos en HTML
9. Resaltar texto
10. Listas en HTML
11. Marcadores de texto
12. Uso de novedades y tachados

Enlaces

1. Introducción a los enlaces
2. Enlaces locales dentro de un sitio
3. Enlaces internos a diferentes secciones de un documento
4. Enlaces externos a otras páginas
5. Enlaces para direcciones de correo electrónico
6. Enlaces hacia archivos específicos
7. Uso del atributo target y otros atributos relevantes

Tablas

1. Introducción a las tablas en HTML
2. Creación de tablas básicas
3. Tablas avanzadas y sus características
4. Agrupación de filas y columnas
5. Aplicaciones prácticas de las tablas

Imágenes

1. Introducción al uso de imágenes
2. Formatos de imagen más comunes
3. Cómo insertar imágenes en HTML
4. Mapas de imágenes y su funcionalidad
5. Uso de la directiva FIGURE

Formularios

1. Introducción a los formularios en HTML
2. La directiva FORM y sus atributos
3. Elementos de un formulario: La directiva INPUT
4. Otros elementos importantes en formularios
5. Formato y diseño de formularios

Audio, vídeo y otros objetos multimedia

1. Introducción a los objetos multimedia
2. Multimedia en el contexto de HTML 5
3. Uso de marcos flotantes o iframes
4. Elementos interactivos en HTML 5

CSS

Introducción a las hojas de estilo CSS

1. Conceptos básicos de CSS
2. Historia de las hojas de estilo
3. Funcionamiento fundamental de CSS
4. Uso de comentarios en CSS

Selectores

1. Introducción a los selectores en CSS
2. Diferentes tipos de selectores

Unidades de medida y colores

1. Unidades de medida más utilizadas
2. Colores en CSS y su aplicación

Propiedades Básicas

1. Introducción a las propiedades básicas
2. Propiedades de fuentes y tipografía
3. Propiedades relacionadas con colores y fondos
4. Propiedades asociadas al texto

Modelo de cajas

1. Introducción al modelo de cajas
2. Estructura y propiedades del modelo

Posicionamiento

1. Introducción al posicionamiento en CSS
2. Propiedades y tipos de posicionamiento
3. Visualización de elementos posicionados

Estilos para listas y tablas

1. Estilos aplicados a listas
2. Estilos aplicados a tablas

CSS 3

Introducción

1. Uso de sombras en CSS
2. Propiedades de opacidad
3. Esquinas redondeadas y su implementación
4. Nuevos selectores, pseudo-elementos y pseudo-clases

CONSIDERACIONES FINALES

Publicar un sitio Web

1. Introducción a la publicación de sitios Web
2. Pasos para subir la página a un servidor
3. Cómo dar de alta el sitio en buscadores

Mejorar una página Web con JavaScript

1. Introducción a JavaScript
2. Cómo insertar JavaScript en documentos HTML
3. Aplicaciones prácticas de JavaScript en páginas Web

Anexo

1. Desarrollo práctico de un sitio Web
2. Descripción del enunciado del proyecto
3. Resolución y análisis del proyecto