2.10. IMPLEMENTAR SERVICIOS DE CORREO EN UNA PAGINA WEB.

2.10. IMPLEMENTAR SERVICIOS DE CORREO EN UNA PAGINA WEB. 

Correo electrónico, o en inglés e-mail (electronic mail), es un servicio de red que permite a los usuarios enviar y recibir mensajes rápidamente (también denominadosmensajes electrónicos o cartas electrónicas) mediante sistemas de comunicación electrónicos. Principalmente se usa este nombre para denominar al sistema que provee este servicio en Internet, mediante el protocolo SMTP, aunque por extensión también puede verse aplicado a sistemas análogos que usen otras tecnologías. Por medio de mensajes de correo electrónico se puede enviar, no solamente texto, sino todo tipo de documentos digitales. Su eficiencia, conveniencia y bajo costo están logrando que el correo electrónico desplace al correo ordinario para muchos usoshabituales 

2.9. INSERTAR SONIDO Y VIDEO EN UNA PAGINA WEB.

2.9. INSERTAR SONIDO Y VÍDEO EN UNA PAGINA WEB.

Insertar un sonido o un vídeo no es demasiado estándar en lo que al código se refiere. 

Además, debemos tener en cuenta que, puesto que el navegador directamente no es capaz de mostrar el contenido de los archivos de sonido y vídeo, siempre vamos a depender de un plugin, del que tenga instalado el usuario que ve nuestra web... si es que lo tiene. 

Ante esto, sólo vale tener varias consideraciones: 

Si decidimos insertar un sonido o un vídeo en nuestra web, debemos poner un enlace en el que el usuario pueda, en caso de no tenerlo, descargar e instalar un plugin que permita la ejecución de ese vídeo, de la forma más cómoda e intuitiva posible. 

Otra posibilidad es insertar dicho contenido directamente en un flash, con la ventaja de que el plugin de flash es siempre el mismo, con la misma web de descarga (ver "enlaces" en este mismo blog). 

En cualquier caso aquí tienes unos ejemplos para insertar sonidos, y también losparámetros que puedes utilizar para la etiqueta embed, que es la que se crea automáticamente en dreamweaver al insertar un sonido o vídeo.

2.8. DEFINIR SECCIONES DE MAPEO DE IMÁGENES EN UNA PAGINA WEB.

 2.8. DEFINIR SECCIONES DE MAPEO DE IMÁGENES EN UNA PAGINA WEB. 

Puede hacer que parte de la imagen sea un enlace a otra página, es decir, puede hacer un mapa sobre la imagen de manera que secciones de la imagen sean enlaces. Las etiquetas usadas para esto son: Las etiquetas identifican que vamos a crear un mapa de imágenes. Generalmente, lleva asociado el atributo name= al que le sigue entre comillas el nombre del mapa. La etiqueta<AREA> define las áreas que vamos a poder activar en esa imagen.

A esta etiqueta le acompañan los siguientes atributos:

shape= Entre comillas estableceremos el tipo de área a definir. Puede tratarse de rect (rectangular), poly (poligonal) o circle (circular).

Coords= Entre comillas indicaremos los pares de coordenadas de cada punto del área a activar. Estas coordenadas las podemos averiguar utilizando un programa de edición de imágenes. En las áreas rectangulares deben especificarse las coordenadas de la esquina superior izquierda y las de la esquina inferior derecha. En las poligonales especificaremos las coordenadas de todos los vértices del área. En las circulares indicaremos las coordenadas del centro del circulo y el valor del radio.

Href= Como ya sabe, indica la dirección, entre comillas, de la página web a la que accede si pinchamos en un área determinada.

Finalmente, debe saber que para que una imagen sea tratada como un mapa, además de el código anteriormente descrito, debe incluir en la etiqueta de imagen correspondiente a la imagen a mapear el atributo usemap="#nombre del mapa".

2.7.MANIPULAR IMÁGENES Y ANIMACIONES EN UNA PAGINA WEB.

2.7.MANIPULAR IMÁGENES Y ANIMACIONES EN UNA PAGINA WEB. 


                  

Imágenes

Antes de empezar a decirte como se inserta una imágenen en tu pagina WEb primero te enseñare como esta la puedes guardar en tu dísco duro.


1.Hacer click con el botón derecho sobre la imagen.
2.Elija "guardar como..." (save as...) del menú archivo
3.Darle la dirección de el directorio donde lo quiere guardar y salve.


Las imágenes son un elemento muy importante para nuestra pagina WEB, ya que la adornan y la enbellécen, pero hay dos aspectos que debemos tener en cuenta:
La primera es que el tiempo de descarga de una imagen es lento, lo cual quiere decir que si llenamos nuestra pagina de imágenes va a demorar mucho en descargarse completamente lo cual puede hacer que la persona si salga sin llegar a ver el contenido de esta. Es por esto que se dice que las imágenes en la Web son un arma de doble filo. Una buena imagen puede llamar la atención y ser de gran utilidad para ilustrar o para atraer visitantes, pero una imagen mala o muy pesada (es decir, un archivo de muchos kilobytes de tamaño) puede espantar hasta al más voluntarioso de los navegantes.


La segunda es que el visitante haya deshabilitado la carga automática de imágenes lo cual podría ser muy perjudicial si hemos escogido imagenes para explicacion de algo, o como link,etc.


En cuanto a las imagenes existen dos formatos fundamentales que nos proporcionan el mejor uso: GIF (llamado así por sus siglas en inglés, Graphic Interchange Format) y JPEG (iniciales del grupo que lo desarrolló, el Joint Photograph Expert Group).


El formato GIF fue creado por la empresa CompuServe, para que sus usuarios pudieran intercambiar imágenes entre sí a través de la Red. Para almacenar la información, el GIF utiliza 8 bits (unidades de información) por cada pixel . Como cada bit tiene dos estados posibles (uno o cero), la imagen puede desplegar hasta 256 colores. Como la mayoría de los monitores tienen capacidad para representar por lo menos 256 colores en pantalla , el formato GIF funciona de manera razonable.


Por otro lado, el formato JPG fue creado especialmente para almacenar imágenes con calidad fotográfica. Cumple con su tarea sacrificando calidad de imagen a cambio de una paleta de colores más extensa. Utiliza 24 bits por pixel, lo que le permite albergar hasta 16.777.216 colores en cada imagen. A diferencia de lo que se puede llegar a pensar, el jpg no necesariamente es más pesados, ya que posee un mecanismo de compresión que reduce el tamaño del archivo mediante cierta pérdida en la información.


Como regla general, conviene utilizar archivos con extensión JPG cuando la imagen a insertar sea una foto. Si, en cambio, nuestra imagen contiene un logo o un dibujo de pocos colores o con grandes superficies cubiertas por colores parejos, es conveniente utilizar un GIF.

Insertar una imágen

La etiqueta utilizada para agregar imágenes a una página Web es <IMG> y va acompañada de un atributo fundamental "SCR", que indica la ruta donde se encuentra el archivo que contiene la imagen a insertar.Es decir:
<IMG SRC="lugar donde guardo la imagen">Supongamos que tengo la imagen stopfasc.gif, que está presente en el mismo directorio donde está la página y que la quiero insertar. La etiqueta apropiada sería:
<IMG SRC="stopfasc.gif"
>

2.6. MANIPULAR TABLAS EN UNA PAGINA WEB.

 2.6. MANIPULAR TABLAS EN UNA PAGINA WEB.

Una tabla está formada por filas y columnas y a la intersección de estas le llamamos celdas, en las que se puede insertar texto y gráficos. Las tablas son una buena herramienta para organizar los datos en una página web, además nos permiten estructurar las páginas de nuestro sitio separando la cabecera, el menú, el contenido. 

Creación de una tabla

 

Para crear una tabla se debe usar la instrucción Table, seguida de parámetros que indican la

anchura, el color o imagen de fondo, etc.

Ejemplo:

<table>

</table>

Estas dos instrucciones indican al explorador de Internet que en este lugar de la página se va a

crear una tabla.

 

Uso de encabezados de tabla

 

Después de que se haya indicado al explorador de Internet que se va a crear una tabla, es necesario definir cuántas columnas de tabla se desean utilizar. Para ello se deben utilizar las instrucciones <TH>, las cuales indican los encabezados de tabla.

Ejemplo:

<Table>
<TH>Columna 1</th><TH>Columna 2<TH>Columna 3</TH>
</table>

2.5. MANIPULAR OBJETOS Y FORMULARIOS EN UNA PAGINA WEB.

2.5. MANIPULAR OBJETOS Y FORMULARIOS EN UNA PAGINA WEB. 

En este capítulo finalizamos el estudio de los objetos del navegador viendo cómo manipular formularios. Este punto es especialmente importante: si aprendemos correctamente a manipular todos los objetos de un formulario, podremos hacer funciones que nos permitan validarlo antes de enviar estos datos a un servidor, ahorrándole la faena de tener que verificar la corrección de los datos enviados.

El objeto form

Este objeto es el contenedor de todos los elementos del formulario. Como ya vimos al tratar el objeto document, los formularios se agrupan en un array dentro de document. Cada elemento de este array es un objeto de tipo form.

Propiedades

• action. Es una cadena que contiene la URL del parámetro ACTION del form, es decir, la dirección en la que los datos del formulario serán procesados.
• elements. Es un array que contiene todos los elementos del formulario, en el mismo orden en el que se definen en el documento HTML. Por ejemplo, si en el formulario hemos puesto, en este orden, una caja de texto, un checkbox y una lista de selección, la caja de texto será elements[0], el checkbox será elements[1] y la lista de selección será elements[2].
• encoding. Es una cadena que tiene la codificación mime especificada en el parámetro ENCTYPE del form.
• method. Es una cadena que tiene el nombre del método con el que se va a recibir/procesar la información del formulario (GET/POST).

Métodos

• reset(). Resetea el formulario: tiene el mismo efecto que si pulsáramos un botón de tipo RESET dispuesto en el form.
• submit(). Envía el formulario: tiene el mismo efecto que si pulsáramos un botón de tipo SUBMIT dispuesto en el form.

Vistas ahora las propiedades y métodos del objeto form, pasamos a estudiar, uno por uno, todos los objetos contenidos en el formulario.

2.4. ESTABLECER VINCULOS E HIPERVINCULOS.

2.4. ESTABLECER VINCULOS E HIPERVINCULOS.

Normalmente se les llama enlaces.- Consisten en líneas de texto o imágenes que se encuentran dentro de ciertos documentos, generalmente en páginas web, y que permiten acceder a otros documentos. Estos enlaces establecen conexiones con otras páginas en Internet para que el navegador pueda visualizarlas. Cuando se hace click sobre un enlace, el navegador abrirá automáticamente la página de información a la que hace referencia.

Para definir un enlace es necesario marcar con la etiqueta <a> el objeto del cual va a partir dicho enlace. Dicha directiva debe incluir el parámetro href="url" para especificar el destino del enlace. Es decir, que antes del objeto elegido debemos abrir con <a href="url">, y después cerrar con

</a>. Por ejemplo, si queremos que el texto "pulse aquí para visitar la NASA" nos conduzca a la "home page" de la NASA, debemos escribir en nuestro texto HTML:

 

<a href="http://www.nasa.gov/">Pulse aquí para visitar a la NASA</a>

 

Que se vería de esta forma: Pulse aquí para visitar a la NASA

 

Si queremos que el texto "Foto" nos lleve a una imagen tenemos que escribir:<a href="imagen.gif">Foto</a> entonces al hacer clic en el texto Foto nos abrirá laimagen.gif.

 

También se puede ir a otro enlace por medio de una imagen. Lo único que se debe hacer es cambiar el texto por una imagen:<ahref="http://www.altavista.com"><img src="Logo.jpg"></a>.

 

Si se quiere hacer un link para que nos manden un E-Mail se debe hacer de la siguiente manera:

<a href="mailto:pfravioli@fibertel.com.ar">Mandame un Email</a>.

 

Entonces cuando se haga clic sobre esta palabra Mandame un Email se abrirá (por defecto) el Microsoft Outlook Express con la dirección del destinatario ya escrita.