Actividad 3 - Desarrollo de Paginas Web

Nombre de la materia
Desarrollo de páginas web
Nombre de la Licenciatura
Ingenieria en Sistemas
Nombre del alumno

0000000000000000000
Matrícula00000000000000
Nombre de la Tarea
El lenguaje HTML v editores de paginas
web
Unidad #
3
Nombre del Profesor

000000000000000000
Fecha
0000000000000000
Unidad 3: El lenguaje HTML y editores de páginas web
ACTIVIDAD 3
“¿Sabías que…
El lenguaje HTML se estructura utilizando códigos y etiquetas, con los cuales el navegador
web tiene la responsabilidad de leer e interpretar estos códigos y los preesnte de manera
gráfica para la persona que visita la página web”
Objetivos:
 Reconocer las etiquetas elementales del lenguaje HTML
Instrucciones:
Revisa los siguientes materiales pertenecientes a los recursos de la semana 2:
Página web
 Curso de HTML (Bosch, 2006). Describe las características básicas de un documento

HTML, así como la función de las etiquetas utilizadas.
Video
 Lenguaje Básico HTML Parte 01 (aguirrepm, 2008). Explica la realización de una

página HTML básica.
Deberás descargar la actividad en Word y responder directamente en el documento.
Forma de evaluación:
Criterio Ponderación Calificación obtenida
Presentación 10%
Desarrollo de ejercicios 90%
Ejercicio I 20%
Ejercicio II 20%
Ejercicio III 20%
Ejercicio IV 30%
Desarrollo de la actividad:
I. El lenguaje HTML (HyperText Maru Language) es el uso de las etiquetas (tags).

Funcionan de la siguiente manera: <XXX> Este es el inicio de una etiqueta.
</XXX> Este es el cierre de una etiqueta.
Relaciona las siguientes columnas colocando en el paréntesis el número

correspondiente. (Valor 20%)
DESCRIPCIÓN CONCEPTO
1.- <HTML></HTML> (4 ) Cuerpo incluye todo lo que queremos que aparezca en la

pantalla principal
2.- <HEAD></HEAD> (3 ) Título del documento que ese encuentra dentro de la

cabecera
3.- <TITLE></TITLE> (2 ) Cabecera hay información del documento que no se ve

en la pantalla principal
4.- <BODY></BODY> (1 ) Etiquetas que indican el inicio y termino del documento
II. Después de identificar la estructura básica de un documento de HTML, ahora es

tiempo de dar forma al texto por cual es necesario revisar otras etiquetas
situadas en el cuerpo del documento; lo cual nos permitirá ver de una manera
más atractiva lo que deseamos visualizar en la página web.
Relaciona la descripción con su respectivo concepto. Coloca en el paréntesis el

número correspondiente. (Valor 20%)
Etiqueta Descripción
1. <h1>Texto</h1> (4 ) Permite separar el texto en distintos párrafos dejando una

línea en blanco
2. <B>Texto</B> (6 ) Centra todo lo que este dentro de ella.
3. <I>Texto</I> (2 ) Pone el texto indicado en negrita
Separa los párrafos, o cualquier otra cosa, pero sin dejar

4. <P>Texto</P> (5 ) una línea en blanco
Pone texto indicado en cursiva
5. <BR> (3 )
Se usa para encabezados siendo el número el indicativo del
6. <CENTER>…</CENTER> (1) tamaño.
III. Continuamos con etiquetas que nos permiten organizar el contenido a mostrar en
la página.
Responde si es Falso o Verdadero, en caso de ser falso indica la respuesta

correcta. (Valor 20%)
Afirmaciones Falso o verdadero
Listas desordenadas son representadas de la siguiente manera: Falso
<UL>
<LI> Primer Elemento
<LI> Segundo Elemento
<LI> Tercer Elemento
<LI> ETC.
</UL>
Listas de definición son apropiadas para glosarios y son Verdadero

representadas por las etiquetas <DL> y </DL>
La etiqueta <TABLE> nos permite incorporar tablas al documento Verdadero

donde para incluir Columnas se engloba mediante la etiqueta <TR>
y </TR> y para incluir filas se utiliza <TD> y </TD>
IV. Haciendo uso de otras caracteristicas que han influido en el éxito de la web, al
permitir unir distintos documentos repartidos por todo el mundo por medio de
enlaces hipertexto así como el uso de imágenes que mejoran la presentación de
la página.
Organiza las etiquetas indicadas en los rectangulos que den solución a los
puntos indicados. (Valor 20%)
<A HREF=”#MARCA”>YYY</<A>
<
<A HREF=”pagina.html”>Ejemplo</<A>
<A HREF=”http://www.google.com”>Ejemplo</<A>
<IMG SRC=”imagen.gif”>
<IMG SRC=”imagen.gif” ALT=”descripción”>
<IMG SRC=”imagen.gif” ALIGN=”middle”>
<IMG SRC=”imagen.gif” ALIGN=”bottom”>

ALIGN=”bottom”>HEIGTH=”75”>
<A HREF=”pagina.html”><IMG SRC=”img.gif”></<A>
<A HREF=”http://www.google.com”>Ejemplo</<A>
<IMG SRC=”imagen.gif” WIDTH=”150”
1. Enlaces dentro de la misma página
2. Enlaces con otra página nuestra
3. Enlaces con una página fuera de nuestro sistema
4. Muestra una imagen
5. Muestra una imagen con descripción
6. Muestra un texto alineado en medio de la imagen
7. Muestra un texto alineado abajo de la imagen

8. Enlace mediante una imagen
9. Muestra una imagen donde dimensiones su tamaño.
Escriba las referencias bibliográficas (formato APA).
Página web
Curso de HTML (Bosch, 2006).

Describe las características básicas de un documento HTML, así como la función de las etiquetas
utilizadas.
Video
Lenguaje Básico HTML Parte 01 (aguirrepm, 2008).

Explica la realización de una página HTML básica

Actividad 3 - Desarrollo de Paginas Web

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Actividad 3 - Desarrollo de Paginas Web

Diunggah oleh

Hak Cipta:

Format Tersedia

Nombre de la materia

Desarrollo de páginas web

Nombre del alumno

Nombre del Profesor

 Reconocer las etiquetas elementales del lenguaje HTML

Revisa los siguientes materiales pertenecientes a los recursos de la semana 2:

 Curso de HTML (Bosch, 2006). Describe las características básicas de un documento

 Lenguaje Básico HTML Parte 01 (aguirrepm, 2008). Explica la realización de una

Deberás descargar la actividad en Word y responder directamente en el documento.

Criterio Ponderación Calificación obtenida

Desarrollo de ejercicios 90%

I. El lenguaje HTML (HyperText Maru Language) es el uso de las etiquetas (tags).

Relaciona las siguientes columnas colocando en el paréntesis el número

1.- <HTML></HTML> (4 ) Cuerpo incluye todo lo que queremos que aparezca en la

2.- <HEAD></HEAD> (3 ) Título del documento que ese encuentra dentro de la

3.- <TITLE></TITLE> (2 ) Cabecera hay información del documento que no se ve

4.- <BODY></BODY> (1 ) Etiquetas que indican el inicio y termino del documento

II. Después de identificar la estructura básica de un documento de HTML, ahora es

Relaciona la descripción con su respectivo concepto. Coloca en el paréntesis el

1. <h1>Texto</h1> (4 ) Permite separar el texto en distintos párrafos dejando una

2. <B>Texto</B> (6 ) Centra todo lo que este dentro de ella.

3. <I>Texto</I> (2 ) Pone el texto indicado en negrita

Separa los párrafos, o cualquier otra cosa, pero sin dejar

Responde si es Falso o Verdadero, en caso de ser falso indica la respuesta

Afirmaciones Falso o verdadero

Listas desordenadas son representadas de la siguiente manera: Falso

<LI> Primer Elemento

<LI> Segundo Elemento

<LI> Tercer Elemento

Listas de definición son apropiadas para glosarios y son Verdadero

La etiqueta <TABLE> nos permite incorporar tablas al documento Verdadero

<IMG SRC=”imagen.gif” ALT=”descripción”>

<IMG SRC=”imagen.gif” ALIGN=”middle”>

<IMG SRC=”imagen.gif” ALIGN=”bottom”>

1. Enlaces dentro de la misma página

2. Enlaces con otra página nuestra

3. Enlaces con una página fuera de nuestro sistema

4. Muestra una imagen

5. Muestra una imagen con descripción

6. Muestra un texto alineado en medio de la imagen

7. Muestra un texto alineado abajo de la imagen

8. Enlace mediante una imagen

9. Muestra una imagen donde dimensiones su tamaño.

Escriba las referencias bibliográficas (formato APA).

Curso de HTML (Bosch, 2006).

Lenguaje Básico HTML Parte 01 (aguirrepm, 2008).

Anda mungkin juga menyukai