Blog 3º Eso

19
La Informática La Informática aplicada a la aplicada a la Educación Educación Los Blogs Los Blogs Por el departamento de Por el departamento de Tecnología del IES José Tecnología del IES José Isbert Isbert

Transcript of Blog 3º Eso

Page 1: Blog 3º Eso

La Informática La Informática aplicada a la aplicada a la EducaciónEducación

Los BlogsLos Blogs

Por el departamento de Por el departamento de Tecnología del IES José IsbertTecnología del IES José Isbert

Page 2: Blog 3º Eso

““La Informática aplicada a la La Informática aplicada a la educación”educación”

► Un Un weblogweblog (blog o bitácora) es un sitio web que (blog o bitácora) es un sitio web que recopila artículos o textos de uno o varios autores, recopila artículos o textos de uno o varios autores, apareciendo primero el más reciente.apareciendo primero el más reciente.

► El término El término weblog weblog proviene de las palabras proviene de las palabras inglesas web y log (log en inglés significa diario)inglesas web y log (log en inglés significa diario)

► En los artículos podemos incluir, además de texto, En los artículos podemos incluir, además de texto, imágenes, presentaciones, animaciones “flash” así imágenes, presentaciones, animaciones “flash” así como otros elementos multimedia.como otros elementos multimedia.

Page 3: Blog 3º Eso

““La Informática aplicada a la La Informática aplicada a la educación”educación”

► Actualmente las plataformas más populares que dan Actualmente las plataformas más populares que dan servicio para poder crear, editar y publicar en servicio para poder crear, editar y publicar en Internet y online nuestro blog, son Internet y online nuestro blog, son BloggerBlogger y y WordpressWordpress, aunque también hay otras (, aunque también hay otras (blogiablogia, , nireblognireblog, , la coctelerala coctelera….).….).

► WordpressWordpress tiene, además de la versión online, otra tiene, además de la versión online, otra que podemos descargar para ser instalada en un que podemos descargar para ser instalada en un servidor en modo local o en el alojamiento del que servidor en modo local o en el alojamiento del que dispongamos (el cual necesita soporte para php y dispongamos (el cual necesita soporte para php y bases de datos mysql).bases de datos mysql).

Page 4: Blog 3º Eso

““La Informática aplicada a la La Informática aplicada a la educación”educación”

► La plataforma que vamos a ver, por su sencillez de La plataforma que vamos a ver, por su sencillez de manejo, su buen funcionamiento y su creciente manejo, su buen funcionamiento y su creciente expansión es expansión es BLOGGER.BLOGGER.

► Para crearnos un blog enPara crearnos un blog en blogger blogger debemos tener debemos tener una cuenta de correo una cuenta de correo GMailGMail, ya que éste se , ya que éste se encuentra sostenido por la compañía Google por lo encuentra sostenido por la compañía Google por lo que existe una total integración entre ambos.que existe una total integración entre ambos.

Page 5: Blog 3º Eso

““La Informática aplicada a la La Informática aplicada a la educación”educación”

PASOS EN LA CREACIÓN DE UN BLOG EN BLOGGER

1. Accedemos a la página que nos dará el servicio 1. Accedemos a la página que nos dará el servicio de blog y su alojamiento. En este caso hemos de blog y su alojamiento. En este caso hemos elegido www.blogger.comelegido www.blogger.com

Page 6: Blog 3º Eso

““La Informática aplicada a la La Informática aplicada a la educación”educación”

2. Hacemos clic en el botón Crear un Blog y 2. Hacemos clic en el botón Crear un Blog y comenzamos introduciendo nuestra cuenta Gmail. comenzamos introduciendo nuestra cuenta Gmail. Si no tenemos, podemos crear una cuenta de Si no tenemos, podemos crear una cuenta de correo en Google.correo en Google.

Page 7: Blog 3º Eso

““La Informática aplicada a la La Informática aplicada a la educación”educación”

3. Rellenamos los campos del siguiente formulario, 3. Rellenamos los campos del siguiente formulario, con los datos de nuestra cuenta Gmail y con los datos de nuestra cuenta Gmail y accedemos la pantalla 2. Damos un nombre y una accedemos la pantalla 2. Damos un nombre y una URL a nuestro nuevo blog y comprobamos su URL a nuestro nuevo blog y comprobamos su disponibilidad. Después presionamos en Continuardisponibilidad. Después presionamos en Continuar

Page 8: Blog 3º Eso

““La Informática aplicada a la La Informática aplicada a la educación”educación”

4. Elegimos la plantilla de diseño que más nos 4. Elegimos la plantilla de diseño que más nos guste de todas las que nos ofrece Blogger y guste de todas las que nos ofrece Blogger y presionamos Continuar. Debéis tener en cuenta presionamos Continuar. Debéis tener en cuenta que la plantilla no se elige al azar, ya que va a ser que la plantilla no se elige al azar, ya que va a ser el aspecto que ofrecerá vuestro Blog. el aspecto que ofrecerá vuestro Blog.

Page 9: Blog 3º Eso

““La Informática aplicada a la La Informática aplicada a la educación”educación”

Algunas direcciones gratuitas de plantillas son:Algunas direcciones gratuitas de plantillas son:

•btemplates.combtemplates.com

•www.bloggertemplates.org

•Mashable.com/2007/09/13/blogger-templatesMashable.com/2007/09/13/blogger-templates

Cuando descargamos una plantilla el archivo que Cuando descargamos una plantilla el archivo que obtenemos tiene extensión “xml” que podemos abrir con obtenemos tiene extensión “xml” que podemos abrir con el Bloc de Notas.el Bloc de Notas.

Debemos copiar todo el texto y pegarlo en la edición de Debemos copiar todo el texto y pegarlo en la edición de la plantilla de nuestro blog (sustituyendo el código HTML la plantilla de nuestro blog (sustituyendo el código HTML existente)existente)

Esto se hace accediendo al enlace diseño de nuestro Esto se hace accediendo al enlace diseño de nuestro Blog (pestaña “Edición de HTML”).Blog (pestaña “Edición de HTML”).

Page 10: Blog 3º Eso

““La Informática aplicada a la La Informática aplicada a la educación”educación”

Una vez hecho esto, tendremos la nueva plantilla Una vez hecho esto, tendremos la nueva plantilla activada y en funcionamiento. Podemos ver el activada y en funcionamiento. Podemos ver el resultado pinchando en el botón “Vista Previa” (que resultado pinchando en el botón “Vista Previa” (que nos abre el blog en una nueva ventana).nos abre el blog en una nueva ventana).

Es importante realizar esta operación de Es importante realizar esta operación de seleccionar e instalar la plantilla deseada antes de seleccionar e instalar la plantilla deseada antes de añadir o suprimir elementos a la página, pues lo añadir o suprimir elementos a la página, pues lo normal es que los elementos existentes (artilugios) normal es que los elementos existentes (artilugios) desaparezcan o cambien de posicióndesaparezcan o cambien de posición

Page 11: Blog 3º Eso

““La Informática aplicada a la La Informática aplicada a la educación”educación”

5. Si todo es correcto, aparecerá la página de 5. Si todo es correcto, aparecerá la página de conformación.conformación.

Page 12: Blog 3º Eso

““La Informática aplicada a la La Informática aplicada a la educación”educación”

6. Si todo es correcto, podremos empezar a publicar mensajes, noticias, etc, y configurar nuestro Blog a nuestro gusto.

Page 13: Blog 3º Eso

““La Informática aplicada a la La Informática aplicada a la educación”educación”

7. Podemos cambiar la plantilla del Blog usando plantilla prediseñadas una vez realizado nuestro blog, que podemos obtener desde las siguientes direcciones:

• http://www.blogger-templates.org/

• http://btemplates.com/page/2/ ► Si Entramos en el segundo acceso podemos observar la

gran variedad de plantillas que podemos usar. ► Antes de decidirnos por alguna de ellas podemos

previsualizar el efecto final desde la pestaña Demo

Page 14: Blog 3º Eso

““La Informática aplicada a la La Informática aplicada a la educación”educación”

► Hemos elegido la plantilla Peach Bloom Spring

► Una vez previsualizada desde esta pestaña.

► Debemos descargarla desde la otra pestaña de Download (Descarga).

Page 15: Blog 3º Eso

““La Informática aplicada a la La Informática aplicada a la educación”educación”

► Una vez descargada podemos observar que el archivo es un archivo comprimido con extensión .ZIP

► Debemos descomprimirlo, pulsando sobre el archivo seleccionado el botón derecho del ratón podemos descomprimirlo y posteriormente debemos seguir los siguientes pasos:

Page 16: Blog 3º Eso

““La Informática aplicada a la La Informática aplicada a la educación”educación”

8. Pasos para cambiar la plantilla: Entramos en blogger con nuestra

contraseña de Gmail. Pulsamos sobre la solapa de diseño

Page 17: Blog 3º Eso

““La Informática aplicada a la La Informática aplicada a la educación”educación”

► Una vez en Diseño pulsamos sobre Edición de HTML, en Realizar copia de seguridad/Restaurar plantilla pulsamos sobre cargar una plantilla desde un archivo de tu disco duro: pulsando Seleccionar archivo

Page 18: Blog 3º Eso

““La Informática aplicada a la La Informática aplicada a la educación”educación”

► Buscamos la carpeta donde lo hemos extraído para descomprimirlo.

► Abrimos dicha carpeta y seleccionamos el archivo con extensión XML

Page 19: Blog 3º Eso

““La Informática aplicada a la La Informática aplicada a la educación”educación”

► Por ultimo observamos como nos ha quedado nuestro blog, después de subirlo, debemos guardar la plantilla.