Autor Tema: ANCLAR enlaces a una propia página usando HTML  (Leído 6241 veces)

Hugo

  • Sin experiencia
  • *
  • Mensajes: 36
    • Ver Perfil
ANCLAR enlaces a una propia página usando HTML
« en: 11 de Junio 2012, 00:02 »
Hola, buenas,

Intento hacer el punto F de la 3ª entrega del curso. Se trta de crear un ancla.
El problema es que me dice: Inserte un nombre válido para la liga y no me deja seguir. ¿No entiendo qué es esto?

Saludos,

Hugo
« Última modificación: 21 de Septiembre 2014, 12:00 por Alex Rodríguez »

Manuel Sierra

  • Principiante
  • **
  • Mensajes: 72
    • Ver Perfil
Re:ANCLAR
« Respuesta #1 en: 11 de Junio 2012, 10:51 »
Hola Hugo.

Es muy sencillo, supongo que te refieres al curso de Joomla ¿no?. El caso es que donde quieras echar el ancla, pones un nombre para el campo id.

Despues en el enlace que vayas a poner, pues le pones "#nombreancla". Es decir pones la url del enlace seguido de un caracter#, seguido del nombre puesto al ancla.

Si estás en un artículo de joomla, entonces en el enlace la url la tienes que poner relativa, no absoluta, y por tanto pondrás "/#nombreancla".

Otra manera pudiera ser publicar el articulo y coger la url absoluta añadiendo el "#nombreancla" pero si te cambian el articulo lo perderías por eso es mejor la opción relativa.

Un saludo.

Hugo

  • Sin experiencia
  • *
  • Mensajes: 36
    • Ver Perfil
Re:ANCLAR
« Respuesta #2 en: 11 de Junio 2012, 12:07 »
¿Qué es el campo id?

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2635
    • Ver Perfil
Re:ANCLAR
« Respuesta #3 en: 11 de Junio 2012, 12:50 »
Hola Hugo, te indico cómo se puede hacer uso de un ancla "paso a paso":

lo primero, tener un artículo con un texto bien largo (de forma que se vea un scroll en la página web).

Ahora cogemos una posición en la parte de abajo del texto, hacia el final, lo seleccionamos y pulsamos sobre el botón-icono de ancla (insert-edit anchor). Cuando nos pida anchor name le ponemos el nombre que queramos, por ejemplo: posicionAlFinal.

Ahora cogemos un texto en la parte del principio y hacemos lo mismo, pero ahora le ponemos como nombre posicionAlPrincipio.

Le damos a guardar.

Ahora ya tenemos dos anclas: las anclas son como urls que nos llevan a sitios específicos dentro de una página que es muy larga.

Ahora podemos poner enlaces a las anclas. Para ello vamos al artículo y comprobamos cuál es la URL del artículo, por ejemplo

http://midominio.es/index.php/2-uncategorised/1-articulo-creado

Ahora la dirección de las anclas que hemos creado será la misma que la dirección del artículo pero añadiendo al final #nombreDelAncla


Ahora al principio del artículo escribimos "Ir al final". A continuación seleccionamos ese texto (Ir al final) y pulsamos en el icono insert/edit link. En link url escribimos la dirección a la que queremos que lleve. La dirección puede ser:

http://midominio.es/index.php/2-uncategorised/1-articulo-creado#posicionAlFinal

O como dice Manuel mejor ponerle /#posicionAlFinal.

Ahora guardamos.

Ahora haces lo mismo pero al final: creas un texto que sea "Ir al principio" y haces lo mismo pero al revés.

Pulsas guardar y cuando visualices el artículo tendrás los links que te permiten ir arriba o abajo según vayas pulsando en uno u otro.

Hugo

  • Sin experiencia
  • *
  • Mensajes: 36
    • Ver Perfil
Re:ANCLAR
« Respuesta #4 en: 13 de Junio 2012, 00:59 »
Buenas

No entiendo a partir de aquí:

Ahora podemos poner enlaces a las anclas. Para ello vamos al artículo y comprobamos cuál es la URL del artículo, por ejemplo

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".