Mostrando entradas con la etiqueta HTML. Mostrar todas las entradas
Mostrando entradas con la etiqueta HTML. Mostrar todas las entradas

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...