miércoles, 1 de diciembre de 2010

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.

miércoles, 24 de noviembre de 2010

4.4. VERIFICAR EL FUNCIONAMIENTO DE LA PÁGINA WEB DENTRO DEL SERVIDOR SELECCIONADO.

En esta guia veremos como montar nuestro propio servidor de paginas web en Windows XP PRO de manera sencilla y rapida.

Primero debemos de saber que Windows XP PRO solo nos permite montar un solo servidor de paginas web y tambien un solo servidor FTP. Otra limitacion es que nos permite hasta un maximo de 10 conexiones TCP simultaneas.

Si el servidor de paginas web lo montamos para una red local solo deberemos conocer la direccion IP del ordenador en el cual instalaremos el servidor, si lo hacemos para dar servicio de paginas web a internet tendremos que tener una conexion a internet con una IP fija, esto normalmente sucede cuando nuestra conexion es del tipo de banda ancha ( por ejemplo es el caso de ADSL ).

Primero tendremos que instalar el servidor en nuestro Windows XP PRO para ello hacemos lo siguiente: vamos a INICIO -> CONFIGURACION -> PANEL DE CONTROL -> AGREGAR O QUITAR PROGRAMAS y pinchamos en "Agregar o quitar componentes de Windows"

4.3. UTILIZAR LA PÁGINA DEL SERVIDOR DE INTERNET PARA ALOJAR UNA PAGINA WEB.

Es el servicio que provee a los usuarios de Internet un sistema para poder almacenar información, imágenes, vídeo, o cualquier contenido accesible vía Web. Es una analogía de hospedaje o alojamiento en hoteles o habitaciones donde uno ocupa un lugar específico, en este caso la analogía alojamiento web o alojamiento de páginas web, se refiere al lugar que ocupa una página web, sitio web, sistema, correo electrónico, archivos etc. en Internet o más específicamente en un servidor que por lo general hospeda varias aplicaciones o páginas web.
Los Web Host son compañías que proporcionan espacio de un servidor a sus clientes.
El hospedaje web aunque no es necesariamente un servicio, se ha convertido en un lucrativo negocio para las compañías de IT alrededor del mundo
Se puede definir como un lugar para tu página web o correos electrónicos, aunque esta definición simplifica de manera conceptual el hecho de que el alojamiento web es en realidad espacio en Internet para prácticamente cualquier tipo de información, sea archivos, sistemas, correos electrónicos, videos etc.

viernes, 19 de noviembre de 2010

4.2. SELECCIONAR UN SERVIDOR DE INTERNET CONSIDERANDO LAS CARACTERISTICAS DE LA PÁGINA WEB.

4.2. SELECCIONAR UN SERVIDOR DE INTERNET CONSIDERANDO LAS CARACTERISTICAS DE LA PÁGINA WEB.

Las rutas de acceso y circulación de texto, imágenes y sonido son llamadas también autopistas de la información, y el espacio virtual que ocupan se conoce en la jerga como ciberespacio.

Para lograr esto Internet ofrece una gran cantidad de servicios, entre los que se encuentran:

Servicios de Internet

Correo Electrónico (E-mail)

World Wide Web (WWW)

Grupos de Noticias (NewsGroups)

Protocolo de transferencia de archivos (FTP)

Conversación (Internet Relay Chat)

Correo Electrónico

El correo electrónico es el sistema postal de Internet. Permite enviar mensajes de una computadora conectada a Internet a otra que también lo esté, permitiendo la comunicación inmediata a grandes distancias. Se pueden enviar archivos de PC (texto, sonido, gráficos, video, programas, etc.), mediante la función "attachment", a cualquier persona del mundo que tenga una dirección de correo electrónico.

También puede suscribirse a las listas de correo, una herramienta muy importante, donde un grupo de personas de todo el mundo, con gustos afines, tienen la posibilidad de comunicarse entre si.

Así, si Ud. tiene un hobby en especial o está interesado en un tema, puede encontrarse y compartir ideas con otras personas del mundo y de Argentina que tienen los mismos gustos que Ud. Hacer nuevos amigos es una de las grandes ventajas de Internet.

Una dirección de e-mail puede ser por ejemplo:

Donde " " es el nombre del poseedor de la cuenta, el nombre del usuario puede ser de hasta 8 caracteres y debe estar escrito en minúscula.

"@" significa "en". Así, una dirección se lee "el usuario que esta en (@)" y luego se indica el servidor (satlink.com).

"satlink" es la computadora en la que quedan almacenados sus mensajes temporariamente hasta que ud. los baje a su computadora cuando chequea su correo.

".com" indica el tipo de servidor.

.com para servidores comerciales.

.edu para organizaciones educacionales.

.gov para las gubernamentales.

.mil para organizaciones militares.

.net para proveedores de servicios de Internet.

.org para cualquiera que no se incluya en las categorías anteriores.