2.1 - Content detail

Print
Category: Manual de usuario
Published Date

Detalles en Content

En ésta sección se pretende entrar más en detalle acerca del manejo del content y las herramientas que esta nos ofrece.

El como introducir un Anchor, o como linkear una frase.

 

 

Anchor

Links 

 


 

 

 

Links

 

Los links se conocen por ser accesos rápidos a otra página Web. Con solo hacer click a una palabra.

Primero nos ubicaremos dentro del “sitio de administración“ dentro de content.

Para seguir con los ejemplos que hemos estado trabajando, accesaremos de la siguiente manera

Content | All Content Items

Image 

Y entramos al content llamado Acerca de... 

Como podrá observar ya se encuentra un texto con el logo de la UIA. Lo que haremos es seleccionar la palabra JOOMLA.

Image 

El objetivo va a ser que dandole click a esta palabra nos conduzca a una nueva página Web.

Nos vamos al botón de insertar/editar link

 

Nos aparecerá la siguiente ventana

 Image

Dentro de esta ventana donde dice Link URL le daremos la ruta para una nueva página Web. En este caso le daremos la ruta http://www.joomla.com  y le damos insert.

Como podrá observar la frase JOOMLA ahora se puso de color azul y subrayada, esto quiere decir que el enlace tuvo éxito.

 

Le damos guardar y nos vamos a nuestra página de inicio (http://www.tij.uia.mx/informatica).

 

Le damos click a la palabra JOOMLA y observe que nos guia a una nueva página Web.

 

 

 

 

ANCHOR

Los anchors se conocen por los accesos de manera rápida que te brincan de una parte de la página hacia otra.

comencemos...

 Volvamos al content Acerca de...

Dentro del mismo texto al que accesamos.

Pondremos muchos espacios de separacion simulando que hay texto. Y hasta abajo pondremos: [ir arriba] 

Lo que haremos es colocar anchors que nos lleven a través de la página sin tener que usar el scroll.

Nos posisionamos al pricipio del texto y nos vamos al botón de Anchor.

Image 

Donde nos aparecerá una nueva ventana a la que ingresaremos el nombre arriba. 

Image 

Podrá observar que nos aparece un nuevo icono amarillo al lado del texto.

Image 

Seleccionamos [ir arriba]

Nos vamos al botón de insert/editar link

Image 

Nos aparecerá la siguiente ventana como en el ejercicio anterior. 

Ahora accesaremos a Anchors y seleccionaremos arriba.

Le damos guardar y nos vamos a nuestra página de inicio (http://www.tij.uia.mx/informatica).

Le damos click a la palabra JOOMLA y observe que nos guia a una nueva página Web.