|
|
 |
Este curso proporciona una introducción al lenguaje HTML y sirve como punto de partida para el diseño y desarrollo de aplicaciones Web. Así mismo brinda capacidad al estudiante de tomar las ventajas de esta tecnología y aplicarlas al diseño de sitios Web aprovechando las bondades y características de la última versión de Internet Explorer soportada por Microsoft.
Audiencia
Este curso está dirigido a personas sin experiencia en HTML, CSS o JavaScript y que desean conocer los fundamentos del lenguaje HTML, CSS y JavaScript para empezar a desarrollar aplicaciones Web.
Este curso también está dirigido a aquellas personas con conocimientos en HTML, CSS o JavaScript y que deseen conocer algunas de las novedades de HTML5
Objetivos
Al terminar este entrenamiento el participante:
- Identificará los principales elementos de la estructura de una página HTML5
- Conocerá los fundamentos y propósito de las hojas de estilo en cascada (CSS)
- Identificará los principales elementos de HTML
- Podrá crear páginas Web incorporando imágenes incluyendo mapas de imágenes
- Identificará los distintos tipos de listas disponibles en HTML
- Identificará los usos principales de las Tablas
- Podrá crear formularios para captura de datos
- Incorporará código JavaScript en las páginas Web
- Incorporará características multimedia en las páginas Web
- Identificara el estado actual de HTML5
- Conocerá algunas de las herramientas disponibles para crear código HTML
- Logrará comprender las características más importantes del navegador Internet Explorer 9 y cómo explotar las mismas a través del uso de los estándares de HTML5.
- Tendrá la oportunidad de brindar riqueza a sus sitios
convirtiéndolos en aplicaciones para lograr mayor exposición dentro
del escritorio Windows.
Para un mejor aprovechamiento de este entrenamiento, se recomienda que el participante tenga conocimientos sobre las principales tecnologías disponibles en Internet, esto incluye pero no está limitado a los servicios WWW, Correo electrónico, Blogs, Wikis, Foros y Redes Sociales como Twitter y Facebook.
Equipo de trabajo
Para la realización de las actividades de este entrenamiento se requiere de:
- Sistema operativo Windows 7
- Internet Explorer 9
- Plug-In de Silverlight
Módulo 1.
Iniciando con HTML5
·
Lección 1: ¿Qué es HTML?
o
El lenguaje de la Web
o
Como procesan las paginas los Exploradores
Web
o
La última versión HTML5
·
Lección 2: Creando la primera página Web
o
Sintaxis HTML5
o
Entendiendo la estructura básica de una
página
o
Navegando por páginas Web
Módulo 2:
Internet Explorer 9 y el soporte a HTML5
·
Lección 1: Rapidez
o
Mejoras en el rendimiento
·
Lección 2: Sencillez
o
Página Nueva pestaña
o
Barra de notificación
o
One Box
o
Sitios anclados
o
Mejoras de pestañas
o
Navegación centrada en Internet
o
Integración con Windows 7
·
Lección 3: Confiabilidad
o
Filtrado ActiveX
o
Asesor de rendimiento de complementos
o
Vista de compatibilidad
o
Filtro de scripts de sitios
o
Resaltado de dominios
o
Administrador de descargas
o
Exploración de InPrivate
o
Filtro SmartScreen
o
Aislamiento y recuperación de pestañas
o
Protección de rastreo
Módulo
3: Estilos en páginas Web
·
Lección 1: ¿Qué es CSS?
o
Entendiendo CSS
(Cascading Style Sheets)
o
Conceptos clave de CSS
o
Trabajando con CSS
o
Trabajando con Selectores
·
Lección 2: Realizando pruebas de CSS
o
Validando CSS
o
Probando CSS en el explorador Web
Módulo 4:
Tareas básicas de HTML
·
Lección 1: Agregando Texto
o
Trabajando con párrafos
o
Agregando encabezados
o
Aplicando caracteres especiales
·
Lección 2: Agregando estilo con CSS
o
Seleccionando Tipos de letra
o
Estableciendo tamaño del texto
o
Seleccionando el color del texto
o
Alineando y enfatizando texto
·
Lección 3: Creando enlaces a contenido
o
Agregando enlaces a otras páginas
o
Agregando enlaces a secciones de una
página
o
Aplicando estilos a los estados de los
enlaces
o
Trabajando con enlaces a documentos y
correo electrónico
·
Lección 4: Validando páginas
o
Trabajando con la declaraciónHTML5
<!DOCTYPE>
o
Utilizando el validador W3C
Módulo 5:
Incorporando Imágenes
·
Lección 1: Trabajando con imágenes
o
Entendiendo el uso de las imágenes Web
o
Insertando imágenes
o
Utilizando enlaces con imágenes
o
Alineando imágenes
o
Agregando imágenes de fondo
·
Lección 2: Utilizando mapas de imágenes
o
Creando un mapa de imagen (Image Map)
·
Lección 3: Agregando reglas horizontales
o
Separando secciones de las páginas
o
Configurando el tamaño y el estilo de las
reglas
Módulo 6:
Utilizando listas
·
Lección 1: Insertando listas no ordenadas
o
Trabajando con viñetas
o
Anidando listas no ordenadas
o
Modificando la apariencia de la lista
·
Lección 2: Trabajando con listas ordenadas
o
Creando listas enumeradas
o
Expandiendo un esquema
o
Combinando listas ordenadas y no ordenadas
·
Lección 3: Extendiendo listas
o
Entendiendo las barras de navegación de un
sitio Web
o
Trabajando con listas de navegación
o
Utilizando definición de listas y la
etiqueta <dialog>
Módulo 7:
Estructurando Tablas
·
Lección 1: Construyendo una simple Tabla
o
Entendiendo las tablas HTML
o
Trabajando con renglones y columnas
·
Lección 2: Agregando estilos a Tablas
o
Creando espacios en blanco en las tablas
o
Alineando tablas
o
Trabajando con bordes
o
Modificando colores de la tabla
·
Lección 3: Creando tablas más accesibles
o
Insertando títulos
o
Incorporando detalle y resumen
Módulo 8:
Construyendo Formularios
·
Lección 1: Creando un formulario
o
Entendiendo los formularios
o
Utilizando campos Text y Textarea
o
Trabajando con Radio Buttons
o
Trabajando con controles CheckBox
o
Implementando Listas de selección
o
Utilizando controles Hidden
o
Insertando controles Button
·
Lección 2: Mejorando formularios
o
Aplicando etiquetas <fieldset> y <legend>
o
Utilizando tablas para estructurar un
formulario
o
Estilizando formularios con CSS
Módulo 9:
Mejorando HTML con JavaScript
·
Lección 1: Agregando JavaScript
o
Entendiendo JavaScript
o
Integrando código JavaScript
o
Realizando pruebas del código JavaScript
·
Lección 2: Incorporando código JavaScript
o
Estableciendo enlaces a archivos externos
o
Incorporando Frameworks JavaScript
Módulo 10:
Agregando Audio y Video
·
Lección 1: Trabajando con Plug-Ins
o
Entendiendo los Plug-Ins
o
Insertando archivos SWF
o
Insertando objetos Silverlight
·
Lección 2: Insertando Audio
o
Utilizando audio compatible para la Web
o
Enlaces a archivos MP3
o
Incrustando audio con Plug-Ins
o
Incorporando Audio con HTML5
·
Lección 3: Insertando Video
o
Trabajando con tipos de Video
o
Agregando un reproductor de video
o
Integrando video sin un Plug-In
Módulo 11:
Los siguientes pasos con HTML5
·
Lección 1: Lo que viene de HTML5
o
HTML5 Hoy
o
¿Que funciona actualmente?
o
¿Qué no funciona actualmente?
·
Lección 2: Mejorando la estructura de una
página
o
Entendiendo las estructuras actuales
o
Trabajando con las nuevas semánticas HTML5
·
Lección 3: Integrando elementos avanzados
de diseño
o
Expandiendo las posibilidades de los tipos
de letras
o
Diseñando para distintos dispositivos
o
Pintando con <canvas>
·
Lección 4: Herramientas para crear código
HTML
o
Microsoft WebMatrix
o
Microsoft Expression Web
o
Microsoft Visual Studio