Actividad 3 - Desarrollo de Paginas Web

Nombre de la materia
Desarrollo de páginas web
Nombre de la Licenciatura
Ingeniería en sistemas computacionales
Nombre del alumno

Miguel Erick Sánchez de los Santos
Matrícula
010579796
Nombre de la Tarea
Actividad no. 3
Unidad #1
Unidad 3. El lenguaje HTML y editores de
páginas web
Nombre del Profesor

Edgar Calleros Aguilar
Fecha
Lunes 03 de Febrero de 2020
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> (2) Título del documento que ese encuentra dentro de la
cabecera
3.- <TITLE></TITLE> (3) 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
Listas de definición son apropiadas para glosarios y son Falso

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%)
1. Enlaces dentro de la misma página

<A HREF=”#MARCA”>YYY</<A>
2. Enlaces con otra página nuestra
<A HREF=”pagina.html”>Ejemplo</<A>
3. Enlaces con una página fuera de nuestro sistema
<A HREF=”http://www.google.com”>Ejemplo</<A>
4. Muestra una imagen
<IMG SRC=”imagen.gif”>
5. Muestra una imagen con descripción

<IMG SRC=”imagen.gif” ALT=”descripción”>
6. Muestra un texto alineado en medio de la imagen
<IMG SRC=”imagen.gif” ALIGN=”middle”>
7. Muestra un texto alineado abajo de la imagen

<IMG SRC=”imagen.gif” ALIGN=”bottom”>
8. Enlace mediante una imagen
<A HREF=”pagina.html”><IMG SRC=”img.gif”></<A>
9. Muestra una imagen donde dimensiones su tamaño.
<IMG SRC=”imagen.gif” WIDTH=”150”

HEIGTH=”75”>
Escriba las referencias bibliográficas (formato APA).
 Manual web (Febrero 2020), Listas HTML,

https://www.manualweb.net/html/listas-html/
 Desarrollo Web (Febrero 2020), Listas en HTML: Listas desordenadas

https://desarrolloweb.com/articulos/557.php
 MC Libre (Febrero 2020), Texto en línea

https://www.mclibre.org/consultar/htmlcss/html/html-texto.html

Actividad 3 - Desarrollo de Paginas Web

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Actividad 3 - Desarrollo de Paginas Web

Transféré par

Droits d'auteur :

Formats disponibles

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

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

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

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

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

1. Enlaces dentro de la misma página

5. Muestra una imagen con descripción

7. Muestra un texto alineado abajo de la imagen

8. Enlace mediante una imagen

<A HREF=”pagina.html”><IMG SRC=”img.gif”></<A>

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

<IMG SRC=”imagen.gif” WIDTH=”150”

Escriba las referencias bibliográficas (formato APA).

 Manual web (Febrero 2020), Listas HTML,

 Desarrollo Web (Febrero 2020), Listas en HTML: Listas desordenadas

 MC Libre (Febrero 2020), Texto en línea

Vous aimerez peut-être aussi