Fundamentos de HTML5

Actividad 1: Qu es HTML? Valor de la actividad: Esta actividad es de repaso y no acumula puntos.

En esta actividad aplicars formato a un documento de texto simple y aprenders a examinar el cdigo fuente de cualquier pgina Web. Requisitos: Internet Explorer 9 Opcionalmente otros exploradores web como Firefox, Google Chrome, Opera o Safari.

Puedes descargar los exploradores desde las siguientes direcciones: Objetivos: Aplicar etiquetas o TAGs <p>, <h1> y <h2> para dar formato a un texto Examinar el cdigo fuente HTML que procesa un explorador Web Internet Explorer: http://microsoft.com/IE9 Firefox: http://www.getfirefox.net/ Google Chrome: http://www.google.com/chrome Opera: http://www.opera.com/download/ Safari: http://www.apple.com/safari/download/

Al finalizar la actividad Para que los dems compaeros o el instructor puedan verificar la realizacin de tu actividad, puedes enviar un Tweet a la cuenta @DiplomadoHTML5 utilizando el Hashtag #DiplomadoHTML5Actividad1 y la liga con las imgenes que muestren el documento formateado y el cdigo fuente del mismo. Puedes proporcionar la liga de tus imgenes en SkyDrive o en algn sitio Web propio o gratuito. S cuentas con una cuenta Windows Azure, puedes publicar ah tus archivos.

Pgina 1

http://ti-capacitacion.com

Fundamentos de HTML5
Escenario En esta actividad debers dar formato al siguiente texto para que pueda ser procesado por un explorador Web de forma apropiada.

*** Texto *** Este curso proporciona una introduccin al lenguaje HTML y sirve como punto de partida para el diseo y desarrollo de aplicaciones Web. As mismo brinda capacidad al estudiante de tomar las ventajas de esta tecnologa y aplicarlas al diseo de sitios Web aprovechando las bondades y caractersticas de la ltima versin de Internet Explorer soportada por Microsoft. Contenido Mdulo 1. Iniciando con HTML5 En el mdulo 1 se proporciona una introduccin a HTML5, el lenguaje de la Web. Se explica la forma en que los exploradores Web procesan las pginas. Se explica brevemente las sintaxis de HTML5 y la estructura bsica de una pgina. Mdulo 2: Internet Explorer 9 y el soporte a HTML5 Para navegar por Internet se encuentran disponibles diversos navegadores Web. Cada uno con caractersticas propias y comunes que les permiten interpretar las especificaciones HTML. En este mdulo 2 Internet Explorer 9 y el soporte a HTML5, exploraremos las caractersticas ms importantes del navegador Web Internet Explorer 9 as como la forma de explotar las mismas a travs del uso de los estndares de HTML5. Se examinarn las caractersticas del Internet Explorer que brindan riqueza a los sitios Web convirtindolos en aplicaciones para lograr mayor exposicin dentro del escritorio de Windows. *** Fin del texto ***

Pgina 2

http://ti-capacitacion.com

Fundamentos de HTML5
Tarea 1: Dar formato al texto Utilizando las etiquetas o TAGs <p>, <h1> y <h2> aplica formato al documento para que pueda ser representado por el Internet Explorer de la siguiente manera:

Tarea 2: Examinando el cdigo fuente HTML desde el Internet Explorer Los navegadores web permiten examinar el cdigo fuente HTML que procesan. Para examinar el cdigo fuente con el Internet Explorer, sigue los siguientes pasos. 1.- Selecciona la opcin Ver > Cdigo fuente de la barra de mens

Pgina 3

http://ti-capacitacion.com

Fundamentos de HTML5

2.- En la ventana que se abre puedes examinar el cdigo fuente HTML que procesa el explorador Web.

Pgina 4

http://ti-capacitacion.com

Fundamentos de HTML5

Cul es la forma de ver el cdigo fuente en los siguientes exploradores Web? Firefox Google Chrome Opera Safari

Pgina 5

http://ti-capacitacion.com

Fundamentos de HTML5
Con esto has llegado al final de la actividad. No se te olvide que para que los dems compaeros o el instructor puedan verificar la realizacin de tu actividad, puedes enviar un Tweet a la cuenta @DiplomadoHTML5 utilizando el Hashtag #DiplomadoHTML5Actividad1.

Pgina 6

http://ti-capacitacion.com