martes, 31 de agosto de 2010

Insertar un acceso para jugar a pantalla completa con una aplicación Flash


Para agregar un acceso a un juegos flash debemos seguir los siguientes pasos:

1- Localiza la ubicación del juego en la web.
2- Edita el código de la página que contiene el juego.
3- Busca en el código fuente el archivo flash, el que tiene extensión SWF.
4- Al encontrar el archivo selecciona el código completo de la ubicación donde se encuentra el archivo flash, esto es algo parecido a:
   http://www.physicsgames.net/swf/lightup.swf
5- Copiar ese código y pegarlo en la dirección del navegador que estás utilizando.
6- Si se abre el juego a pantalla completa, eso indicará que es la dirección dónde se ubica el juego que buscabas.
7- Edita la página donde vas a pegar tú juego.
7- Agrega el siguiente código, html en la página web, cambiando la dirección que se encuentra en verde, por la dirección del juego que quieres pegar en el sitio. Al pegar no olvides las comillas.

<div>
<a href="http://www.physicsgames.net/swf/lightup.swf"  target="_blank">Bolitas de luz - CLAUDIO</a>
</div>

8- Cambia el nombre del juego que aparece en el código en color naranja, por el nombre del juego que pegaste, y tu nombre a continuación.
9- Pulsar el botón de actualiza y finalmente el de guardar la página donde pegaste el código del juego.


Se visualizará el acceso del siguiente modo:

Marcadores Sociales


Los Marcadores Sociales es una forma para guardar los enlaces de Internet. Este sistema permite, a partir de cuentas creadas por los usuarios, ir almacenando, a modo de "Favoritos",  las direcciones de paginas web.  Una de las principales ventajas de este tipo de herramienta es que las direcciones se clasifican por categorías sugeridas por el usuario y luego se pueden compartir, si así se lo desea.

Un tutorial para la creación de una cuenta en www.delicious.com, se presenta a continuación, confeccionado por Isidro Vidal. Gracias.










Otras presentaciones de Isidro Vidal.
Presentaciones  de otros autores.


    Algunos sistemas de este tipo son: digg, delicious, etc.


martes, 24 de agosto de 2010

Insertar una archivo Flash

Para agregar un archivo flash debemos seguir los siguientes pasos:

1- Localiza la ubicación del juego en la web.
2- Edita el código de la página que contiene el juego.
3- Busca en el código fuente el archivo flash, el que tiene extensión SWF.
4- Al encontrar el archivo selecciona el código completo de la ubicación donde se encuentra el archivo flash, esto es algo parecido a:
   http://www.physicsgames.net/swf/lightup.swf

5- Copiar ese código y pegarlo en la dirección del navegador que estás utilizando.

6- Si se abre el juego o la animación a pantalla completa, eso indicará que es la dirección dónde se ubica el archivo flah que buscabas.
7- Edita la página donde vas lo vas a pegar
8- Ir al menú de Insertar, selecciona: Mas gadgets...
9- Añadir gadget por URL
10- Escribir como URL lo siguiente:
http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flash_container.xml
Este gadget está diseñado por Philippe Chapuuis como un contenedor de archivos flash. 
Gracias a su generosidad y por compartir esto, se consigue lo que pretendemos.
11-  Configuramos el Gadget
12-  Escribimos como URL la dirección de la aplicación flash.
13- El resto de los parámetros puedes verlos en la siguiente captura:
  


Insertar un video



1- En el navegador, accedemos al sitio www.youtube.com

2- Buscar el video que deseo pegar en mi sitio web.

3- Accedo a ver el video seleccionado.

4- En la página donde se está visualizando el video, identificar el botón: "Insertar".
5- Pulsando este botón va a mostrarme el código HTML que me permite pegar el video en mi sitio.
Se verá así.




6- Selecciono las opciones que me permiten configurar color y tamaño de la ventana donde aparecerá el video.

7- Luego de la selección, copio el código HTML.

8- Me ubico en la página donde quiero pegar el video.

9- Edito esa página.

10- En la barra 





selecciono el HTML.

11- Esto abrirá una ventana donde debo pegar el cógigo html copiado en el paso 7.
12- Continúo pulsando el botón "ACTUALIZAR" de la ventana donde pegué el código.
13- Grabo la página pulsando el botón "Guardar".

lunes, 16 de agosto de 2010

Insertar un prezi


1- En el navegador, accedemos al sitio www.prezi.com

2- Buscar la presentación que deseo pegar en mi sitio web.

3- Accedo a ver  la presentación (prezi) seleccionado.

4- En la página donde se está visualizando el prezi
 


    Identificar el botón: "Share" ---------->   y pulsarlo.

5- Pulsando este botón va a mostrarme la siguiente ventana


  Selecciono el botón  --------------------> 

La ventana mostrará ahora el código que podré embeber en mi sitio.


      Es posible configurar el tamaño que va a tener la ventana que mostrará mi presentación Prezi en mi sitio.

6 - Pulso el botón --------------->  

   Con esta acción copió el código que tengo que pegar en mi web.

8- Me ubico en la página donde quiero pegar el video.

9- Edito esa página.

10- En la barra de edición pulso el botón <HTML>
11- Esto abrirá una ventana donde debo pegar el cógigo html copiado en el paso 6.
12- Continúo pulsando el botón "ACTUALIZAR" de la ventana donde pegué el código.
13- Grabo la página pulsando el botón "Guardar".

martes, 10 de agosto de 2010

Insertar un voki


Un voki es un busto parlante realizado con la herramienta voki. Es muy configurable y soporta muchos idiomas.

El proceso para insertarlo sigue los siguientes pasos:

OBTENEMOS EL CÓDIGO
  1. Ir a voki y confeccionar el personaje.
  2. Publicar para obtener el código
  3. Copiar el segundo código que suministra:For MySpace Use This Code
Puede ser como este:
<PARAM NAME="movie" VALUE="http://vhss-d.oddcast.com/vhss_editors/voki_player.swf?doc=http%3A2F%2Fvhss-d.oddcast.com%2Fphp%2Fvhss_editors%2Fgetvoki%2Fchsm%3D44ed40ea525e97ea7ae1c0869d422153%26sc%3D1652349"><PARAM NAME="BASE" VALUE="http://vhss-d.oddcast.com/vhss_editors/"><PARAM NAME=quality VALUE=high>
<PARAM NAME=scale VALUE=noborder><PARAM NAME=bgcolor VALUE="transparent">
<EMBED allowScriptAccess="never" allownetworking="internal" src="http://vhss-d.oddcast.com/vhss_editors/voki_player.swf?doc=http%3A%2F%2Fvhss-d.oddcast.com%2Fphp%2Fvhss_editors%2Fgetvoki%2Fchsm%3D44
ed40ea525e97ea7ae1c0869d422153%26sc%3D1652349
swLiveConnect=true NAME="voki" quality=high
base="http://vhss-d.oddcast.com/vhss_editors/" scale=noborder WIDTH=200 HEIGHT=267 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash%5c"></EMBED><BR><a href="http://www.voki.com/vokiCommentEditor.php?sc=1652349"
target=_blank>Click here to comment on this Voki.</a>
<BR><a href="http://www.voki.com/"><b>Get a Voki now!</b></a><BR><BR>

Solo nos interesa el resaltado en amarillo(sin las comillas).
Deberías buscar en el tuyo algo muy similar.

INSERTAMOS UN GADGET
  1. Insertar>Mas gadgets...
  2. Añadir gadget por URL
  3. Escribir como URL lo siguiente:http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flash_container.xml
Este gadget está diseñado por Philippe Chapuuis como un contenedor de archivos flash.
Gracias a su generosidad y por compartir esto, se consigue lo que pretendemos.

CONFIGURAMOS EL GADGET
  1. Escribimos como URL el código (resaltado amarillo) que seleccionamos anteriormente.
  2. El resto de parámetros puedes verlos en la siguiente captura:



























martes, 3 de agosto de 2010

Insertar una página


Estas actividades se encuentran localizadas en una dirección web o URL. Tenemos 2 maneras de hacerlo:

1.Usando un gadget "Iframe"
En modo Edición:
Recurrimos a un Gadget que hay disponible para esta tarea:
Insertar>Más gadgets...
Público>Destacada>
Localizamos: Include gadget (iframe)
Aceptar

Completamos ahora la dirección web o URL, la anchura y la altura que estimemos.




2.Escribiendo el siguiente código en modo edición html:

<iframe src="http://ruta_servidor/nombre_archivo.htm"
width="500" height="500" frameborder="0" scrolling=Yes>
</iframe>

Sustituir: http://ruta_servidor/nombre_archivo.htm  por la ruta donde se encuentra la página deseada.

width:indica el ancho
height:indica la altura

Extraído de:        https://sites.google.com/site/webscolaborativas/una-web



Related Posts Plugin for WordPress, Blogger...
Related Posts Plugin for WordPress, Blogger...