Insertar Formularios en el blog

11

description

Proceso de creación de formularios en Google Docs y su inserción en blogs de Arablogs

Transcript of Insertar Formularios en el blog

Page 1: Insertar Formularios en el blog
Page 2: Insertar Formularios en el blog

Google Docs nos permite compartir documentos con varios editores y compartirlos en

la web. Aquí os voy a explicar brevemente cómo crear un cuestionario y embeberlo en

un blog.

1. Abrimos nuestra cuenta google, la de gmail, y seleccionamos la opción

“Documents” o “Docs” dentro de los servicios que esta plataforma de correo nos

ofrece.

2. Nos aparecerá la ventana de Google Docs.

3. Hacemos clic en la opción “Create New”, y en este caso seleccionaremos FORM

Page 3: Insertar Formularios en el blog

4. Nos aparecerá la siguiente ventana.

5. Añadimos una pregunta a nuestro formulario haciendo clic en Add Item y

seleccionando el tipo de pregunta que deseamos hacer.

Page 4: Insertar Formularios en el blog

Tipos de pregunta:

Page 5: Insertar Formularios en el blog

6. Una vez hechas cada una de las preguntas se pueden volver a editar, duplicar y

borrar, haciendo clic en cada una de estas opciones, que aparecen al pasar el

cursor sobre ellas.

Opciones de edición de las preguntas:

Nos va a permitir cambiar textos, tipología y obligatoriedad de respuesta.

Page 6: Insertar Formularios en el blog

7. Plain podemos encontrar varios fondos que aplicar a nuestro formulario.

8. Podemos enviar nuestro formulario por e-mail desde la opción “Email this form”

Page 7: Insertar Formularios en el blog

9. Podemos escribir un texto de confirmación en envío del formulario. En “More

actions”/Edit confirmation.

10. Podemos “Embeber” nuestro cuestionario en un blog o web; para ello será

necesario copiar el código que nos aparece en “More Actions”/Embed

Page 8: Insertar Formularios en el blog

11. A la hora de ver las respuestas a nuestro cuestionario podemos seleccionar en

veras con gráficos “Summary” o en una tabla “Spreadsheet”

Summary

Spreadsheet

Page 9: Insertar Formularios en el blog

12. Para compartir la elaboración del formulario y los resultados del mismo es

necesario que el documento esté compartido. Para invitar a trabajar en el

formulario deberemos seleccionarlo y hacer clic en “Share”/Invite people

13. También lo podemos convertir en formato Excel en “More actions”/Export…

14. Si necesitamos el código para embeber nuestro formulario también lo podemos

obtener haciendo clic en el documento y seleccionando “Form”/Embed form in a

webpage…

15. Si necesitamos editar nestro formulario podemos hacerlo haciendo clic en el

nombre del documento y seleccionando “Form”/Edit form.

Page 10: Insertar Formularios en el blog

Para colocar nuestro formulario en un blog de Arablogs.

1- En primer lugar, tendremos que abrir nuestro blog como administradores, ya que sólo

los administradores pueden editar los artículos en html. Abriremos el artículo en el que

vamos a insertar nuestro formulario, o creamos uno nuevo con este propósito.

Situaremos el cursor en el lugar en el que vamos a colocar nuestro cuestionario y

haremos clic en la opción “Fuente HTML”

2- Copiaremos aquí el código que hemos copiado en Google Docs

Page 11: Insertar Formularios en el blog

Al volver a la vista normal aparecerá nuestro formulario. Ya sólo nos queda guardar

nuestro artículo y hacerlo visible.

En ocasiones el formulario será más grande que la propia página del blog. Para

solucionar este problema tendremos que volver a la vista HTML y ajustar la altura y

anchura. En Arablogs la anchura máxima es de 500, y la altura podéis modificarla a

vuestro gusto. No os preocupéis porque si el cuestionario es más grande aparecerán

barras para desplazarnos por él.

Código para embeber:

<p><iframe width="760" height="1777" frameborder="0" marginwidth="0"

marginheight="0"

src="http://spreadsheets.google.com/embeddedform?formkey=dGt1Wll4ZGxrS001

SUtVZzBVNUQxWWc6MA">Loading...</iframe></p>

Autora: Purificación Moreno Solana

Colaboradora didáctica CPR La Almunia

Febrero 2010 [email protected]