domingo, 22 de noviembre de 2009

insertar videos

los conocimientos que teniamos hasta el momento no nos permitian manejar elementos de multimedia, solo nos permitian insertar imagenes, colocar un ancla, darle color al fondo, etc. pero en estos momentos comenzaremos a manejar el concepto de multimedia y plu-gins(son programas que permiten tratar diversos tipos de ficheros, de esta forma podra insertarse estos tipos de ficheros dentro de una pagina HTML podiendo mostrar videos en distintos formatos, interpretar sonido, en varios formatos, incluir ficheros de Adobe Acrobat, mostrar ficheros VRML, etc)
la etiqueta utilizada para insertar un video en tu web es EMBED> y va acompañada de un atributo fundamental "src", que indica la ruta donde se encuentra el archivo que contiene el video a insertar.

ejemplo:
&ltEMBED SRC=" c:
\variedades\videos\traduweb.avi">

videos

el mayor problema de los ficheros digitales de video es el gran tamaño de los mismos, ya que en la practica de unos pocos segundos de video con sonido puede repredentar un fichero de varios Mb. en realidad es como si se trataran dos ficheros separados, uno con el sonido y el otro con las imagenes, pero sincronizados. no hay que confundir este formato AVI con el MPEG, que tambien puede integrar imagenes y sonido, aunque con un nivel de comprension diferente y peor sincronizacion con el sonido. habitualmente los ficheros.
al utilizar estos videos en nuestra pagina debemos tener cuidado porque como se explico anteriormente son de gran tamaño lo cual puede hacer que nuestra pagina se demore mucho en abrirse loq ue puede ocacionar que el visitante se desespere y se salga de nuestra pagina.

utilizar imagenes como enlaces

resultara obvio para los lectores hacer ahora una pagina que contenga una imagen varias veces repetida pero con distintos atributos.
  • una de las veces que salga debe mostrarse con su tamaño original y un borde de 3 pixeles
  • en otra ocasion la imagen aparecera sin borde, con su misma altura y con una anchura superior a la original
  • tambien mostraremos la imagen sin borde, con su misma anchura y con una altura superior a la original
  • por ultimo, mostraremos la imagen con una altura y anchura mayores que las originales, pero proporcionalmente igual que antes
vamos a utilizar esta imagen para hacer el ejercicio:



las dimensiones originales de la imagen son 28x21,asi que este seria el codigo de fuente:

tamaño original














doble grande




entradas faciles para colocar imagenes

dentro de las comillas de este atributo colocaremos una brevisima descripcion de la image. esta etiqueta no es indispensable pero presenta varias utilidades.
primeramemte, durante el proceso de carga de la pagina, cuando la imagen todavia no ha sido cargada, el navegador mostrara esta descripcion, con lo que el navegante se puede hacer una idea de lo que va en ese lugar.
esto no es tan trivial si tenemos en cuanta que algunos usuarios navegan por la red con una opcion del navegador que desactiva el muestreo de imagenes, con lo que tales personas podran siempre saber de que se trata el grafico y eventualmente cambiar a modo con imagenes para visualizarla.
ademas determinadas aplicaciones para discapacitados o telefonos vocales que no muestran imagenes ofrecen la posobilidad de leerlas por lo que nunca esta de mas pensar en estos colectivos.

como colocar una imagen en una pagina web

si duda uno de los aspectos mas vistos y atractivos de las paginas web es el grafismo. la introduccion en nuestro texto de imagenes puede ayudarnos a explicar mas facilmente nuestra informacion y darle un aire mucho mas estetico. el abuso no obstante puede conducirnos a una sobrecarga que se traduce en una distraccion para el navegante, quien tendra mas dificultad en encontrar la informacion necesaria.
el uso de imagenes tambien tiene que ser utilizado con cuidado porque aumentan el tiempo de carga de la pagina, lo que puede ser un defecto nefasto si nuestro visitanteno tiene una buena una conexion o si es un poco impaciente. por ello es recomendable siempre optimizar las imagenes para internet, haciendo que su tamaño en bytes sea lo minimo posible, para facilitar la descarga, pero sin que ello comprometa mucho su calidad.