Regional Distrito Capital

Centro de Gestión de Mercados, Logística y Tecnología de la información Fecha:

Sistema de PROGRAMA DE FORMACION : Junio - 2010
Gestión de la ANALISIS Y DESARROLLO DE SISTEMAS DE INFORMACION
Calidad

GUÍA No.3 INTRODUCCION A HTML

Fase de Desarrollo: conocer los conceptos básicos de HTML, su

definición y como es su estructura en el diseño de una pagina web.
 Regional Distrito Capital
Centro de Gestión de Mercados, Logística y Tecnología de la información Fecha:
Sistema de PROGRAMA DE FORMACION : Junio - 2010
Gestión de la ANALISIS Y DESARROLLO DE SISTEMAS DE INFORMACION
Calidad

INTRODUCCIÓN

Actualmente encontramos que muchas de las cosas se mueven a

través de las páginas web, publicidad, ventas, ofertas etc., ¿pero qué
hace que esto exista?, HTML, este esta compuesto por etiquetas que
definen la estructura y el formato que del documento que será visto
en la web por el usuario, estas son leídas por el navegador para que
podamos visualizar las paginas que vemos hoy en día en internet.

Como ya se ha dicho, este lenguaje estructura documentos. La

mayoría de los documentos tienen estructuras comunes (títulos,
párrafos, listas...) que van a ser definidas por este lenguaje mediante
tags. Cualquier cosa que no sea una tag es parte del documento
mismo.

Este lenguaje no describe la apariencia del diseño de un documento

sino que ofrece a cada plataforma que le de formato según su
capacidad y la de su navegador (tamaño de la pantalla, fuentes que
tiene instaladas...). Por ello y para no frustrarnos, no debemos diseñar
los documentos basándonos en como lucen en nuestro navegador
sino que debemos centrarnos en proporcionar un contenido claro y
bien estructurado que resulte fácil de leer y entender.

Versiones HTML

HTML 2.0

Cuando se produjo la explosión de Internet, el estándar de HTML que

circulaba era el 2.0 (establecido en noviembre del 95), de modo que
cualquier navegador que encontremos será capaz de interpretarlo.

HTML 3.0 y 3.2

Aunque la versión 2.0 cumplía bien el objetivo para el que se creó,

carecía de herramientas para tener un control mínimamente complejo
de los documentos. No se consideró necesario que lo tuviera, ya que
por aquel entonces Internet era un fenómeno más bien circunscrito a
la actividad académica y el contenido primaba sobre el diseño.
Debido a ello, Netscape (líder del mercado de navegadores por aquel
entonces) empezó a incluir etiquetas nuevas no incluidas en ningún
estándar.

Por estos problemas, el IETF (el comité que suele decidir todos los
estándares dentro de Internet) comenzó a elaborar el borrador del
HTML 3.0, que resultó ser demasiado grande para la época, lo que
 Regional Distrito Capital
Centro de Gestión de Mercados, Logística y Tecnología de la información Fecha:
Sistema de PROGRAMA DE FORMACION : Junio - 2010
Gestión de la ANALISIS Y DESARROLLO DE SISTEMAS DE INFORMACION
Calidad

Resultados de Aprendizaje:
22050100703. Construir la interfaz de usuario, apoyado en la
evaluación del prototipo, determinando las entradas y salidas
requeridas en el diseño y definiendo los lineamientos para la
navegación, de acuerdo con las necesidades del usuario.

De Desempeño:
• Se interesa por el tema participando activamente y a
consciencia.
• Desarrolla ejercicios prácticos en HTML, en el aula de clase.
De Producto:
• Entrega la evidencia resultante de la investigación, siguiendo
los parámetros establecidos por el instructor.
De Conocimiento:
• Responde claramente y sin confusiones, a preguntas sobre las
características que tienen las bases de datos.
• Evaluar de forma escrita; conceptos básicos, etiquetas y
estructura de un documento HTML.

Evidencia de aprendizaje a entregar:

1. Con sus propias palabras realice una breve síntesis de la lectura de

la guía.
2. De la lectura saque 3 preguntas y respóndalas con sus palabras.

3. Realizar un mapa conceptual que contenga:

a) Concepto de www
b) Definición de HTML.
c) Características y ventajas de HTML
d) Las versiones de HTML.
e) Servidor, navegador, url

4. Mencionar cuales serian las etiquetas para: tablas, vínculos y

títulos, según la investigación realizada y tomando como
referencia la información de la presente guía.

5. Utilizando los comandos vistos, realice en bloc de notas, la

siguiente interfaz de usuario, a partir de lo mostrado en pantalla:
 Regional Distrito Capital
Centro de Gestión de Mercados, Logística y Tecnología de la información Fecha:
Sistema de PROGRAMA DE FORMACION : Junio - 2010
Gestión de la ANALISIS Y DESARROLLO DE SISTEMAS DE INFORMACION
Calidad

Prerrequisitos Forma de entrega

• Utiliza adecuadamente los El desarrollo de esta guía tiene

recursos del aula. un tiempo máximo de 4 horas
• Organiza el tiempo para clase, elabore un documento tipo
establecer los puntos de informe con el contenido de la
investigación. evidencia de aprendizaje a
• Entiende los parámetros entregar; puede hacer uso de la
requeridos para la entrega de estructura de este documento
la evidencia. incluyendo la introducción; sin
embargo, recuerde las demás
partes de un informe y las
normas ICONTEC. Envié la
evidencia al correo del instructor,
según las indicaciones del mismo.

Orientación de las estrategias para desarrollar las

actividades de enseñanza aprendizaje evaluación :
(acompañamiento al aprendiz/ trabajo autónomo)

Investigue en la red de internet documentos que contengan

información sobre: evolución de las bases de datos y glosario sobre
 Regional Distrito Capital
Centro de Gestión de Mercados, Logística y Tecnología de la información Fecha:
Sistema de PROGRAMA DE FORMACION : Junio - 2010
Gestión de la ANALISIS Y DESARROLLO DE SISTEMAS DE INFORMACION
Calidad

bases de datos. Analice según su criterio y establezca los conceptos

solicitados. Organice su tiempo para lograr la investigación y la
estructuración del informe requerido.

Evaluación del aprendizaje:

El instructor induce el aprendizaje mediante la socialización y análisis

del tema.
El aprendiz atiende, consulta según su análisis y participa
activamente en el transcurso del desarrollo de la actividad de
Enseñanza Aprendizaje Evaluación.
Se evalúa la presentación, la pertinencia en el desarrollo del tema, la
eficacia en la entrega y la adecuada utilización de los recursos del
aula. El aprendiz presenta evaluación escrita según la fecha y hora
acordada.