Creación de sitios web con HTML5

ÁREA: HERRAMIENTAS WEB

PRESENTACIÓN

HTML5 (Hyper Text Markup Language) es un lenguaje para la creación de páginas Web, resultado de la evolución y la reformulación de HTML 4.01. La razón principal que motiva su uso es la creación de un código limpio, con la separación del contenido con respecto al diseño. El empleo de sus etiquetas semánticas permite una mayor claridad en el desarrollo, el mantenimiento y el posicionamiento de las páginas en los buscadores. Además, HTML5, en combinación con el lenguaje CSS3 (Cascading Style Sheet), logra potenciar el aspecto visual de las páginas Web.

PERFIL DE INGRESO

El curso está dirigido a las personas interesadas en la generación de contenidos para la Web. Se requiere la acreditación o la demostración de conocimientos equivalentes a los cursos Introducción a la computación e Internet con WINDOWS y Servicios de Internet.

OBJETIVO

El participante identificará los elementos para el desarrollo de sitios Web, que integrará con el lenguaje HTML5 y las hojas de estilo CSS.

TEMARIO

INTRODUCCIÓN

1.1.

Historia

1.1.1.	Orígenes de la World Wide Web (WWW)
1.1.2.	Evolución
1.1.3.	HTML5

1.2.

Conceptos básicos

1.2.1.	Página Web
1.2.2.	Sitio Web
1.2.3.	Portal Web
1.2.4.	Navegador

1.3.

Herramientas para la creación de páginas Web

1.3.1.	Editores WYSWYG
1.3.2.	Herramientas en línea
1.3.3.	Alojamiento Web

1.4.

Estructura básica de un documento HTML

1.4.1.	Etiquetas
1.4.2.	Elemento del documento
1.4.3.	Elementos a nivel bloque
1.4.4.	Elementos a nivel línea
1.4.5.	Realizar comentarios en un documento HTML
1.4.6.	Visualización del documento en el navegador

ELEMENTOS BÁSICOS

2.1.

Secciones

2.1.1.	Bloque
2.1.2.	Encabezado
2.1.3.	Navegación
2.1.4.	Sección
2.1.5.	Artículo
2.1.6.	Barra lateral
2.1.7.	Pie de página

2.2.

Texto

2.2.1.	Título < h1 >, < h2 >, < h3 >, < h4 >, < h5 >, < h6 >
2.2.2.	Párrafo <p>
2.2.3.	Sección de texto <span>
2.2.4.	Texto preformateado <pre>
2.2.5.	Elementos para énfasis y otras marcas de texto: <strong> <em> <mark> <q> <sub>> y <sup>
2.2.6.	Salto de línea </br>

2.3.

Listas

2.3.1.	Listas ordenadas <ol>
2.3.2.	Listas no ordenadas <ul>
2.3.3.	Listas de definición <dl>, <dt> y <dd>

2.4.

Imágenes

2.4.1.	Figuras <figure>
2.4.2.	Imágenes <img>

2.5.

Hipervínculos

2.5.1.	Rutas relativas y absolutas
2.5.2.	Vínculos de texto <a>
2.5.3.	Vínculos dentro de un mismo documento
2.5.4.	Vínculos de imagen

OTROS ELEMENTOS

3.1.

Multimedia

3.1.1.	Audio <audio>
3.1.2.	Video <video>

3.2.

Tablas

3.2.1.	Empleo correcto de tablas
3.2.2.	Tablas: <tabla>, <caption>, <head>, <tbody>, <tfoot>, <tr> y <td>

3.3.

Formularios

3.3.1.	Métodos de envío
3.3.2.	Formulario <form>
3.3.3.	Captura de texto, cuadros de opción y casillas de verificación <input> y <textarea>
3.3.4.	Listas de selección <select> y <option>
3.3.5.	Botones <button>

3.4.

Marcos

3.4.1.

Marco flotante <iframe>

HOJAS DE ESTILO

4.1.

Introducción

4.1.1.	Evolución
4.1.2.	Sintaxis
4.1.3.	Selectores
4.1.4.	Pseudo-clases y Pseudo-elementos
4.1.5.	Cascada
4.1.6.	Herencia
4.1.7.	Medidas

4.2.

Propiedades

4.2.1.	Color y fondo
4.2.2.	Cajas
4.2.3.	Fuentes
4.2.4.	Texto
4.2.5.	Listas
4.2.6.	Tablas

4.3.

Aplicación de estilos dentro de documentos HTML

4.3.1.	Estilos dentro de etiquetas
4.3.2.	Estilos dentro de un mismo documento
4.3.3.	Estilos importando o vinculando una hoja de estilo en cascada

4.4.

Diseño adaptable (RWD)

4.4.1.	Definición
4.4.2.	Ventajas

PERFIL DE EGRESO

Los conocimientos adquiridos permitirán al participante la creación de páginas Web con HTML5 y CSS3, para ser publicadas en Internet.

REQUISITOS ACADÉMICOS

Estudios mínimos de preparatoria o equivalente.

DURACIÓN

20 hrs.

Enero 2018

101264/E