Teclee cantidad:

Aprender el manejo de las anclas Imprimir E-mail
Usar puntuación: / 0
MaloBueno 
Escrito por Administrator   


Google
 


     TEMA: COMO TRABAJAR CON LAS ANCLAS   

     • En muchas ocasiones, cuando un artículo es bastante largo y dispone de varias secciones, quizás quieras colocar al principio de este una especie de índice con el nombre de cada sección, de forma que al picar en ese nombre lleve al usuario hacia abajo, directamente a esa sección. Otra forma de uso en una página larga, es colocar un enlace de subida rápido al principio de la página, lo que evitará al usuario tener que desplazarse de forma incómoda hacia arriba con el ratón.
     • En ambos casos, la solución está en el uso de las ANCLAS a las que se accede con este icono que te muestro:

                       icono para acceder al trabajo de las anclas en Joomla 1.5

     • Verás que arriba del todo en este artículo he colocado la frase: EJEMPLO DE COLOCACIÓN DE ANCLAS: , pues bien, voy a colocar una de ellas justo a la derecha de este texto, para ello me coloco ahí y pico sobre el icono de Anclas, para ir a:

               nos colocamos en el lugar de la página donde queramos y picamos en icono Ancla

     • Se trata simplemente de dar un nombre para ese Ancla (en mi caso la llamaré subir como puedes ver) y pico en Insertar quedando así:

           ya vemos el ancla colocada a la que dimos un nombre

      • LA TAREA VÁ A CONSISTIR en colocar al final del artículo un enlace que al picar sobre él, nos lleve a la parte superior de dicho artículo; para ello en esa parte inferior tecleo un texto (por ejemplo: Clic aquí para subir a principio de página) y acto seguido hago clic sobre el icono de Insertar enlace que ya conoces:

                    tecleo texto para el enlace y clic sobre icono

      • En la ventana que aparezca, debemos poner como dirección del enlace el nombre que dimos al ancla precedido por # y luego lo insertamos:

                   como direccion del enlace ponemos el nombre del ancla precedido de # e Insertar

       • Ya tenemos el enlace correctamente configurado. Puedes ver como ha quedado:

                                  así queda el enlace para subir a principio de página

      • Listo!!, cuando un usuario quiera subir al principio de tu página, lo hará de forma fácil picando en este enlace.

      • OTRO USO DE LAS ANCLAS: Imagínate que tienes una sección dentro de un artículo que se encuentra bastante abajo; si quieres que el usuario tenga facilidades, una buena forma sería colocar arriba una especie de índices desde donde le dirigieses a la parte del artículo que quieras, a una sección concreta.
      --EJEMPLO: En este artículo que te muestro, hay un apartado que habla de TVLLI CICERONIS y voy a colocar arriba del artículo un enlace que al picar en él nos lleve directamente a esa parte. Para ello, me coloco a la izquierda de TVLLI CICERONIS y procedo a colocar un ancla (-no lo repito porque hemos visto ya como hacerlo- y llamaré a esa ancla ciceronis. La inserto):

               otro ejemplo de ancla para ir a una zona concreta del artículo, inserto un ancla

     • El siguiente paso es poner el enlace en la parte superior de la página. En mi ejemplo escribo: Ir a tema Ciceronis y pico en el icono Insertar enlace:

                         escribo texto para enlazar con el ancla y pico icono

        • En Dirección del enlace tecleo #ciceronis (nombre del ancla) y pico en Insertar , con lo cual quedará listo:

                 el enlace hacia el ancla queda listo

     • A partir de este momento, el usuario tendrá más fácil desplazarse por tu página. Puedes insertar cuantas anclas desees en una página con el fin de mejorar la navegación dentro de ella (siempre que sea muy larga). Es todo, espero te haya resultado interesante el tema.



                  

            ««  Volver al índice con todas las lecciones                  »»  Subir a principio de página  ►        »»  Ejemplo 2 de uso de anclas 



Agrega esta pagina a tu favoritos, en alguna "Red Social" de abajo
Reddit! Del.icio.us! Google! Live! Facebook! StumbleUpon! Yahoo! Free social bookmarking plugins and extensions for Joomla! websites!
PUEDES AGREGAR ESTE ARTICULO EN TU WEB

Para crear un link a este articulo en tu web,
copia - pega el codigo de abajo en tu pagina.




Vista previa :

Aprender el manejo de las anclas
Jueves, 17 Abril 2008

© 2008 - Joomla 1.5


Powered by QuoteThis © 2008
 

Agrega tu comentario

Tu nombre:
Título:
Comentario:
  La palabra para verificación anti SPAM. Letras minúsculas sólamente y sin espacios.
Palabra de seguridad:

Un avance - Más leídos

Como gestionar la página principal

  • Una labor que tendrás que realizar como administrador de tu sitio, es la de configurar la página de incio -conocida por Front-End- para que tenga la apariencia que tú deseas; de esta forma...
+ Articulo completo

Como se crea una Sección en Joomla 1.5

   • En este videotutorial, puedes observar y oír con todo detalle los pasos a seguir para crear una Sección en Joomla...
+ Articulo completo

Otros articulos

Traducir página

- © Copyright 2008 - joomlatuto.com - web creada con Joomla! 1.5 - Ver licencia (texto,imagenes y videotutoriales): >> Licencia Creative Commons <<< Licencia Creative Commons

  Tutoriales .::. Instalar Joomla .::. Indice de lecciones .::. Videotutoriales .::. Ser un webmaster .::. Descargas extensiones y templates .::. Foro .::. Newsletter .::. Sitemap .::. Galería .::. Contactar .::. Taller práctico .::. Links .::. Joomla 1.0.x

© copyright Joomlatuto.com - 2008 
 * Todos los derechos reservados - El uso de cualquier tutorial (texto, imágenes, vídeos...), está bajo licencia "Creative Commons" que puede ver arriba. Si hace clic en el pequeño banner, verá con detalles las condiciones de dicho uso.

JoomlaWatch Stats 1.2.6 by Matej Koval