7. CREAR ENTORNOS DIGITALES A TRAVEZ DEL DISEÑO DE UNA RED SOCIAL DE APRENDIZAJE PARA LA COMUNICACION Y EL INTERCAMBIO MEDIANTE EL USO DE HERRAMIENTAS DEL PROCESAMIENTO DE INFORMACION EN LA NUBE

Crear entornos digitales a través del diseño de una red de aprendizaje para la comunicación y el intercambio de información mediante el uso de herramientas de procesamiento de información en la nube.

DISEÑO DE UNA PAGINA WEB

CONOCIMIENTO TECNOLOGICO DE UNA PAGINA WEB

Una página web, o página electrónica, página digital, o ciberpágina. Es un documento o información electrónica capaz de contener texto, sonido, video, programas, enlaces, imágenes y muchas otras cosas, adaptada para la llamada  Word Live WEB (WWW) y que puede ser accedida mediante un NAVEGADOR WEB. Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar acceso a otras páginas web mediante enlaces de hipertexto. Frecuentemente también incluyen otros recursos como pueden ser hojas de extilo en cascada, guiones (scripts), imagenes , entre otros.

Las páginas web pueden estar almacenadas en un equipo local o en un servidor web  remoto. El servidor web puede restringir el acceso únicamente a redes privadas, corporativa o puede publicar las páginas en la World Wide Web. El acceso a las páginas web es realizado mediante una transferencia desde servidores, utilizando el protocolo de transferencia de hipertexto (HTTP).

¿Que es el hipertexto?

Sistema de organización y presentación de datos que se basa en la vinculación de fragmentos textuales o gráficos a otros fragmentos, lo cual permite al usuario acceder a la información no necesariamente de forma secuencial sino desde cualquiera de los distintos ítems relacionados.

¿Cual es la estructura basica de un documento WEB o HTML?

La estructura básica está en su lugar; simplemente necesita cambiar el título y añadir algo de texto. Lo primero que tenemos que saber es que en toda páginaweb existen dos partes claramente diferenciadas: la cabecera, o head, y el cuerpo, o body.

¿Que programas podemos utilizar para el diseño de una pagina web?

Editores WYSIWYG para Crear Páginas Web

• Adobe Dreamweaver. Seguramente esta es una de las herramientas que conoces o que almenos haz escuchado mencionar desde hace tiempo. ...
• WebSite X5 Evolution. Ahora bien. ...
• Avanquest WebEasy Professional. ...
• MAGIX Web Designer 11. ...
• Jimdo. ...
• Wix. ...
• Weebly. ...
• OK Builder.

¿Que es un administrador de sitios web?

Un webmaster (contracción de las palabras inglesas web y master), también conocido con las denominaciones de arquitecto web, desarrollador web, autor de sitio digital, administrador de sitio digital, y coordinador de sitio digital, es la persona responsable de mantenimiento o programación de un sitio web.

La definición específica de este cargo puede variar según el ámbito en el que se presente a la persona: en ciertos casos es el responsable de los contenidos del sitio,​ mientras que en otros es el encargado de la operatividad, programación y mantenimiento de la disponibilidad de un sitio web sin que necesariamente intervenga en la creación de contenidos.

De acuerdo a la definición del diccionario de oxford, el webmaster es la persona responsable por un servidor de Internet. Sin embargo, en la jerga informática se puede indicar que el webmaster es el dueño del sitio web o el encargado de mantener el sitio web habilitado.

¿Que son los enlaces (vinculos) y cuantos tipos hay?

Los enlaces interconectan nodos o bloques de información de todo tipo y morfologías (texto, imágenes, audio, vídeo, etc.) y cada enlace puede conducir a un documento, parte de él, a un índice, al resultado de una búsqueda indexada, etc. Los enlaces son los que permiten una estructura no secuencial o multisecuencial del hipertexto al ofrecer la posibilidad de ir de un nodo a otro. Así, es posible saltar de un nodo A a un nodo C sin pasar por el nodo B, al contrario de lo que ocurre en una estructura secuencial que, inevitablemente, obliga a pasar del nodo A al nodo B y del nodo B al C.

Al activar un enlace se puede dar lugar a una gran variedad de resultados, como son: trasladarse a un nuevo tema; mostrar una referencia, una definición o una anotación; presentar un esquema o una ilustración; ver un índice o una tabla de datos; activar un sonido o un vídeo, etc. 

Un enlace no es más que el vínculo que se establece entre distintos segmentos de información contenidos en los nodos. Hay distintos tipos de enlaces y se clasifican de muy distintos modos.

Tipos de enlaces:

Pueden existir múltiples tipos de enlaces. La clasificación de los enlaces no sólo varía de unos autores a otros, sinoque también se puede establecer una tipología dependiendo del punto de vista o del aspecto concreto que se tenga en consideración. Así pues, podemos distinguir los siguientes tipos de enlaces, que no son excluyentes unos de otros.  

Según el tipo de relación establecida entre los nodos:

•  Enlaces estructurales: conectan nodos que tienen una relación de composición
•  Enlaces semánticos: conectan nodos que tienen una relación eminentemente asociativa y semántica

Ahondando más en la relación anterior, según el tipo de relación establecida entre los nodos:

•  Enlaces estructurales: conectan nodos que tienen una relación de composición
•  Enlaces referenciales: conectan un nodo con su referencia, por ejemplo, una frase con el autor, un documento fuente y una cita, notas al pie, etc.
•  Enlaces asociativos: conectan dos nodos mediante una relación indefinida.

Según la función que implementen (orientación o contenido):    

•  Enlace secuencial: paso de página en una visita guiada
•  Enlace de contenido: permiten entrar o salir a un nuevo contenido

Según la tipología de las relaciones:

•  Enlaces de expansión (nos presentan, a modo de sumario, un resumen que se va a ir expandiendo de forma progresiva según vayamos activando enlaces por medio de los sucesivos iconos o botones)
•  Enlaces de referencia (enlazan nodos y llevan a otra página o a otra sección de la misma página)
•  Enlaces de nota informativa (permiten la apertura de una ventana que nos proporciona información en un momento determinado y que se cierra cuando ha cumplido su propósito)
•  Enlaces de comando (permiten la ejecución de una rutina informática externa al sistema del hipertexto, suelen activar un programa)
•  Enlaces de trayectoria: establecen recorridos por el sitio
•  Enlaces de mapeado: establecen mapas del sitio

Según la morfología del enlace: 

•  Enlace textual: Los enlaces de texto suelen ir subrayados y en un color diferente al resto del texto, también puede variar el tipo de letra: subrayado, cursiva, negrita, resaltado, etc.
•  Enlace gráfico: iconos, gráficos, botones, imágenes, mapa sensible, etc.

Según el lugar de conexión al que apunten:    

•  Enlaces internos: conectan un documento o parte de un documento a otro documento u otra parte del documento dentro del mismo hiperdocumento.
•  Enlaces externos: conectan el texto a un documento ajeno, a un documento de la red

Según el lugar de conexión al que apunten a partir de un documento ajeno:  esta terminología se suele emplear cuando se trata el tema de los derechos de autor y la propiedad intelectual.   

•  Enlaces simples: enlaces a la página principal
•  Enlaces profundos: enlaces a una página interior de una web

Según las propiedades de la URL: Similar a la clasificación anterior, pero usando la terminología informática, donde se suele utilizar más el término hiperlink o hipervínculo, como sinónimo de enlace. Un hipervínculo es una conexión de una página a otro destino, como por ejemplo otra página o una ubicación diferente de la misma página.  Un enlace tiene por destino una dirección URL o un archivo de la misma carpeta. Una URLcontiene una ubicación de red, ruta de acceso y nombre de archivo de un servidor Web o de una red Intranet. Un enlace siempre tiene por destino una dirección URL que identifica el protocolo que controla el archivo. Ejemplo: http://www.hipertexto.info/documentos/definiciones/hipertexto.htm Protocolo://Servidor Web/Ruta de acceso/Nombre de archivo.  

•  Hipervínculos relativos: apuntan hacia una dirección relativa (a la que le faltan una o más partes). Esta información se toma de la página que contiene la dirección URL. Por ejemplo, si falta el protocolo y el dominio se tomará el protocolo y el dominio de la página actual.
•  Hipervínculos absolutos: se dirigen hacia una URL absoluta que contiene la dirección completa. (algunos autores suelen restringir el término hiperenlace para este tipo de enlaces, estableciendo la distinción hiperenlaces/enlaces para referirse a enlaces absolutos/enlaces relativos)

Según el protocolo de la URL: La URL normalmente empieza con el protocolo HTTP, pero puede empezar con un protocolo diferente, como FPT, mailto, TELNET, etc.

•  Enlace de página web: si apunta al protocolo http.
•  Enlace distinto de página web: si apunta a un protocolo distinto de http, como: ftp, telnet, mail, etc.

Según el objeto al que apunten: Similar a la clasificación anterior, el destino de un enlace es frecuentemente una página web, pero también puede ser una dirección de correo electrónico, unarchivo (de texto, imagen, sonido, diapositiva o vídeo) o un programa que se ejecutará automáticamente. En algunos casos, los programas se visualizarán a través del navegador web y en otros no, pero, en cualquier caso, siempre es necesaria la ejecución de un programa distinto dentro del ordenador. 

•  Enlaces que se ejecutan dentro de una página web 
•  Enlaces que se ejecutan fuera de la página web: mailto, vídeo, documentos pdf, etc.

Según el lugar de la página hacia donde apunte la URL:

•  La URL apunta al principio de la página web, como en http://www.hipertexto.info/documentos/hipermedia.htm
•  La URL apunta a un anclaje de la página web, como en http://www.hipertexto.info/documentos/hipermedia.htm#multimedia

Según la operatividad del enlace:

•  Enlace operativo: enlace que funciona y conduce de un nodo a otro nodo.
•  Enlace no operativo, roto, muerto o prohibido: enlace que señala a otro nodo que conduce a un archivo no encontrado o a una página con una URL incorrecta, o que no está disponible en ese momento o que ha desaparecido para siempre. Aparece entonces el fatídico Error 404: Documento no encontrado.

Un documento que no está enlazado a ningún otro documento local o en una red como la WWW, constituye lo que se denomina un documento muerto. Por el contrario, un enlace muerto es el que no conduce a un documento, sino a una página no encontrada, que generalmente se indica con la convención error 404.

Según las acciones del lector/usuario:

•  Enlace activo: Enlace o hipervínculo seleccionado actualmente en un explorador de Web. Algunos exploradores de Web indican el hipervínculo activo con un cambio de color.
•  Enlace visitado: Enlace o hipervínculo de una página que se ha activado. Los exploradores de Web suelen mostrar los hipervínculos visitados en un color especificado.
•  Enlace predeterminado: En un mapa de imagen, el hipervínculo que se sigue cuando un visitante del sitio hace clic en un área de la imagen donde no hay ninguna zona activa.
•  Enlace roto: Hipervínculo que señala a una dirección URL incorrecta a una página o un archivo no encontrado.

Según la información adicional que ofrezcan:

•  Enlaces glosados: con texto explicativo o si son imágenes con texto alternativo
•  Enlaces no glosados: sin texto alternativo o explicativo

Según las posibilidades de movilidad que ofrezcan, por ejemplo, en lenguaje XML existes 2 tipos básicos de enlaces:

•  Enlaces simples: se abren en una nueva ventana
•  Enlaces extendidos: ofrecen 3 posibilidades:
  •  van a una sección determinada del mismo documento
  •  van a un lugar determinado de otro documento
  •  conducen a una zona delimitada por dos marcadores:

Según el tipo de recorrido al que dan lugar:

•  Enlaces secuenciales de tipo lineal: enlaces establecidos para una lectura lineal.
•  Enlaces no secuenciales de tipo no lineal: enlaces establecidos para una lectura no lineal.

 Según el principio lógico al que obedecen:

•  Enlaces estructurales: se basan en el principio de generación de cohesión y estructura. Permiten la navegación en 2 niveles (en profundidad o navegación vertical N1-N2-N3 y en amplitud o navegación horizontal N1.1-N1.2-N1.3)
•  Enlaces semánticos: se basan en el principio de generación de sentido. Generalmente son enlaces de tipo asociativo y horizontal N2-N5.1-N3.4 (por ejemplo, de la causa al efecto, de una idea general a una particular, de un concepto a una ilustración, de un autor a una referencia bibliográfica o entre dos conceptos relacionados por cualquier otro motivo).

 Según el modelo de navegación al que dan lugar:

•  Enlaces superpuestos: permiten la navegación superpuesta desde un elemento de representación (menú, índice, sumario, mapa, etc.), o que contienen metainformación.
•  Enlaces implicados: la navegación implicada se realiza con un enlace que existe en el propio nodo, es decir, que contiene información.

Según el modo de conmutación:

•  Enlaces de sustitución: el nodo de destino sustituye al nodo de inicio.
•  Enlaces de superposición: el nodo de destino se abre en otra ventana, sin cerrar la primera; ambos nodos comparten la ventana. 

Según el ordenador remoto al que apunten:  

•  Enlace cliente: conectan con el cliente
•  Enlace servidor: conectan con el servidor

Según la dirección del contenido hacia el que apunten:

•  Enlaces directos: van de un nodo A a un nodo B.
•  Enlaces inversos: van de un nodo B a un nodo A. Muy utilizados en el mundo de los blogs con el nombre de trackbacks donde suelen aparecer al lado de los comentarios. Estos enlaces permiten conocer qué enlaces apuntan hacia un determinado post, de este modo, avisa a otro blog que se está citando uno de sus post. Si un blog admite trackbacks quiere decir que es capaz de recibir un aviso de otro blog, de forma que dos de los artículos de ambos quedan relacionados entre sí, normalmente porque el segundo hace referencia al primero. Se trata de una especia de "rastro" o huella que pueden dejar otras personas que citan un artículo de un blog.

Así pues, existen muchos tipos posibles de enlaces según atendamos a diferentes criterios. La variedad de tipologías establecidas por los estudiosos del hipertexto es considerable y abarca desde las 2 clases únicas establecidas por Conklin en 1987, hasta llegar a los 80 tipos de enlaces evidenciados por  R. H. Trigg en su tesis doctoral presentada en 1983 en la Universidad de Maryland (mencionado por Nielsen, 1995 y James Allan, 1996) y este mosaico de tipologías se establece atendiendo a criterios tan dispares como la posición del enlace en el hipertexto o su valor semántico.

Comparando las tipologías de los distintos autores, podemos destacar las siguientes clasificaciones:

Conklin establece solamente 2 tipos de enlaces:

•  estructurales
•  referenciales

Conklin resume las propiedades de las funciones de los enlaces de la siguiente forma:

•  pueden conectar un documento de referencia al propio documento
•  pueden conectar un comentario o anotación al texto acerca del cual se escribe. 
•  pueden suministrar información administrativa (por ejemplo, establecer las relaciones entre dos piezas de texto o entre una entrada de una tabla de contenidos y su sección). 
•  pueden conectar dos piezas sucesivas de texto, o una pieza de texto y todas las inmediatamente sucesivas. 
•  pueden conectar entradas en una tabla o figura para ampliar las descripciones, u otras tablas o figuras. 

Nielsen utiliza una clasificación basada 4 tipos:

•  enlaces implícitos o explícitos
•  computados o estructurales
•  de autor o de lector
•  de 1:1 o de 1:N (super-links). 

Díaz, Catenazzi y Aedo fijan 5 tipos distintos, atendiendo a las siguientes características :

•  dependiendo del destino del nodo: enlace local y enlace remoto
•  si enlazan nodos completos o secciones de cada nodo (enlaces embebidos)
•  dependiendo del grado del nodo: enlaces n-arios
•  si se trata de nodos calculados: enlaces virtuales (cuando el enlace se define por alguna especificación funcional y no se puede indicar de forma declarativa el origen)
•  si son direccionales o bidireccionales.

Blustein  establece 2 grandes grupos:

•  Enlaces estructurales
•  Enlaces basados en el contenido
  • Enlaces retóricos
  • Enlaces semánticos

Se habla de hipertexto como de la "ciencia de las relaciones", puesto que el punto clave reside en las relaciones que unen los elementos del dominio. Según Bieber, la metáfora de enlace está asociada al concepto de relación y se pueden identificar diferentes tipos de relaciones. Por ejemplo:

•  relaciones de proceso, que dan acceso directo a operaciones y procesos
•  relaciones estructurales, que dan acceso a objetos de la estructura interna de una aplicación
•  relaciones de metainformación, que dan acceso a los parámetros y a la información descriptiva de los objetos de una aplicación
•  relaciones de ocurrencia, que dan acceso a todas las apariciones de un elemento dado

James Allan partiendo de la diferenciación entre 2 clases principales de enlaces:

•  manuales
•  automáticos

distingue un gran número de enlaces que pueden ser generados de forma automática como los de revisión, sumario, expansión, equivalencia, comparación y contraste, contiguos, agregados, etc.

Algunos autores como Susana Pajares Tosca, Claire Harrison, Burbules, Lemke, Morgan y otros muchos se centran en los aspectos puramente semánticos para realizar una clasificación harto exhaustiva de las posibilidades. Pajares Tosca habla de la cualidad lírica de los enlaces. Burbules categoriza los enlaces basándose en figuras retóricas (metáforas, metonimias, sinécdoques, etc.). Todos estos autores consideran que los enlaces hipertextuales son semánticos por naturaleza  y retóricos en su propósito. Sin embargo, estos autores desatienden un aspecto muy importante del hipertexto, los enlaces no sólo generan relaciones semánticas, sino que también sirven para estructurar el hipertexto y pueden crear relaciones jerárquicas, además de las meramente asociativas.

¿Cuales son los tipos de formatos de imagenes compatibles con la web?

Formato JPG:

El formato JPG es el indicado para guardar imágenes fotográficas o con degradados. Este formato admite millones de colores (24 bits) y mantiene el modo de color en RGB de la imagen original. Al guardar en JPG se debe elegir una calidad de compresión. Conviene comprimir lo más posible, mientras la calidad de la imagen sea aceptable (generalmente entre 40 y 60). Cuanto menos contraste de luces tenga la imagen, más compresión se logra. Si a una imagen se le aplica el efecto desenfoque (blur), el archivo resulta mucho más liviano.

Formato PNG:

La extensión PNG es la más usada para iconos o marcas. No pudo ser aprovechada durante muchos años ya que IExplorer no reconocía su mayor ventaja: la transparencia. Desde que los diseñadores dejamos de preocuparnos por las versiones anteriores al IE8, lo estamos aprovechando realmente. La transparencia de PNG a diferencia del GIF no tiene halo, logrando una calidad de imagen mucho mayor y simplificando el maquetado, permitiendo independizar las imágenes de sus fondos.

El PNG tiene dos opciones: PNG8 (con paleta de color reducida hasta 256 colores) y el PNG24 ideal para transparencias.

Formato GIF:

El GIF comprime mejor las imágenes con plenos de color originados en dibujos vectoriales. Este formato reduce la paleta a 256 colores como máximo. En el momento de guardar una imagen como gif, los más importante es decidir la cantidad de colores porque de esto depende el peso del archivo: cuanto menos colores, más liviano. Las imágenes gif además pueden ser transparentes y animadas.

Los archivos GIF permiten seleccionar áreas transparentes en el momento de exportar. La imágenes transparentes necesitan un tratamiento especial: los bordes de la imagen deben ser suavizados hacia el color sobre el que irá colocado en el HTML, de lo contrario la imagen resultará con bordes duros (serruchados) o suavizados con halos de color diferente al fondo. Para esto se utiliza la opción Mate que permite seleccionar el color similar al fondo.

Actualmente este formato sólo se usa para animaciones simples.

Formato SVG:

Es el único formato vectorial y por lo tanto escalable para web con la enorme ventaja que eso significa para hacer un sitio adaptable.

Se está empezando a usar recién ahora ya que el IE8 no lo reconoce. El archivo SVG se guarda directamente desde Illustrator y el resultado es un archivo que se puede ver en el navegador, pero que también se puede abrir en el Sublime porque es puro código. Esto le da infinitas posibilidades de uso para web, especialmente combinado con el lenguaje javascript.

¿Cuales son las etiquetas para insertar tablas, instrucciones HTML y videos?

Etiqueta bgsound

La etiqueta bgsound sirve para insertar sonido de fondo en las páginas web. Su principal inconveniente es que sólo funciona con Internet Explorer, por lo que su uso es muy limitado. De todas maneras vamos a ver cuál es su forma y sus principales atributos:

<bgsound src="ruta_fichero" loop="numero" balance="b" volume="v"></bgsound>

Los valores de los atributos son los siguientes:

• src="ruta_fichero" : Indica la ruta donde está el archivo de sonido.
• loop="numero" : indica el número de veces que debe repetirse el fichero. si en lugar de un número escribimos el valor "infinite" el fichero se reproducirá indefinidamente.
• balance="b" : indica el balance del sonido entre los dos altavoces, es decir, la potencia con que se oirá en cada uno de ellos (derecho e izquierdo). Sus valores pueden estar entre -10,000 y +10,000; siendo el valor 0 un balance equilibrado entre los dos altavoces.
• volume="v" : indica el volumen al que se oirá el sonido, sus valores pueden variar entre -10,000 (mínimo) y 0 (máximo).

Como ya se ha dicho esta etiqueta suele ser muy poco usada ya que tiene las limitaciones de que sólo funciona con Internet Explorer, y además el usuario no puede controlar el sonido desde la página.

Etiqueta img

La etiqueta <img .../> que se usa normalmente para insertar imágenes también puede servir para insertar videos, sin embargo tiene sus limitaciones ya que sólo funciona con Internet Explorer y no con todos los tipos de archivo. De hecho sólo funciona con videos con extensión .avi, .mov, y .mpg. los atributos específicos para utilizar esta etiqueta para video son los siguientes:

• dynsrc="ruta_fichero" : Es el atributo usado para localizar el archivo de video que se quiere visualizar.
• loop="n" : Toma como valor un número entero que indica el número de veces que se reproducirá el video. Si ponemos un valor =-1 el video se reproducirá infinitas veces.
• start="fileopen/mouseover" : el valor fileopen es el valor por defecto e indica que el video empieza a reproducirse al acabar de cargarse la página. El valor mouseover indica que el video no empezará a reproducirse hasta que el usuario ponga el puntero del ratón encima de él.

Por lo demás se usan los mismos atributos de la etiqueta img es decir, height y with para el alto y el ancho de la consola, hspace y vspace para los márgenes de la consola. y también podemos usar la etiqueta src="ruta_imagen" para mostrar una imagen en el caso de que el navegador no pueda cargar el video.

Como ya se ha dicho el principal inconveniente de esta etiqueta es que sólo funciona el video en Internet Explorer, por lo que no es muy utilizada para este fin.

Etiqueta embed

La etiqueta embed sirve tanto para incrustar archivos de audio como de video en la página web. Esta etiqueta posee varios atributos, que pueden ser distintos en función del objeto que vayamos a mostrar en la pagina. su sintaxis general sería la siguiente.

<embed src="..." ...(atributos) ...></embed>

la etiqueta de cierre final es conveniente ponerla para que funcione correctamente, también podemos poner una barra inclinada al final de la etiqueta principal que sustituye a la etiqueta de cierre (<embed ... />), en todo caso nunca debemos dejar la etiqueta sin cerrar. A continuación vamos a ver cuales son los principales atributos de esta etiqueta y sus valores.

atributos referentes a vídeo y sonido

src="ruta_fichero"

Indica la ruta para acceder al archivo multimedia que queremos abrir.

loop="numero/true/false"

Define el número de veces que se reproducirá el fichero, como valor podemos poner un numero entero, o las palabras true (infinitas veces) o false (sólo una vez). Este atributo no funciona con todos los navegadores, especialmente con Internet Explorer en versiones antiguas. por lo que debemos complementarlo con el siguiente.

playcount="n"

Define el número de veces que se reproducirá el fichero en Internet Explorer.

autostart="true/false"

Define si el fichero debe empezar a reproducirse por si solo a la vez que la página (valor true), o debe necesitar la intervencion del usuario mediante la consola o código javascript para reproducirse (valor false).Tanto este atributo como los dos anteriores no funcionan con los archivos flash de video (extensión .swf), los cuales se muestran siempre al cargar la página y en número infinito de veces.

type="tipo_fichero"

Atributo importante que declara qué tipo de fichero estamos usando. El navegador buscará el plugin o programa necesario para abrirlo, teniendo preferencia el que hayamos indicado. dependiendo del tipo de fichero puede tomar distintos valores. los más habituales son:

• type="audio/wav" : para archivos de audio con extensión .wav.
• type="audio/midi" : para archivos de audio con extensión .mid.
• type="application/mpeg" : para archivos de audio o de vídeo del tipo mpeg. Archivos con extensiones.mp3 .mpg .mpeg .mp4 . También puede usarse con videos con extensión .avi, ya que también lo reproduce, y a veces el usuario no tiene instalado el plugin para videos avi. También podemos usar los valores type="audio/mpeg" o type="video/mpeg" según sea el archivo de audio o de video.
• type="application/mov" : para archivos de video con extensión .mov.
• type="application/wmv" : para archivos de video con extensión .wmv.
• type="application/x-shockwave-flash" : para archivos flash de video con extensión .swf.
• type="application/ogg" : Para archivos con extension ogg (audio o video) y ogv(video). También podemos emplear type="audio/ogg", para sonido o "type="video/ogg", para video.
• type="audio/webm" ; type="video/webm", para archivos en formato webm (recomendados por HTML5).

Lo que indica este atributo es lo que se llama el tipo MIME al que pertenece el objeto. Cada tipo de fichero pertenece a un tipo MIME distinto, hay que tener cuidado de poner para cada tipo de fichero el tipo que le corresponde o que sea compatible. En el siguiente enlace hay una lista con todos los tipos MIME aceptados, aunque la página está en inglés, creo que la tabla con los tipos se entiende bastante bien:

https://developer.mozilla.org/es/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Lista_completa_de_tipos_MIME

pluginspage="URL"

Este atributo indica en caso de ser necesario, el plugin que reproducirá el fichero, o la página web donde puede descargarse el mismo. Solo se activa en caso de que el navegador no pueda reproducir el fichero por sí mismo o no disponga del plugin adecuado.

name="nombre"

Al igual que en otros casos vistos anteriormente, podemos dar un nombre a la etiqueta, que servirá de referencia para trabajar con enlaces o con código javascript.

volume="v"

para archivos de sonido, indica el volumen al que debe reproducirse inicialmente el archivo. el valor es un número entre 0 y 100, siendo el valor por defecto 50 en plataformas PC y 75 en MAC.

atributos referentes a la consola.

hidden="true/false"

Este atributo es sólo para los archivos de sonido. El valor true permite no mostrar la consola de sonido. con lo cual si no hemos puesto el atributo autostar="false" el sonido se reproducirá al cargarse la página, sin que haya una consola para modificarlo. El valor hidden="false" en principio debe mostrar la consola, pero no funciona bien en todos los navegadores, por lo que es preferible no usarlo, ya que ésta se muestra por defecto.

width="w" height="h"

Indican el ancho (w) y el alto (h) visible de la consola en píxeles. Se entiende por consola la barra de comandos del audio o video. Debemos tener en cuenta que algunas consolas son de tamaño fijo, y por lo tanto debemos darle un espacio igual o mayor del que ocupan para que pueda verse entera.

align="left/center/right/..."

Define la alineación horizontal o vertical de la consola, respecto a los elementos de la página. Funciona igual que con la etiqueta img y tiene los mismos valores que ésta.

hspace="hs" vspace="vs"

Define la separación vertical y horizontal de la consola respecto a los otros elementos de la página. Funciona igual que en la etiqueta img. sin embargo tendremos los mismos problemas que con las etiquetas de imagen, por lo que se recomienda posicionar la consola (bien sea de audio o de video), mediante el código CSS.

Utilización de la etiqueta embed

Un ejemplo de etiqueta embed para sonido es el siguiente:

<embed src="sonido.mid" loop="1" playcount="1" type="audio/midi" autostart="false" width="200" height="50" />

Un ejemplo de etiqueta embed para video es el siguiente:

<embed src="http://mivideo.mov" type="application/mov" width="400" height="300" autostart="false" ></embed>

También se puede utilizar la etiqueta embed para mostrar en la página archivos de Adobe Reader (Texto en PDF).

La consola de la etiqueta embed tiene un comportamiento similar a la etiqueta img en cuanto a posicionamiento, por lo que admite los mismos atributos.

El problema de la etiqueta embed es que el usuario no siempre tiene instalado en su equipo los plugins necesarios para ver el archivo, por lo que se recomienda utilizar los formatos de archivo más usados. ya que suelen ser los formatos que soportan la mayoría de los navegadores. Otra opción es poner un enlace al archivo para que en caso de no poder verse, el usuario pueda descargárselo.

La etiqueta embed fue creada por el navegador Netscape, pero enseguida la fueron incorporando los demás navegadores, por lo que es posible que versiones antiguas de Internet Explorer no la reconozcan.

La etiqueta no es reconocida por el estándar oficial del HTML 4.01 y del XHTML 1.0 del W3C (World Wide Web Consortium), con lo cual la página no pasa el proceso de validación, (en temas posteriores veremos qué es esto) pero esto no impide que funcione en la mayoría de navegadores, siempre que se tengan los plugins adecuados para ver los archivos.

Sin embargo el nuevo HTML5 sí que reconoce ya la etiqueta embed, por lo que en HTML5 sí que se pasa el proceso de validación.

¿Que entiendes por nube?

La computación en la nube (del ingles cloud computing), conocida también como servicios en la nube, informática en la nube, nube de cómputo, nube de conceptos o simplemente «la nube», es un paradigma que permite ofrecer servicios de computación a través de una red, que usualmente es internet.

¿Como puedes crear una red social y que es?

Una red social es una herramienta útil para utilizar en diversas cosas; estas nos conectan con el mundo, con amigos, compañeros, familiares y hasta con celebridades. El tener una también es útil para dar promoción a empresas ya grandes o empresas en crecimiento.

Hoy en día las redes sociales son espacios necesarios para mantenerte informado sobre el día a día de todos y sobre las noticias que pasan en nuestro planeta.

Las empresas pueden construir su propia red social para fortalecer la interacción o comunicación entre ellos y sus clientes, como también se puede utilizar para dar promoción o un lanzamiento de un artículo o producto.

Crear tu propia red social

Tú mismo podrías crear tu propia red social mediante investigaciones o formando un grupo de personas para facilitar, como lo programadores. También podrías hacer cursos de programación, pero hay métodos sencillos y prácticos también como son los que internet nos menciona y a los que la mayoría de nosotros accederemos.

Hay infinidades de plataformas que son herramientas fáciles de utilizar para comenzar una red social, y poner en marcha nuestro objetivo, aquí voy a nombrar una de las plataformas que son muy recomendadas.

• Plataforma Elgg: es una herramienta recomendada por los usuarios que la han utilizado para crear su propia red social por sus múltiples funciones y soportes.

Esta se encarga de brindar un apoyo como herramienta para que las escuelas, universidades, empresas, entes políticos y hasta las iglesias puedan crear una red social.

Esta plataforma ofrece características comunes como perfiles de usuarios, soporte para los teléfonos celulares.

• Buddypress: Es un software libre que te permite de igual forma crear una red social a tu medida, posee una gran comunidad de diversos programadores los cuales trabajan en conjunto para diseñar todo tipo de plugins, temas distintos y si tienes algún problema con el código, también te pueden ayudar a solucionarlo.

Puedes personalizar totalmente tu red social a diferencia de otros softwares que cuentan con servicios alojados, desde generar grupos, chats hasta crear foros y un sistema para perfiles de usuario.

• SocialEngine: En cuanto a herramientas pagadas el número uno es esta, este software es desarrollado en PHP (Hypertext Preprocessor), este lenguaje de código abierto el cual puede ser utilizado con HTML y es especialmente empleado para diseñar web.

Algunas páginas son más amigables con el usuario

Aunque muchas páginas son amigables con el consumidor para facilitar su uso, algunas llevan la expresión de “amigable” a otro nivel, esto se debe a que para crear tu red social en algunos softwares requieres de conocimientos de programación previos, si no los posees y simplemente quieres saltarte todo eso, puedes usar Ning.

Ingresas a la página para comenzar, la cual te pedirá que nombres la red social como tu lo prefieras, ahora te va a pedir una dirección web e igualmente de tu preferencia y no necesariamente tiene que ver con el nombre de la página, posteriormente debes especificar en qué se enfoca esta red.

No olvides incluir los términos de privacidad al final y las aplicaciones que sean de tu preferencia, así veras o intuitiva que puede llegar a ser tu red.