Des 05

DOCENTE CLAUDIA COPPOLA
DISEÑO DE PÁGINAS WEB
UTU 2015
_____________________________________________________________________________

CLASE 05 I MÓDULO 2
LENGUAJE DE MARCAS DE HIPERTEXTO
a. los hipervínculos o enlaces
Los hipervínculos, a los cuales también se les denomina hipertexto, son los elementos sobre los que
podemos hacer crear un enlace, para ir a otra parte del documento como vimosmediante el anclaje,
o a otra página web del mismo sitio o a otra página o sitio externo.
Ese destino al cual el usuario será dirigido, se mostrará en su navegador o se ejecutará según el tipo
de destino, que además de otra página web, también puede ser una imagen, un archivo multimedia,
un documento o una dirección de correo electrónico. Los hipervínculos pueden asociarse a través de
imágenes otextos, haciendo clic sobre ellos. Habitualmente el cursor toma la forma de una mano
cuando se pasa sobre un enlace.
b. enlaces a páginas o sitios web externos
Los enlaces se pueden colocar en cualquier parte visible de un documento tipo html, para que
cualquier usuario lo pueda accionar, a continuación colocaremos un enlace a un sitio web externo,
desde lo que sería nuestro sitio web, recuerde que eltexto puede contener todos los estilos que
desee, a través de los estilos css. Es importante colocar la dirección completa cuando se crea un
vínculo a un sitio o a una página web externa,.

Si queremos que ese hipervínculo se abra en otra página utilizaremos la opción blank y para que se
abra en la misma página en la cual estamosactualmente, usaremos la opción self, que se coloca a
través del elemento target.

También podemos agregarle un nombre a ese vínculo cuando apenas nos posicionemos sobre el
mismo, que aparecerá a través de un recuadro, como veremos a continuación. De esta forma, casi
todos los navegadores activan el efecto tool-tipque cuando el cursor está por encima del enlace,
nos aparece información adicional o simplemente un título.

c. enlaces a páginas de un mismo sitio
Con los enlaces entre las páginas de nuestro sitio web, el usuario podrá navegar dentro del mismo
de forma fácil y rápida,siempre y cuando los mismos estén bien distribuidos y diseñados. En este
caso vamos a partir de una lista para generar vínculos hacia todas las páginas.

• Ir a página 2
• Ir a página
  3
• Ir a página 4

d. enlaces al correo electrónico
Aunque generalmente las páginas poseen un pequeñoformulario de contacto, el cual se realizará
más adelante en la asignatura de diseño de páginas web, simplemente colocaremos el elemento
mailto hacia una dirección de correo electrónico. Para que la persona pueda enviarme una consulta
directamente desde su correo al correo de contacto, el mismo debe tener su mail configurado en
Microsoft Office Outlook.

e. formatos de imagen para la web
Para las páginas web podemos utilizar los formatos estándar, pero elegir cual es el más adecuado al
contenido que estemos trabajando, a continuación veremos las propiedades y los inconvenientes
que poseen cada uno de ellos.
BMP - Mapa de Bits
Este formato no sufre pérdidas de calidad y por tanto guarda gran cantidad de información de la
imagen, pero elinconveniente es que el archivo tiene un tamaño muy grande como para colocar en
una página web.
GIF - Formato de Intercambio Gráfico
Ha sido diseñado específicamente para comprimir imágenes digitales, reduciendo la paleta de
colores a 256 colores como máximo. Admite gamas de menor número de colores y esto permite
optimizar el tamaño del archivo que contiene la imagen. Es un formato idóneo para...