COMO CREAR UN ENLACE CON IMAGENES

En el capítulo anterior vimos como crear un enlace (link) utilizando un texto. Como sabes, no solo puedes crear enlaces usando texto, sino también imágen, puedes insertar una imagen en tu página utilizando :

Esto insertaría la imagen "dibujo.gif" en la página. Ten en cuenta que si pruebas este ejemplo en tu ordenador debe existir una imagen con este nombre. Si no es así puedes utilizar cualquiera que tengas. También es importante que la imagen esté guardada en la misma carpeta que el documento html donde lo estás creando, si no es así, la imagen no se verá.

En el caso de que estés utilizando una imagen que esté en una carpeta distinta (por ejemplo 'images') tendrás que modificar la línea de esta forma:

... es decir, es muy importante que indiques el camino (o path) donde está almacenada la imagen. (Si no sabes qué es una carpeta o un 'camino' o un 'path' deberías aprender antes algo de Windows, tienes tutoriales gratis en http://www.territoriopc.com/)

Para hacer que esta imagen sea un enlace que salte a la página de Disney simplemente hay que realizar la siguiente modificación:

De esta forma tan simple, al hacer click con el ratón sobre la imagen, automáticamente pasaremos a la página http://www.disney.com/

Puedes probar en una página de prueba con varios enlaces de este tipo, eso si, asegúrate de utilizar imágenes que ya existan en tu ordenador.

Existen otras posibilidades a la hora de crear enlaces, por ejemplo puedes llegar a crear un botón. Pero para ello es mejor utilizar JavaScript, que es un sencillo lenguaje de programación gracias al cual podemos mejorar sensiblemente el aspecto de nuestras páginas.

¿COMO HACER UN ENLACE CON IMAGENES?

1.

2.

3.

4.

5.

6.suponiendo que quieres enlazar a una pagina dentro de la direccion principal y la imagen de tu botón esta dentro de una carpeta diferentede la raíz, seria así:

1.

2.

3.

4.

5.

6.

7.

8.

La propiedad "alt" aunque no es absolutamente necesaria sirve para que se muestre un texto que identifica su función, cuando pasas el ratón sobre ella o si alguien a descativado las imagenes de su navegador que ya no es muy recuente esa práctica pero son reglas que se siguen.

Enlaces Con Imágenes

Los enlaces hipertexto pueden ser también definidos sobre imágenes de tal forma que al picar con el ratón sobre algún punto de la superficie de éstas, se pase al documento correspondiente. Esto suele ser utilizado sobre todo para introducir botones de navegación en las páginas HTML.
http://www.google.com.co/

Una imagen que actúa de hiperenlace se distingue mediante un borde de color alrededor de ésta, como puede observarse en el ejemplo anterior.
Si en un enlace se indica la dirección de una imagen dicha imagen no será cargada junto con la página sino que será cargada sólo en el caso de que dicho enlace sea activado.

Pasos: En tu Panel de Admin vas a Links, Editar (o añadir) seleccionas el que quieras, te vas a avanzado y pegas el link de la imagen en donde lo indica.

Logros

LOGROS

1. Identifica el proceso de conformacion de las diferesntes clases de red.


2. Conoce el proceso mediante el cual se produce las comunicaciones en la red.


3. Identifica y experimenta procesos para presentar trabajos que desarrollen su creatividad.


4. Elabora trabajos que permitan el desarrollo del conocimiento sobre la tecnologia.

Contenidos

CONTENIDOS

1. Enlaces con imagenes.


2. Creacion de portal en internet.


3. ¿Cuales son los beneficios.?


4. ¿Que es una tarjeta de red?.


5. Concentradores y computadores.


6. Modems y routers.


7. Medios de transmision.


8. Cable coaxial


9. Cable por trenzado.


10. Tecnologia movil.


11. Procesos que sigue para el manejo de programas.


12. Proyectos de ciencia tecnologia.