Tema: Web
Subtema: Hipervínculos locales y externos y Software de edición de sitios web
Un hipervínculo es un enlace, normalmente entre dos páginas web de un mismo sitio. Sin embargo, un enlace también puede apuntar a una página de otro sitio web, a un fichero, a una imagen, etc. Para navegar al destino al que apunta el enlace, se debe hacer clic sobre él. También se conocen como hiperenlaces, enlaces o links. Existen dos tipos de hipervínculos importantes:
Hipervínculo local o interno: un hipervínculo local o interno, también llamados marcadores, es un vínculo o enlace a una página que se encuentra en el mismo sitio web (sitio local), es decir, al hacer clic en uno de ellos nos llevará a una posición distinta dentro de la misma página que estamos visualizando. Para crear este tipo de enlace se debe hacer dos operaciones:
- Establecer marcadores (anclas) a lo largo de la página (son los lugares a los que queremos saltar con los enlaces).
- Poner enlaces que salten a los marcadores.
El código de los marcadores se crea con el atributo id:
<a id="nombre_del_marcador">Texto asociado al marcador</a>
El id de una etiqueta debe ser único, es decir, no puede haber dos etiquetas cuyo id sea el mismo dentro de un documento HTML.
Por ejemplo, <a id="marcadorDeportes">Los deportes en aprenderaprogramar.com</a> Por otro lado, el código de un enlace para que salte a un marcador.
Pulsa para volver al <a href="#nombre_del_marcador ">Inicio</a>
Hay que tener en cuenta que los marcadores distinguen entre mayúsculas y minúsculas. También hay que tener en cuenta que dentro de las etiquetas <a> </a> hay un texto que aparece visible para el usuario, que es el que está subrayado en amarillo.
Ejercicio
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo del uso de marcadores - aprenderaprogramar.com</title>
</head>
<body>
<a id="arriba"></a>
al <a href="#segundo">segundo</a> o al <a href="#tercero">tercero</a>.
<a id="primero"><h1>Primer apartado</h1></a>
<a id="segundo"><h1>Segundo apartado</h1></a>
<a id="tercero"><h1>Tercer apartado</h1></a> Volver <a href="#arriba">arriba</a>.
</body>
</html>
Hipervínculo externo: un hipervínculo externo es un vínculo a otro sitio web en Internet (sitio externo). Es un vínculo a cualquier otro lugar fuera del sitio actual. Cuando ponemos un vínculo externo, escribimos la dirección completa de la página incluido http://www
En el hipervínculo distinguimos las siguientes partes:
- Las etiquetas de apertura y cierre del hipervínculo <a> y </a>
- El atributo href, con un valor que se indica con el símbolo igual y la URL a la que dirige el hipervínculo dentro de las comillas.
- Un texto que es el que ve el usuario como link.
Software de edición de sitios web
Los editores no son más que aplicaciones que permiten, que puedas crear y modificar archivos o documentos en HTML o XHTML. Existen dos tipos de software para editar páginas web, estos son los editores visuales de HTML o también conocidos como WYSIWYG (Hacen referencia a what you see is what you get) de sus siglas en inglés al español sería: lo que observas es lo que tienes.
Software para editar páginas web tipo visual o WYSIWYG: algunos editores son muy conocidos y reconocidos, se emplean en sistemas de Windows y Linux, son de fácil uso, aunque hay personas que no les agradan. Estos programas permiten editar y crear archivos en HTML, PHP, entre otros que sean requeridos. El editor gráfico actúa como una plantilla de programa fácil, donde solo basta rellenarla con la información y las imágenes necesarias. Todo lo que se construya o modifique, la aplicación automáticamente lo convertirá en lenguaje HTML.
Software para editar páginas web tipo texto
A diferencia del software de edición visual, en el cual no requieres muchos conocimientos de HTML para lograr modificar o editar tu página web, el editor de texto si lo requiere. Al igual que el visual, cuenta con dos formas de hacerlo, una en Windows y la otra en Linux. Es importante saber sobre códigos, ya que todo lo haces sin imágenes y sin plantilla de relleno que sirva. Lo que hagas, tampoco será guardado como HTML de forma instantánea, es tu deber crear todo desde los códigos fuente. Existe una tercera opción totalmente diferente de estas dos, esta opción es para que la tengas en cuenta si ninguno de los editores te convence o no tienes tiempo que dedicarles a estos programas. Esta opción consta de unas plantillas o templates que puedes encontrar en la web. Estos templates te permiten crear tu página a base de plantillas de relleno, sin necesidad de saber nada de códigos.
Amplia tus conocimientos revisando los siguientes enlaces de apoyo:
- Los hipervínculos (enlaces) en HTML
https://www.youtube.com/watch?v=ov4CWWsRinE - Herramientas de diseño
http://multimedia.uoc.edu/blogs/labeines/es/responsive-web/editors-web-lliures-o-de-codi-obert/
No hay comentarios:
Publicar un comentario