UAJMS Ejercicios HTML

GUIA DE LABORATORIO #1

“ World Wide Web (www) “

1.- Tipos de software.

 Sistemas de escritorio .- Son los que se ejecutan en un
ordenador/computadora de escritorio Windows, Linux o Mac. Su
configuración está diseñada para usarse en un solo lugar, como un escritorio, de ahí
proviene el nombre. Originalmente así se dio por nombre, ya que antes las
computadoras no eran portátiles.
 Sistemas Web .- Cuando hablamos de sistemas web nos referimos a
aplicaciones que se instalan en servidores (propios o de alguna empresa que provea
servicios de hosting), ordenadores dedicados a proveer servicios, realizar tareas,
ante peticiones de otros ordenadores.
 Sistemas Móviles .- Es una aplicación informática diseñada para ser ejecutada
en teléfonos inteligentes, tabletas y otros dispositivos móviles. Este tipo de
aplicaciones permiten al usuario efectuar un variado conjunto de tareas
2.- Que es Intenet?
Internet es un conjunto descentralizado de redes de comunicación interconectadas que
utilizan la familia de protocolos TCP/IP, garantizando que las redes físicas heterogéneas
que la componen funcionen como una red lógica única, de alcance mundial. Sus orígenes se
remontan a 1969, cuando se estableció la primera conexión de computadoras, conocida
como ARPANET, entre tres universidades en California y una en Utah, Estados Unidos.
Uno de los servicios que más éxito ha tenido en Internet ha sido la World Wide Web
(WWW, o "la Web"), hasta tal punto que es habitual la confusión entre ambos términos.
La WWW es un conjunto de protocolos que permite, de forma sencilla, la consulta remota

Taller I - Lic. Octavio Aguilar M. 1

UAJMS Ejercicios HTML

de archivos de hipertexto. Ésta fue un desarrollo posterior (1990) y utiliza Internet como
medio de transmisión.

3.- Que es una página Web?

Una página web es un documento multimedia (que puede llevar incorporado texto,
imágenes, sonido y animaciones), escrito en un lenguaje especial denominado HTML, que
contiene la información que una persona u organización quiere publicar en la red. Estas
páginas web se colocan en ordenadores conectados a Internet que se denominan servidores
HTTP.
Un concepto fundamental relacionado con las páginas web es el de hipervínculo, vínculo o
enlace. Un vínculo es un elemento de la página web (texto, gráfico, ...) que establece una
relación con otra parte de la misma página web o con otra página web, tanto si está en el
mismo servidor como en otro diferente. De modo que, al hacer click sobre un vínculo de
una página se puede saltar a otra parte de la misma página o a otra página diferente.
Al conjunto de todas las páginas web (enlazadas entre sí por los vínculos) se le denomina
WWW, World Wide Web o telaraña mundial de páginas web, puesto que es fácil
imaginarse Internet como una gran red de conexiones que tiene una página web en cada
uno de sus nudos.

Taller I - Lic. Octavio Aguilar M. 2

UAJMS Ejercicios HTML

4.- Que es un Sitio Web?

Un sitio web es un conjunto de páginas web ordenadas jerárquicamente bajo una misma
dirección web (URL). Este grupo de páginas se entrelazan entre sí por medio de los
denominados Hipervínculos — también conocidos como links o enlaces — lo que en
resumen da como resultado un sitio web.
Ejemplo.:

Taller I - Lic. Octavio Aguilar M. 3

UAJMS Ejercicios HTML

5.- Que es un Portal Web?

Un Portal es el punto de entrada a Internet donde se organizan y concentran los contenidos
del propietario del mismo.
El objetivo principal del Portal es ayudar a los usuarios a encontrar lo que necesitan sin
salir del mismo fidelizándoles e incentivándoles a utilizarlo de forma continuada.

Taller I - Lic. Octavio Aguilar M. 4

UAJMS Ejercicios HTML

Ejemplo:

6.- Que es un navegador?

Cuando un usuario quiere consultar una página web debe utilizar un programa especial que
realice las siguientes funciones: conectarse con el servidor HTTP, pedirle a ese servidor que
le envíe la página que quiere ver y mostrar la página recibida en la pantalla.. Este programa
especial, encargado de realizar estas funciones, es lo que se conoce con el nombre de
navegador (cliente web o browser). Al hecho de consultar páginas web se le suele llamar
navegar por Internet. Por tanto, para poder consultar las páginas web debemos contar con
un navegador. En el mercado podemos encontrar muchos navegadores, los más conocidos
son el Internet Explorer (que viene preinstalado en los sistemas Windows), Mozilla, Opera,
Galeon,... Nosotros adoptaremos el Mozilla como navegador, por ser un programa libre que
viene incluido en la mayoría de las distribuciones Linux.

Taller I - Lic. Octavio Aguilar M. 5

UAJMS Ejercicios HTML

7.- Que es un servidor Web?

Un servidor web es un programa que se ejecuta continuamente en un computador,
manteniéndose a la espera de peticiones de ejecución que le hará un cliente o un usuario de
Internet. El servidor web se encarga de contestar a estas peticiones de forma adecuada,
entregando como resultado una página web o información de todo tipo de acuerdo a los
comandos solicitados. En este punto es necesario aclarar lo siguiente: mientras que
comúnmente se utiliza la palabra servidor para referirnos a una computadora con un
software servidor instalado, en estricto rigor un servidor es el software que permite la
realización de las funciones descritas.
Un servidor web es un programa que sirve para atender y responder a las diferentes
peticiones de los navegadores, proporcionando los recursos que soliciten usando el
protocolo HTTP o el protocolo HTTPS (la versión cifrada y autenticada). Un servidor web
básico cuenta con un esquema de funcionamiento muy simple, basado en ejecutar
infinitamente el siguiente bucle:
1. Espera peticiones en el puerto TCP indicado (el estándar por defecto para HTTP es
el 80).
2. Recibe una petición.
3. Busca el recurso.
4. Envía el recurso utilizando la misma conexión por la que recibió petición.
5. Vuelve al segundo punto.
Un servidor web que siga el esquema anterior cumplirá todos los requisitos básicos de los
servidores HTTP.
Ejemplo:

Taller I - Lic. Octavio Aguilar M. 6

UAJMS Ejercicios HTML

8.- Rol Principal de un Servidor Web?

La principal función de un servidor Web es almacenar los archivos de un sitio y emitirlos
por Internet para poder ser visitado por los usuarios. Básicamente, un servidor Web es una
gran computadora que guarda y transmite datos vía Internet. Cuando un usuario entra en
una página de Internet su navegador se comunica con el servidor enviando y recibiendo
datos que determinan qué es lo que ve en la pantalla. Por eso decimos que los servidores
Web están para almacenar y transmitir datos de un sitio según lo que pida el navegador de
un visitante.

9.- Que es html?.

El HTML (Hyper Text Markup Language) es un lenguaje que sirve para escribir hipertexto,
es decir, documentos de texto presentado de forma estructurada, con enlaces (links) que
conducen a otros documentos o a otras fuentes de información (por ejemplo bases de datos)
que pueden estar en tu propia máquina o en máquinas remotas de la red. Todo ello se puede
presentar acompañado de cuantos gráficos estáticos o animados y sonidos seamos capaces
de imaginar.
10.- Como Funciona esto?
Básicamente, la cosa es simple: la pieza clave es el "browser", "navegador", "visualizador"
o "cliente" o como quieras llamarle. Todas las codificaciones de efectos en el texto que
forman el lenguaje HTML no son más que instrucciones para el visualizador. Partiendo de
esto, se entiende el porqué no se ve lo mismo con todos los visualizadores. Depende de
cómo estén diseñados y para qué versión de lenguaje estén diseñados.
11.- Esquema de tipos de un Documento HTML.
Cuando un visualizador recibe un fichero, antes de mostrarlo necesita saber el tipo de
contenido que éste tiene, a fin de procesarlo adecuadamente. No es lo mismo recibir un
documento de texto que una fotografía en formato GIF, o un vídeo en formato MPG, o si lo
que estamos intentando es transferir un fichero.
La única forma de saberlo que tipo de archivo es el que se solicita es por la extensión del
fichero. La extensión de un fichero son las tres o cuatro letras (depende del sistema
operativo con el que se trabaje)

Taller I - Lic. Octavio Aguilar M. 7

UAJMS Ejercicios HTML

A continuación citaremos algunas extensiones más conocidas:

.html o .htm Documento HTML. Contiene texto e instrucciones HTML..
.text o .txt Contiene texto plano.
.gif Contiene un fichero de imagen en formato GIF.
.jpeg o .jpg Contiene un fichero de imagen en formato codificado jpeg.
.mpeg o .mpg Contiene un fichero de imagen de video o cine (en movimiento).
.avi Contiene un fichero con video y sonido típico de Windows95.
.exe Contiene un fichero binario ejecutable en DOS.
.Z o .zip Contiene un (o varios) fichero/s comprimido/s de cualquier clase.

12.- Como encontrar una página web en la Web?

Se pueden encontrar páginas web dentro de la Web por medio de la URL(Uniform
Resource Locator), este consta de la siguientes partes:

(1).- Es protocolo de transacciones en la Web (Hypertext Transfer Protocol).

(2).- Identifica el Sitio Web a través de un nombre de dominio.
(3).- Es camino del documento solicitado.

Taller I - Lic. Octavio Aguilar M. 8

UAJMS Ejercicios HTML

12.- Procesos en una solicitud de HTTP.

Taller I - Lic. Octavio Aguilar M. 9

UAJMS Ejercicios HTML

13.- Presentando a la estructura de los elementos HTML.

Las etiquetas (TAG) de un documento HTML tienen la siguiente estructura:

14.- Estructura básica de un documento HTML.

(1).- Identificador del documento HTML.

(2).- El <head> o cabecera provee información acerca del documento
(3).- Describe el título de la Página Web.
(4).- Describe el contenido que se visualizará en el navegador o Browser.

Taller I - Lic. Octavio Aguilar M. 10

UAJMS Ejercicios HTML

15.- Nuestro Primer Ejemplo.

Un editor de texto simple, como el bloque de Notas de Windows, es todo lo
necesario para crear una Página web.

16.- Comandos Básicos.

a) Centrar un texto
<CENTER>Texto Centrado</CENTER>

b) Párrafo
<P> Se puede incluir un todo un párrafo </P>

c) Salto de Linea.
<BR>

d) Tipos de cabeceras.
<H1>Cabecera #1</H1>
<H2>Cabecera #1</H2>
<H3>Cabecera #1</H3>
<H4>Cabecera #1</H4>
<H5>Cabecera #1</H5>
<H6>Cabecera #1</H6>

Taller I - Lic. Octavio Aguilar M. 11

UAJMS Ejercicios HTML

e) Para dar color a todo el texto del documento

<BODY TEXT=”blue”>

f) Para especificar el color de fondo del documento

<BODY BGCOLOR=”blue”>

g) Tipos de Letra.
<B>Negrita (Bold)</B>
<I>Cuersiva (Italic)</I>
<BLINK>Parpadeante (Blink)</BLANK>
<TT>Tamanio fijo (TypeWriter)</TT>
<EM>Enfasis (Emphasis)</EM>
<STRONG>Gran Enfasis (Strong)</STRONG>
<U>Subrayado (Underline)</U>

h) Comentar bloques de código

<!--> Bloque de líneas de código que no se verán en pantalla -->

i) Texto preformateado
<PRE>Escriba un párrafo</PRE>

j) Líneas Horizontales
<BR>

k) Listas Ordenadas
La marca para crear una lista ordenada es <OL> …</OL>
Cada elemento de la lista ordenada se identifica escribiéndolo dentro de la marca
<LI> </LI>

l) Listas Desordenadas
También llamadas listas no numeradas, son listas en las que no es necesario
numerar de alguna manera los elementos que la componen, sino que cada elemento
tiene delante un símbolo.
La marca para la lista desordenada <UL> … </UL>
Cada elemento de la lista con la <LI> … </LI>

Taller I - Lic. Octavio Aguilar M. 12

UAJMS Ejercicios HTML

Ejercicios:
1.- Instrumentar la siguiente Página Web.

Taller I - Lic. Octavio Aguilar M. 13