PDF de programación - Técnicas informáticas: El Blog

Técnicas informáticas:

El BLOG

José Ramón López

El BLOG
También se conoce como cuaderno de bitácora
(listado de sucesos).

Es un sitio web (accesible desde Internet).

autor

escribe

El
se ordenan
cronológicamente, apareciendo primero el más
reciente.

artículos, que

Los lectores pueden escribir comentarios y el autor
darles respuesta, de forma que es posible establecer un
diálogo.

¿Cómo se crea un Blog?
1º Hay que registrarse en un alojador, dando un
nombre de usuario (e-mail) y una contraseña.

2º Se elige el diseño del blog.

3º Se redacta un artículo.

4º Se publica el artículo.

5º SIEMPRE debemos CERRAR el Blog cuando
hayamos acabado de publicar algo, para que nadie
pueda editarlo. Buscamos y pulsamos en SALIR.

¿Qué puede contener un artículo?
Un artículo o post puede contener casi de todo:

- Texto

- Imágenes fijas y animadas

- Vídeo

- Presentaciones

- Animaciones Macromedia Flash

Crear un Blog (1)

Ésta es la página principal de www.blogger.com

Al pulsar la flecha
naranja creamos
el Blog

Crear un Blog (2)

Primer paso: Introducir datos

Dirección de correo;
será la identificación
del usuario.

Contraseña de acceso

Nombre del autor

Copiar los caracteres

Crear un Blog (3)

Segundo paso: Dar nombre al Blog

Título

Dirección de Internet

Crear un Blog (4)

Tercer paso: Elegir el diseño

Marcar el diseño
deseado

Crear un Blog (5)
Y se acabó: La pantalla nos indica que el proceso se
ha realizado con éxito.

Ya podemos empezar a publicar artículos.

Crear un Blog (6)
La primera vez que entramos puede que no se
reconozca la contraseña, y haya que solicitar la
validación. No es complicado:

Sólo hay que pulsar en
la tecla indicada para
recibir un e-mail en
la dirección de correo
que hayamos dado,
con las instrucciones
para la validación.

Personalizar el Blog (1)
Podemos modificar el diseño, el aspecto, datos, ...

todos

Pulsando en la pestaña
Opciones
podemos
cambiar
los
datos, permisos, etc.
imaginables así como
qué lectores y de qué
forma pueden éstos
introducir comentarios
o respuestas.

Personalizar el Blog (2)

Pulsando en la pestaña
Plantilla
podemos
cambiar el diseño y
los
colocación
elementos del Blog.

de

Personalizar el Blog (3)
En el recuadro de Título puede
añadirse una descripción.

Cuando añadimos
artículos aparece
un historial aquí.

Perfil equivale a
datos personales.

artículo
publicado
Cada
tener comentarios
puede
añadidos por otras personas.

Este es un espacio
para colocar enlaces
web.

Publicar artículos (1)
Cuando entramos de nuevo a www.blogger.com
accedemos como usuario registrado

El Nombre de usuario
es la dirección de
correo.

Publicar artículos (2)
En la pantalla de edición introducimos el título del
artículo y su contenido.

Título

Contenido (igual que
en un procesador de
textos)

Publicar artículos (3)
Cuando ya está escrito, podemos hacer que aparezca
en Internet o guardarlo sin que aparezca publicado.

Guardar sin publicar

Publicar el artículo

Publicar artículos (4)
Con esta pantalla nos indican que la publicación ha
tenido éxito.

Podemos:
Ver el resultado
Editar la publicación
Crear otra publicación

Publicar artículos (5)
En el Blog aparece la nueva publicación.

Insertar imágenes (1)
En la pantalla de edición pulsamos sobre el icono de
imagen.

Imagen

Insertar imágenes (2)
Se abre una pantalla en la que seleccionamos y
colocamos la imagen que queramos. Debemos
definir:

1º Origen:
● De un archivo
● De una dirección de
Internet

2º Tamaño
3º Posición
4º Pegar la imagen en
la publicación

Insertar imágenes (3)
Una ventana nos indica que la imagen ha sido pegada
correctamene.

Después de
“finalizado”.

lo cual pulsamos en el botón

Insertar imágenes (4)
Volvemos a la ventana de edición, donde añadimos
título y contenido a la publicación.

Y se publica o se
sin
guarda
publicar.

Insertar imágenes (5)
Después del mensaje de proceso correcto, en el Blog
aparece la nueva publicación:

Insertar imágenes (6)
Las imágenes insertadas pueden ser estáticas, de
cualquier formato corriente (gif, jpg, bmp, png,...).

También se pueden insertar imágenes animadas en
formato gif.

Sin embargo, las animaciones de Macromedia Flash
deben ser incrustadas mediante código fuente html.

Insertar vídeo y presentaciones

En el Blog se puede añadir tanto un clip de vídeo
como una presentación mediante un proceso
idéntico en ambos casos.

Cualquiera de estos recursos se vincula al Blog
incrustando código fuente html. Aunque suene
complicado, el proceso es relativamente sencillo.

Insertar vídeo (1)

En varias páginas web, como www.youtube.com o
www.dalealplay.com disponemos tanto de vídeos ya
creados como de la posibilidad de publicar un video
propio.

Para acceder a sus contenidos, algunas de estas
páginas requieren que el usuario esté registrado
mediante
descrito
un
anteriormente.

proceso

similar

al

Insertar vídeo (2)

Cuando hayamos seleccionado un vídeo, primero hay que
copiar
el
contenido de la casilla:
“Reproductor de vídeo”
donde aparece:

TODO

“<object...

Insertar vídeo (3)

En la ventana de edición seleccionamos la pestaña
“Edición de HTML” y pegamos el código fuente en
el espacio:

1º Seleccionar
pestaña HTML.

la

2º Pegar el código.

3º Introducir texto
antes o después.

Insertar vídeo (4)

Después de publicar y el visto bueno del proceso,
nuestro Blog queda con un vídeo, que se emitirá al
pulsar sobre “Play”.

Insertar presentaciones (1)

Las presentaciones
tienen el mismo proceso,
copiando el código fuente de páginas como
www.slidehare.net

Aquí también
hay que buscar el
código para
copiar , que
empieza con:
<object...

Insertar presentaciones (2)

Después de pegar el código y publicar el artículo, el
Blog adquiere este aspecto:

Para ver cada
diapositiva hay
que hacer “click”
con el ratón sobre
el recuadro de la
presentación.

Insertar animaciones Flash (1)

En este caso también debemos incrustar código
fuente, pero el proceso es más complejo si no
conocemos alguna página de compartición.

Cuando tengamos
localizada una
animación, debemos
picar en:
Ver > Código fuente

Insertar animaciones Flash (2)

Entre el código fuente debemos localizar dónde ha
sido incrustada la animación que nos interesa.

Entre las etiquetas <OBJECT> y </OBJECT>
tenemos el código.

Flash tiene
extensión
.swf

Insertar animaciones Flash (3)

Debemos copiar todo el código fuente entre las
etiquetas <OBJECT> y </OBJECT> para pegarlo en
la ventana de edición de nuestro Blog.

Código fuente

(puede ser conveniente
retocar los parámetros
como el centrado o la
posición)

Insertar animaciones Flash (4)

Después de publicar, y de la consabida pantalla de
visto bueno, comprobamos que
la
animación en el Blog.

tenemos

Alojadores de Blogs

www.blogger.com
www.filotron.com
www.blogia.com

Más información
http://es.wikipedia.org/wiki/Weblog
www.eduteka.org/Weblogs1.php
http://blog.educastur.es/
www.aulablog.com
http://observatorio.cnice.mec.es > Monográficos > Manual de Blogger