Creación blog
description
Transcript of Creación blog
IES Pedro Simón Abril
Informática. 4º de E.S.O.
LA WEB 2.O
Creación de un blog
Departamento de Tecnología Informática 4º ESO
2
Utilizando Blogger, vamos a crear un blog o cuaderno de Bitácora.
En primer lugar deberemos crear una cuenta google (gmail) si no disponemos de ella.
Hecho esto seguimos los siguientes pasos:
1. Registrarse Blogger
Hacemos clic en Continuar
Departamento de Tecnología Informática 4º ESO
3
Ahora seguimos los pasos del
asistente y creamos el Blog
La entrada es la noticia, artículo, archivo…que vamos a publicar en nuestro blog.
Aunque más adelanta vamos a profundizar más en este tema, a continuación vemos cómo se
crean entradas de forma general.
Hacemos clic aquí y
creamos nuestro blog
2. Crear entradas. Opciones de entradas.
Desde la la pestaña “Nueva Entrada” accedemos a la
ventana de creación, con las opciones básicas de un
procesador de texto: fuente, tamaño, colores…
Departamento de Tecnología Informática 4º ESO
4
Una vez concluido todo el proceso clicamos en y
nuestra entrada aparecerá publicada en el blog.
Otras herramientas de interés son:
Desde aquí añadimos una
imagen a nuestra entrada
Departamento de Tecnología Informática 4º ESO
5
El calendario en nuestro blog puede resultar una herramienta útil a la hora de
planificar eventos que podemos hacer constar en él.
El procedimiento que seguiremos para ello será:
1. En primer lugar accedemos a Google Calendar, el servicio que usaremos para
crear nuestro calendario en nuestra web. A continuación hemos de introducir un
nombre de usuario y contraseña, que ha de ser el de
nuestra cuenta gmail.
2. En el menú de la izquierda Pulsamos la opción “Crear un
calendario nuevo”.
Ejercicio práctico 1: Personalización del blog
Vamos a personalizar el blog de acuerdo con el procedimiento explicado. Ten en cuenta:
1. Escribe un título para el blog y una dirección en el cuadro correspondiente. Puedes elegir una
dirección de las que te propone haciendo clic en comprobar disponibilidad. Añade una descripción
del blog (p.e. “Blog sobre informática y aplicaciones”).
2. Elige una de las plantillas que se proponen y completa el formulario.
3. Una vez creado el blog, personalízalo. Analiza las diferentes opciones que encontrarás en
configuración. Puedes utilizar la opción Permisos-Añadir Autores, para permitir que otras
personas puedan colaborar con tu blog. Si decides añadir colaboradores deberás darles los
permisos adecuados (autores) y hacer clic en Invitación.
4. Desde la opción Diseño añade un gadget de texto (mensaje de bienvenida al blog) y otro de imagen
(preferentemente una imagen personalizada que cargues desde tu ordenador).
5. Una vez realizadas las modificaciones que consideres oportunas crea una nueva entrada en la que
publiques una noticia y añádele una imagen).
3. Insertar un calendario
Departamento de Tecnología Informática 4º ESO
6
3. A continuación rellenamos los datos que nos solicitan con lo que deseemos y
marcamos la opción “Público” (en Privacidad). En caso de ser una agenda, y que los
contenidos fueran privados podríamos seleccionar la opción “Compartir únicamente
mi información de libre-ocupado”.
4. Una vez hecho esto veremos que en el menú de la izquierda aparece en la lista de
“Mis calendarios” un calendario con el nombre como el que acabamos de crear.
Para mostrarlo en nuestra web haremos lo siguiente:
a.- Pulsaremos en la flecha que hay junto al nombre del calendario que deseamos
compartir y seleccionamos “Configuración del calendario”.
b.-Buscamos la opción “incrustar calendario”, y procederemos a copiar el código
html en nuestra página web. Previamente personalízalo, eligiendo
adecuadamente el tamaño, color y demás parámetros (comprueba varias
opciones hasta que quede adecuado al gadget de tu página). Una vez
hechas las modificaciones copiamos el código HTML.
No olvides hacer público el calendario:
Nota: Si lo que queremos es que el propio google Calendar cree la página,
pulsaremos en el botón HTML, y veremos la dirección a la cual hemos de crear un
hipervínculo.
5. Ahora insertamos el código HTML en uno de los
gadget de tu blog. El resultado de incrustar un
calendario en nuestro blog debe ser similar a:
6. Podemos agregar algún evento (por ejemplo días de semana blanca) desde
GoogleCalendar, debiendo aparecer incorporado al enlazado en nuestro blog.
Departamento de Tecnología Informática 4º ESO
7
Un buscador es una herramienta que nos permitirá localizar rápidamente
artículos o entradas, introduciendo simplemente una palabra clave. Es muy utilizado en la
mayoría de las web con el fin de facilitar el trabajo a los usuarios.
Para insertar un buscador en tu blog sigue el siguiente procedimiento:
1. Ir a la pestaña “Diseño del blog”, y seleccionar la subpestaña “Elementos de
página”.
2. Añadimos un gadget, en la posición deseada y seleccionamos “HTML/JavaScript”
3. Copiamos el siguiente código:
<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" type="text"/>
<input id="search-btn" value="Buscar" type="submit"/>
</form>
4. Guardamos los cambios y hacemos alguna pequeña prueba para observar que todo
funciona bien.
Incorpora ahora el buscador desde la lista de Gadgets predefinidos de blogger
. Compara su funcionamiento y elimina uno de ellos.
El contador es una herramienta que nos informa de cuántos usuarios on-line está
visitando nuestra web.
Para hacerlo los pasos serán los siguientes:
1. En primer lugar vamos a la web usuarios-oline.com. Una vez allí introducimos el
nombre de nuestra web, en el caso de blogger, nuestroblog.blogspot.com, y pulsamos “Crear
contador”.
2. Una vez hecho esto, el sistema nos generará un código como el siguiente:
4. Insertar un buscador
5. Insertar un contador de usuarios
Departamento de Tecnología Informática 4º ESO
8
3. Añadimos un gadget, en la posición deseada y seleccionamos “HTML/JavaScript”
4. Copiamos el código y guardamos los cambios. A partir de ahora cada vez que un usuario
esté conectado a nuestro blog lo sabremos.
Blogger incluye dentro de sus gadgets, la opción de reloj, pero los diseños y
calidad de presentación son limitados (explora los gadgets disponibles en este sentido).
Nosotros vamos a insertar un Reloj empleando los recursos disponibles en internet.
1. Buscar en internet alguna página que ofrezca recursos de relojes para la web. (por
ejemplo: http://relojesflash.com/relojes) Encontraremos múltiples entradas.
2. Seleccionar el diseño que nos guste y copiar el código HTML generado.
3. Añadir un gadget, en la posición deseada y seleccionar “HTML/JavaScript”
4. Copiar el código y guardar cambios. Recuerda que puedes retocar el tamaño y otros
parámetros directamente modificando el código HTML. También es interesante
eliminar la publicidad del sitio (para ello clica en la opción Formato RTF de la
entrada).
6. Insertar un reloj
Departamento de Tecnología Informática 4º ESO
9
Para ello accederemos a Youtube y buscaremos el vídeo que nos interesa; en
este caso buscaremos un vídeo sobre Tecnologías. Una vez seleccionado el vídeo,
seguiremos el siguiente procedimiento:
1. Hacemos clic en el icono compartir-blogger, tal y como se muestra en la figura:
2. A continuación, y si mantenemos abierta la sesión con la que accedemos a
nuestro blog, se nos abrirá una ventana como la de la figura:
3. Podremos modificar el título, si lo deseamos, y hacer clic en Publicar entrada,
con lo que habremos finalizado el proceso.
7. Insertar un vídeo de YouTube
Departamento de Tecnología Informática 4º ESO
10
Blogger no nos permite subir archivos de audio o de otro tipo directamente
(sólo imágenes y vídeos, como después veremos), por tanto debemos disponer de un sitio
web donde alojar nuestros archivos y posteriormente enlazarlos con nuestro blog. Para
conseguirlo vamos a seguir el siguiente procedimiento:
1. Vamos a emplear google
sites, que es un servicio
gratuito de alojamiento web.
Vamos a la página de google
sites, y entramos con
nuestra identificación de
blogger o de gmail: en
principio es un servicio más de google.
2. A continuación, se nos abrirá una interfaz y buscaremos la opción “Crear un
sitio nuevo”, y haremos clic.
3. Posteriormente, tendremos que rellenar un formulario, en el cual son
especialmente importantes los siguientes campos:
8. Subir archivos a nuestro blog
Nombre por el reconoceremos nuestro sitio. Podemos crear más
de uno, por tanto es importante que lo identifiquemos bien.
Dirección que reconocerá nuestro sitio en la
web
Haremos clic en Mas Opciones y nos aseguraremos que esta
activada la casilla
Departamento de Tecnología Informática 4º ESO
11
4. A continuación clicamos en y si todo ha ido bien, aparecerá una
pantalla como la siguiente:
5. En esta pantalla
Para que nos aparezca la opción de Archivos adjuntos, haremos lo siguiente:
6. Haremos clic en la pestaña “Archivos adjuntos”, aparecerá un desplegable, en el
cual pulsaremos, y seleccionaremos el archivo de nuestro disco duro que
deseamos subir.
7. Después de un breve período de
tiempo nos aparecerá algo
parecido a la imagen:
Departamento de Tecnología Informática 4º ESO
12
8. Para subir más archivos bastará con pulsar otra vez en “Examinar”, y
seleccionar el archivo que queramos subir a google sites.
9. En este momento, ya tenemos el archivo subido y únicamente tendremos que
hacer el enlace desde blogger al elemento que acabamos de subir. A
continuación vamos a nuestro panel de blogger, y creamos una nueva entrada.
10. Escribiremos el texto con el que deseemos compartir nuestro archivo, lo
seleccionaremos y pulsaremos el botón o Link. A continuación se nos abrirá
un enlace en el que escribiremos la ruta del archivo que queremos compartir que
será algo similar a:
http://sites.google.com/site/titulodetusitio/home/Archivosubido.ext
11. Una vez hecho esto ya habremos compartido el archivo, y nos quedará una
entrada en la que hemos incluido el archivo de descarga.
Seleccionamos una palabra, por
ejemplo, y a hacemos clic en
Enlace
Nota: Es importante evitar que los archivos que adjuntemos sean nombrados con
caracteres tales como tildes, guiones, letras mayúsculas…Es recomendable utilizar
nombres cortos para los archivos. Con estas recomendaciones evitamos problemas en
el reconocimiento de archivos en el servidor.
Departamento de Tecnología Informática 4º ESO
13
Vamos a insertar un reproductor de música para archivos tipo MP3 en el blog; para
ello seguimos el siguiente procedimiento:
1. En primer lugar, subiremos los archivos emff_lila y el mp3 que deseemos (que
cargará el reproductor) a googlesites. Para hacerlo, vamos a
googlesites y accedemos como usuarios registrados.
2. Subimos los archivos a googlesites, pulsando “Examinar” en la parte
inferior derecha de nuestro espacio, y seleccionamos, primero emff_lila y, una
vez cargado este, el mp3 que queremos subir.
3. Una vez hecho esto, nos vamos a nuestro blog y creamos una nueva entrada, a
continuación escribamos el título que deseemos y desde la pestaña “Edición de
HTML” y copiamos el siguiente código:
<object type="application/x-shockwave-flash"
data="http://sites.google.com/site/tusitio/home/emff_lila.swf?src=http://sites.google.co
m/site/ tusitio /home/tucanción.mp3" width="250" height="50" /> <param name="movie"
value="http://sites.google.com/site/tusitio/home/emff_lila.swf?src=http://sites.google.co
m/site/ tusitio /home/tucanción.mp3" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
</object>
4. A continuación sustituimos la parte que pone tusitio y tucanción por las
correspondientes de googlesites.
5. Una vez hecho esto ya podemos publicar y ver el resultado en nuestro
navegador.
Ejercicio práctico 2: Subir un archivo al blog
Sube un documento en formato PDF al blog empleando el procedimiento descrito.
Recomendación: la apertura del documento PDF restringida por contraseña
9. Insertar un reproductor MP3 en el blog
Departamento de Tecnología Informática 4º ESO
14
Vamos a crear una presentación en PowerPoint, que colgaremos en nuestro
BLOG. En primer lugar vamos a crear la presentación, utilizando para ello
PowerPoint2007. Podemos descargar una presentación desde cualquier web; puede
resultar útil que esté relacionada con los contenidos de nuestro blog. También es posible
utilizar alguna presentación realizada por nosotros, si disponemos de ella.
Una vez hecha la presentación que vamos a incluir en el blog, seguiremos el
siguiente procedimiento.
1. Nos iremos a la web
slideshare. Como no
estamos registrados lo
hacemos, buscamos el
botón “sing up” e
introducimos nuestros
datos hasta completar el
registro. Una vez
finalizado el registro lo
verificamos con el mail
que nos enviarán y nos
aparecerá una ventana
como la de la figura.
2. Una vez hecho esto, pulsamos sobre “UPLOAD” y “Browse and select files”, y
seleccionamos la presentación que deseamos subir.
3. Tras un tiempo, el archivo se subirá al servidor y se nos pedirán datos. Hemos
de asegurarnos que la presentación ha de estar visible a todo el mundo
(Everyone), y escribimos una descripción sobre el contenido de la presentación.
4. Una vez escrita la descripción pulsamos sobre el icono “Publish All”; nos
aparecerá un mensaje que nos informará que el archivo está siendo convertido,
y pulsamos aquí (here) para ver el estado. Tendremos que esperar durante unos
Ejercicio práctico 3: Insertar un reproductor MP3
Descárgate un archivo de sonido en formato MP3 y siguiendo el procedimiento descrito
reprodúcelo en tu blog.
10. Insertar una presentación PowerPoint
Departamento de Tecnología Informática 4º ESO
15
minutos hasta que la presentación esté convertida, este tiempo es variará en
función del “peso” del archivo y velocidad de nuestra conexión.
5. Cuando veamos que ya esté cargada, pulsamos sobre el título para subir la
presentación online, y buscamos a la derecha el texto “Embed”; copiamos el
código HTML.
6. Una vez copiado, nos vamos a nuestro nuevo post o entrada de blogger y
escribimos el texto que deseemos (a modo de título por ejemplo), dejando un
espacio para la presentación que queremos mostrar. Hecho esto, escogemos la
pestaña “Edición de HTML” y pegamos el código de la presentación. El
resultado debe ser algo similar a esto:
Departamento de Tecnología Informática 4º ESO
16
En primer lugar vamos a crear una cuenta en el servidor que nos ofrecerá este
servicio http://issuu.com/
Nos registramos en el servicio
clicando en Sign up y rellenando los
campos del formulario que se muestra en
la figura:
Una vez registrados subiremos los documentos que deseemos mostrar en nuestro
blog haciendo clic en
Ahora nos aparecerá un formulario con campos de información que debemos
completar para hacer efectiva la subida.
11. Creación de revistas/libros digitales e inserción en el blog
Nota: Es recomendable convertir los
documentos en PDF antes de proceder a
subirlos a ISSUU
Seleccionamos el archivo
que queremos subir
Departamento de Tecnología Informática 4º ESO
17
Una vez completados correctamente todos los campos nos aparecerá una pantalla
como esta:
El proceso de subida tardará un tiempo, transcurrido el cual al hacer clic en
visualizaremos tanto el documento nuevo que hemos incorporado como los
anteriores:
Campos obligatorios:
título, descripción y palabra
clave
Seleccionamos el tipo de
documento, generalmente
Book o Magazine
Departamento de Tecnología Informática 4º ESO
18
Ahora para insertar un documento en nuestro blog con el formato de revista digital,
simplemente tenemos que seleccionar el documento haciendo clic sobre él.
Ahora clicamos en Embeber
Seleccionamos Blogger
Copiamos este código
Departamento de Tecnología Informática 4º ESO
19
En nuestro blog creamos una nueva entrada de tipo HTML y pegamos en ella el
código copiado. El resultado será:
Con esta opción insertaremos en nuestro blog un servicio de noticias actualizado.
Son múlitples los periódicos y revistas digitales que lo ofrecen. Nosotros proponemos la
suscripción al servicio RSS de “El País”.
Para ello accederemos a la web http://www.elpais.com/ y haremos clic en la
opción: (parte inferior de la página).
Ejercicio práctico 4:
Siguiendo el procedimiento descrito, publica en tu blog los siguientes documentos:
Una presentación P. Point –en slideshare-. Puedes utilizar alguna de las presentaciones ya
realizadas en la unidad de P.Point.
Un documento de texto- en issuu- (formato Word o Pdf): será un artículo sobre alguna
aplicación de la robótica en automoción, hogar, etc. (mínimo dos páginas). El aspecto y
presentación serán en modo revista digital.
(por ejemplo la presentación P. Point realizada en el apartado anterior-pero en formado PDF-) a modo
de edición digital.
12. Suscripción a un servicio RSS
Departamento de Tecnología Informática 4º ESO
20
Completamos los campos requeridos:
Pulsamos y en la nueva pantalla que se nos muestra elegimos la
temática de los titulares y configuración de visualiazación. Hecho esto clicamos en
y recibiremos en nuestro correo el código que caracteres HTML que
tendremos que insertar en el blog.
Copiado este código iniciamos sesión en nuestro blog y desde el panel Dieño
incoroporamos un Gadget en la parte que prefiramos. Seleccionamos la opción
y pegamos el
código HTML.
Si nos diera algún error el código emitido, también
podemos copiar el que nos aparece en la página de
confirmación del envío al correo.
Aspecto final en el blog:
Departamento de Tecnología Informática 4º ESO
21
Otra opción es elegir directamente el servicio RSS del periódico o revista deseado,
en este caso continuamos con “El País”:
Elegimos el tema deseado y hacemos clic sobre él, de forma que se nos abrirá una
pantalla como la que se muestra en la figura:
Copiamos la URL y en nuestro blog añadimos
el Gadget:
Copiamos la dirección URL en el
espacio correspondiente y configuramos los
demás elementos mostrados. De forma que el
resultado final será:
Departamento de Tecnología Informática 4º ESO
22
Ejercicio práctico 5:
Empleando los dos procedimientos descritos, incorpora servicios RSS
a tu Blog. Puedes elegir el periódico o revista que prefieras.