Bloque de Adsense

Inserción de imágenes  

Posted by Danny in

En una página Web puede insertar cualquier imagen. Las imágenes deben ser de tipo JPG, BMP o GIF. Para insertar una imagen, debe utilizar la siguiente sintaxis:


<img src="imagen.jpg">


En ésta instrucción se da por defecto que la imagen que se inserta tiene la extensión JPG. Para insertar otro tipo de imagen sólo deberá especificar la extensión correspondiente. Las imágenes pueden ser adquiridas de la galería de imágenes de Microsoft, o de cualquier otra imagen digitalizada. Incluso se pueden crear iconos animados desde algún programa de animación, y usarlos en una página Web.


Observe la página anterior modificada.



La imagen anterior fue insertada en una diapositiva de PowerPoint; posteriormente, se hizo clic con el botón derecho sobre la misma, se eligió la opción Guardar como imagen, se escribió un nombre para la imagen y se pulsó guardar.


El código para insertar la imagen se muestra a continuación.






A un correo electrónico  

Posted by Danny in

Un tipo de hipervínculo muy utilizado es a una dirección de correo electrónico. Muy a menudo nos topamos en Internet con expresiones que nos permiten pulsar un hipervínculo y nos remiten a un programa administrador de correos. Desde aquí podemos escribir un mensaje al usuario de correo que se especifique. Por ejemplo, observe la siguiente página.

Esta página hace lo siguiente: Cuando el usuario hace clic en la expresión subrayada para enviar el e-mail, abrirá un programa (en este caso propiamente), Outlook Express.

La siguiente figura muestra las dos ventanas después de haber hecho clic en el hipervínculo.

En esta ventana podrá escribir el comentario que desee escribir al propietario del e-mail.

El código para obtener el resultado mostrado arriba, lo verá a continuación.

Ejercicio

Modifica la página anterior de manera que muestre la página con la siguiente vista.

Hipervinculo hacia una URL  

Posted by Danny in

Así como pueden vincularse páginas Web dentro del mismo sitio, también podemos crear un hipervínculo que nos lleve a un sitio Web. Para ello, debemos utilizar la siguiente sintaxis:


<a ref="http://www.sitioweb.com">Texto del hipervínculo</a>


Por ejemplo, la siguiente página muestra unos hipervínculos a sitios de Internet.



El código para obtener la página mostrada, es el siguiente:


<html>


<head><title>Uso de URL</title></head>


<body>


<h1>Uso de URL</h1>


<hr>


<a href="http://www.todito.com.mx"><h3>Quiero acceder a Todito.com</a>


<a href="http://www.mp3.com"><h3>Sitio de música MP3</a>


<a href="http://www.1001juegos.com"><h3>Juegue como los mejores</a>


</body>


</html>


Para poder acceder a dichos sitios, deberá estar conectado a Internet. Si prueba estos vínculos con conexión a Internet, verá que el contenido del sitio visitado, reemplaza el contenido de nuestra página. Para evitar esto, escriba la siguiente sintaxis:


<a target="_blank" ref="http://www.sitioweb.com">Texto del hipervínculo</a>


En la siguiente gráfica se muestra cómo el hipervínculo visitado muestra el contenido de Todito.com en una nueva ventana.



Ejercicio

Modifica la página anterior de manera que aparezca en el sitio que se indica, la página Web de la papelería.




Hipervínculos externos  

Posted by Danny in

Para organizar de forma más inteligente la información de un sitio Web puede manejarse más de una página. En cualquier momento será necesario acceder a dicha página, entonces puede crear un hipervínculo que le permita dirigirse a esa página de la siguiente manera:


<a ref="páginaweb.htm">Texto del hipervínculo</a>


La siguiente gráfica ilustra el concepto de relacionar páginas en un mismo sitio con acceso mediante hipervínculos.



Cuando accede a una página relacionada, puede controlar la ventana donde se mostrará el contenido de esta. Por ejemplo, puede mostrar la siguiente página en una ventana diferente, en la misma venta o en el mismo marco (en el caso de que se manejen marcos). Para realizar esta operación debe escribir una instrucción como la siguiente:


<a target="_blank ref="paginaweb.htm">Texto del hipervínculo</a>


Esta instrucción indica a HTML que la siguiente página que se abrirá utilizará una ventana nueva para su contenido.


El siguiente ejemplo ilustra el uso de hipervínculos que acceden a otros documentos externos a la página Web actual.



El código para realizar una página como la que se muestra en el ejemplo anterior, lo tiene a continuación.


<html>


<head><Title>Página con hipervínculos externos</title></head>


<body>


<h1>Mi página con hipervínculos externos</h1>


<hr>


<a href="Primera.htm">Primer hipervínculo</a><br>


<a href="Segunda.htm">Segundo hipervínculo</a><br>


<a href="tercera.htm">Tercer hipervínculo</a><br>


</body>


</html>


Las páginas a las que acceden los hipervínculos se diseñan de forma independiente de la página actual. Si necesita saber cómo relacionar estas páginas, haga lo siguiente:


1.- Una vez diseñada la página principal, guárdela con el nombre Principal.htm.


2.- En el menú Archivo, elija Nuevo.


3.- Diseñe una nueva página para el primer hipervínculo. Cuando termine guárdela con el nombre Primera.htm.


4.- Repita estos pasos para las siguientes páginas (Segunda.htm, Tercera.htm).


Cuando termine con todas las páginas, abra la página principal y pruebe haciendo clic en los hipervínculos de la página.


Ejercicios

Con los conocimientos adquiridos hasta este momento, diseña la página que se muestra, utilizando los elementos de párrafos, alineación, Negrita, cursiva y subrayado, estilo de título e hipervínculos externos.



El fondo de la página se obtuvo de usar una diapositiva de PowerPoint con fondo relleno con trama. Sin embargo, se usará la imagen o color de fondo que el profesor indique. Los hipervínculos son externos. Cuando el usuario haga clic en algún hipervínculo, éste se abrirá en una ventana independiente.