Como crear unha hiperligazón con KompoZer

A capacidade de crear unha ligazón nun documento que o leva a outro documento, quizais nunha rede a medio camiño do mundo, é sen dúbida a única razón pola que se inventou a World Wide Web. Estas ligazóns, chamadas hiperligazóns, son a "H" en HTML - Linguaxe de marcación de hipertexto. Sen hipervínculos, a web non sería moi útil. Non habería motores de busca, redes sociais ou anuncios de banners (ok, a maioría de nós podería verse para ver estes).

Cando estea creando as súas propias páxinas web, quererá crear hipervínculos e KompoZer ten ferramentas que facilitan a adición de enlaces de calquera tipo. A páxina de mostra que se mostra neste tutorial contén ligazóns a outros sitios web en catro categorías, a outras partes da mesma páxina web e para comezar unha mensaxe de correo electrónico. Comezarei cun título e catro títulos H3 para cada categoría. Na seguinte páxina engadiremos algúns enlaces.

01 de 05

Creación dunha hipervínculo con KompoZer

Comezan as ferramentas de hiperligazón de KompoZer facendo clic no botón Ligazón da barra de ferramentas. Para crear un hipervínculo:

1. Sitúe o cursor na páxina onde quere que apareza a súa hiperligazón.
2. Faga clic no botón Ligazón na barra de ferramentas. Aparecerá a caixa de diálogo Propiedades de ligazón.
3. O primeiro campo que ten que encher é o cadro de texto Ligazón. Escriba o texto que desexa que apareza na páxina para o seu hipervínculo.
4. O segundo campo que debes cubrir é a caixa de Localización da ligazón. Escribe o URL da páxina que o teu hipervínculo tomará ao usuario cando fagas clic. É unha boa idea copiar e pegar o URL da barra de enderezos do seu navegador. É moito menos probable cometer un erro deste xeito e vostede sabe, polo menos no momento da creación da súa ligazón, que a páxina está viva e que a ligazón non está rota.
5. Prema en Aceptar e a caixa de diálogo Propiedades de ligazón pechará. A túa ligazón aparecerá agora na túa páxina.

Na maioría dos navegadores, a hiperligazón aparecerá en texto subliñado azul por defecto. Podes aplicar os teus propios estilos a hipervínculos con KompoZer, pero por agora seguiremos coa hiperligazón básica. É unha boa idea previsualizar a túa páxina nun navegador web e facer clic nas ligazóns para asegurarte de que funcionan.

02 de 05

Creando un enlace de ancoraxe con KompoZer

Hai outro tipo de hipervínculo que o leva a outra parte da mesma páxina web cando se faga clic. Este tipo de hiperligazón chámase enlace de ancoraxe, e a área da páxina á que se leva ao facer clic na ligazón chámase áncora. Se xa usaches a ligazón "volver arriba" na parte inferior dunha páxina web, fas clic nunha ligazón a unha áncora.

KompoZer permítelle crear áncoras ás que pode ligar empregando a ferramenta Anchor na barra de ferramentas.

1. Fai clic na área da túa páxina onde desexas ancorar. É dicir, onde quere que o visor de páxina se tome cando se fai clic nunha ligazón de ancoraxe. Para este exemplo, premeu antes da "F" no cabeceira de Música favorita.
2. Fai clic no botón Anchor na barra de ferramentas. Aparecerá o cuadro de diálogo Propiedades de ancoraxe con nome.
3. Cada áncora nunha páxina precisa un nome único. Para este áncora, usei o nome "música".
4. Faga clic en Aceptar e debería ver e aparece o símbolo de ancoraxe no lugar que desexaba. Este símbolo non aparecerá na túa páxina web, é como KompoZer mostra onde están as súas ancoras.
5. Repita o procedemento para outras áreas da páxina onde quere que os usuarios poidan saltar. Se ten moitos textos na páxina separados por encabezados ou por algún outro divisor lóxico, as áncoras son un xeito sinxelo de navegar nunha páxina.

A continuación, crearemos as ligazóns que levan o lector ás áncoras que creou.

03 de 05

Creando a navegación da páxina con KompoZer

Agora que ten anclajes na súa páxina, creemos as ligazóns que se utilizarán como atallos para as ancoras. Para este tutorial, crearei unha táboa de 1 fila e 4 columnas debaixo do cabeceira superior da páxina. Cada cela da táboa contén o mesmo texto que un dos encabezados de categorías que se usan para separar as ligazóns da páxina. Faremos o texto en cada unha destas celas da táboa unha ligazón á áncora correspondente.

04 de 05

Creación de hipervínculos a áncoras con KompoZer

Agora que temos os nosos ancoras no lugar e o texto que usamos para a navegación da páxina ingresado, podemos converter eses fragmentos de texto sinxelo en enlaces. Usaremos nuevamente o botón Ligazón, pero esta vez funcionará un pouco de forma diferente.

1. Seleccione o texto que desexe converter nunha ligazón. Neste exemplo, seleccionei o texto "Música favorita" que se atopa na primeira cela da táboa ao longo da parte superior da páxina.
2. Faga clic no botón Ligazón na barra de ferramentas. Abrirase a caixa de diálogo Propiedades de ligazón.
3. Neste caso, seleccionamos o texto antes de facer clic no botón Ligazón, entón a sección Texto de ligazón da xanela xa está enche e non se pode editar. Fai clic na frecha para abaixo na sección Localización da ligazón. Verá unha lista das áncoras que creou nos pasos anteriores. Para este exemplo, selecciono a áncora #music.
4. Faga clic en Aceptar. O texto "Música favorita" na barra de navegación convértese nunha ligazón que fará que o visor salta a esa sección na páxina cando se faga clic.

Notarás que cada áncora nomeada no menú despregable ten un sinal "#" diante del. Así é como crearía unha ligazón a unha referencia en HTML. O "#" diante do nome de referencia indica ao navegador que esta ligazón lévate a outro lugar na mesma páxina.

05 de 05

Creación dunha hipervínculo dunha imaxe con KompoZer

Sabías que podes crear unha ligazón de imaxes e de texto? KompoZer permítelle facer isto usando só uns cantos clics. Aquí inserín unha pequena imaxe do ícono que mostra unha frecha apuntando arriba eo texto "TOP" na parte inferior da páxina. Vou usar esta imaxe como unha ligazón para saltar de novo á parte superior da páxina.

1. Fai clic co botón dereito sobre unha imaxe e escolle Propiedades de imaxe e ligazón na etiqueta do contexto. Abrirase a caixa de diálogo Propiedades de imaxe.
2. Na pestana Localización, verás o nome do ficheiro da imaxe e unha vista en miniatura xa cuberta. Debes introducir algún texto no cadro de texto alternativo. Isto é o que aparece cando se move o rato sobre a imaxe e tamén o lido por un lector de pantalla cando unha persoa con discapacidade visual le a páxina web.
3. Fai clic na pestana Ligazón. Aquí podes escoller unha referencia do menú, como fixemos coas ligazóns de ancoraxe. De feito, esta imaxe úsase como enlace de ancoraxe. Seleccionei o anclaje #Links_Of_Interest que nos levará á parte superior.
4. Faga clic en Aceptar. A imaxe agora enlázase á parte superior da páxina ao facer clic.