Autor: Javier Prieto Pariente (Septiembre 2010). Manual bajo licencia Creative Commons. CREACIÓN DE UN BLOG COLABORATIVO CON CALENDARIO, SISTEMA DE ALMACENAMIENTO DE ARCHIVOS Y FORMULARIO DE CONTACTO. Autor: Javier Prieto Pariente 1.- Creación del Blog: Accedemos a la página de inicio de Blogger e introducimos los datos de nuestra cuenta de Google. (Imagen 1) Si aún no tenemos ningún blog asociado a este usuario de Google nos aparecerá la siguiente pantalla, en ella debemos rellenar el campo “Mostar nombre”, dicho nombre será el utilizado para firmar los artículos o entradas en el blog y se podrá cambiar posteriormente si así lo deseamos. Aceptamos las condiciones y damos a continuar: (Imagen 2)
27
Embed
CREACIÓN DE UN BLOG COLABORATIVO CON CALENDARIO, SISTEMA DE ALMACENAMIENTO DE ARCHIVOS Y FORMULARIO DE CONTACTO.
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Autor: Javier Prieto Pariente (Septiembre 2010). Manual bajo licencia Creative Commons.
CREACIÓN DE UN BLOG COLABORATIVO CON CALENDARIO, SISTEMA DE
ALMACENAMIENTO DE ARCHIVOS Y FORMULARIO DE CONTACTO.
Autor: Javier Prieto Pariente
1.- Creación del Blog:
Accedemos a la página de inicio de Blogger e introducimos los datos de nuestra cuenta de
Google.
(Imagen 1)
Si aún no tenemos ningún blog asociado a este usuario de Google nos aparecerá la siguiente
pantalla, en ella debemos rellenar el campo “Mostar nombre”, dicho nombre será el utilizado
para firmar los artículos o entradas en el blog y se podrá cambiar posteriormente si así lo
deseamos.
Aceptamos las condiciones y damos a continuar:
(Imagen 2)
Autor: Javier Prieto Pariente (Septiembre 2010). Manual bajo licencia Creative Commons.
En la siguiente pantalla elegimos el nombre del blog y la ruta a través de la cual se accederá al
mismo (ambos valores también pueden ser modificados posteriormente).
(Imagen 3)
Por último escogemos una plantilla y damos a continuar, con ello ya tendremos nuestro blog
creado, y como nos dicen en la siguiente pantalla “ya podemos empezar a publicar”:
(Imagen 4)
Autor: Javier Prieto Pariente (Septiembre 2010). Manual bajo licencia Creative Commons.
2.- Crear el menú de navegación superior:
Necesitaremos para nuestro proyecto una serie de pestañas en la parte superior del blog que
llevarán a nuestros alumnos al calendario en el que les publicaremos las actividades que
queremos que realicen, y el sistema de almacenaje de archivos en el que publicaremos los
apuntes y hojas de actividades.
Para ello, vamos a la pestaña de diseño de nuestro blog y damos en “añadir un gadget” en la
parte superior:
(Imagen 5)
Elegimos la primera opción “Páginas” y nos llevará a la imagen 7.
(Imagen 6)
Autor: Javier Prieto Pariente (Septiembre 2010). Manual bajo licencia Creative Commons.
En esta nueva pantalla podemos cambiar el nombre “Página Principal” por “Inicio” y damos a
aceptar.
(Imagen 7)
3.- Crear páginas del menú:
Una vez que tengo el menú podemos ir creando las páginas que irán enlazadas en el mismo:
Calendario, archivos, contacto, me presento..
Para ello vamos a la pestaña “Crear entradas” y seleccionamos “Editar páginas”. Nos aparecerá
la opción de crear “Página Nueva”
(Imagen 8)
Autor: Javier Prieto Pariente (Septiembre 2010). Manual bajo licencia Creative Commons.
Vamos a ir creando dichas páginas aunque las dejemos vacías, posteriormente veremos cómo
editar su contenido.
(Imagen 9)
Una vez que pulsamos en “publicar Página” nos aparece la imagen 10, como no hemos
terminado aún de publicar todas nuestras páginas volvemos a pulsar en “Editar
Páginas””Páginas Nueva” y así sucesivamente.
(Imagen 10)
Autor: Javier Prieto Pariente (Septiembre 2010). Manual bajo licencia Creative Commons.
Finalmente, tendremos la siguiente pantalla:
(Imagen 11)
Y si pinchamos sobre “Ver blog” podremos observar cómo queda nuestro menú:
(Imagen 12)
Autor: Javier Prieto Pariente (Septiembre 2010). Manual bajo licencia Creative Commons.
4.- Introducción de nuestro calendario:
Accedemos a nuestra cuenta de “Google Calendar” desde la página de inicio de Google, tal
como se muestra en la siguiente imagen:
(Imagen 13)
Una vez que pongamos nuestro usuario y contraseña, si es la primera vez que utilizamos
Google Calendar nos aparecerá la siguiente imagen, cambiamos los datos que creamos
oportunos y le damos a “Continuar”:
(Imagen 14)
Autor: Javier Prieto Pariente (Septiembre 2010). Manual bajo licencia Creative Commons.
A través de la imagen 15 accedemos finalmente al calendario de Google asociado a nuestra
cuenta:
(Imagen 15)
(Imagen 16)
Lo primero que debemos hacer es configurar el calendario para que sea público de forma que
nuestros alumnos puedan ver su contenido, para ello vamos al apartado “Configuración”
señalado en la imagen 16, y en la pestaña “Calendarios” vamos al apartado “Compartido:
Editar Configuración”, tal como se muestra en la imagen número 17.
Autor: Javier Prieto Pariente (Septiembre 2010). Manual bajo licencia Creative Commons.
(Imagen 17)
Cuando pulsamos sobre “Compartido: Editar Configuración” llegamos a la imagen 18, en la que
podemos activar la casilla de verificación “Hacer público este calendario”, y damos a
“Guardar”.
(Imagen 18)
Autor: Javier Prieto Pariente (Septiembre 2010). Manual bajo licencia Creative Commons.
Para insertar nuestro calendario en el blog, debemos ir dentro del apartado “Mis calendarios”
pinchamos sobre nuestro calendario y se despliega una serie de opciones, la que nos interesa
es “Configuraciones del Calendario”, accedemos a este apartado:
(Imagen 19)
Entre los datos que se muestran en la ventana que se abre al pinchar sobre “Configuración del
Calendario”, se encuentra el código que debemos copiar y pegar en la página de nuestro blog
para insertar el calendario.
(Imagen 20)
Autor: Javier Prieto Pariente (Septiembre 2010). Manual bajo licencia Creative Commons.
Volvemos de nuevo a nuestra cuenta de Blogger, en el caso de que debamos ingresar de nuevo
una vez que pongamos nuestro usuario y contraseña nos aparecerá la pantalla que se
representa en la imagen 19, desde ella vamos a la pestaña de “Diseño”:
(Imagen 21)
Debemos encontrar la página “Calendario” creada anteriormente, para ello vamos a la sección
“Creación de Entradas””Editar Páginas” y finalmente pinchamos sobre la página
“Calendario” en “Editar”, tal como se muestra en la imagen 22.
(Imagen 22)
Autor: Javier Prieto Pariente (Septiembre 2010). Manual bajo licencia Creative Commons.
Lo que queremos pegar en esta página es un código HTML, por lo que lo primero que debemos
hacer es pinchar sobre “Edición HTML”:
(Imagen 23)
Una vez que estamos en la vista “Edición HTML” ya estamos en disposición de pegar el código
de nuestro calendario, lo único que debemos tener en cuenta es que para que entre dentro de
nuestro blog debemos modificar la anchura “width” hasta un valor aproximado de 500px. Una
vez realizado esto, ya podemos pulsar en “Publicar Página” y vamos a “Ver Página”
(Imagen 24)
Autor: Javier Prieto Pariente (Septiembre 2010). Manual bajo licencia Creative Commons.
Este sería el resultado:
(Imagen 25)
5.- Introducción del sistema de archivos con box.net:
Box.net es un servicio de almacenamiento de archivos en Internet, entre las ventajas que
ofrece están la facilidad para subir archivos a Internet y la posibilidad de configurar las
opciones de “compartir” los archivos, es decir, podremos decidir que personas acceden a cada
una de las carpetas y archivos que subamos a la red.
Lo primero que debemos hacer es ir a la página box.net y abrirnos una cuenta tal como se