Primeros Pasos En Blogger.2

51
PRIMEROS PASOS EN BLOGGER fácil, fácil Ángel Encinas Carazo Salamanca. Octubre 2009 2

Transcript of Primeros Pasos En Blogger.2

Page 1: Primeros Pasos En Blogger.2

PRIMEROS PASOS EN BLOGGER

fácil, fácil

Ángel Encinas Carazo Salamanca. Octubre 2009

2

Page 2: Primeros Pasos En Blogger.2

• Después de una visión panorámica de la web 2.0 y de los blogs, en este ppt seguiremos los pasos para:– Abrir nuestro blog– Elaborar una entrada con enlaces,

imágenes y etiquetas– Insertar vídeos y presentaciones

Contenido de este ppt

Page 3: Primeros Pasos En Blogger.2

Variedad de plataformas para abrir un blog

Page 4: Primeros Pasos En Blogger.2

Un blog en Blogia

Page 5: Primeros Pasos En Blogger.2

Un blog en La Coctelera

Page 6: Primeros Pasos En Blogger.2

Un blog en Yahoo

Page 7: Primeros Pasos En Blogger.2

Un blog en la plataforma educativa de la JCyL

Page 8: Primeros Pasos En Blogger.2

Un blog en WordPress

Page 9: Primeros Pasos En Blogger.2

¿Por qué en Blogger?

Porque es el más sencillo, el más utilizado, el que mejor conoce el profe…

Tiene las ventajas y los inconvenientes de estar al lado del más poderoso…

Page 10: Primeros Pasos En Blogger.2

Ventajas de Blogger

• Es muy fácil de abrir y sencillo de utilizar• Sólo necesitas una cuenta en Google• Se puede personalizar con facilidad.• Almacenamiento gratuito, sin compromisos

publicitarios• Se actualiza y renueva constantemente de forma

automática• No necesita instalar plugins (complementos)

fundamentales• Fuerte seguridad frente a ataques maliciosos• Muy utilizado por profesores

Page 11: Primeros Pasos En Blogger.2

Ventajas de WordPress

• Es gratuito (como Blogger)• El más utilizado cuando se dispone de

espacio propio en la Web• Permite acceso a todo el código fuente• Más profesional por sus mayores

posibilidades de control y configuración• Se puede descargar en el propio ordenador• Permite la creación de páginas estáticas

Page 12: Primeros Pasos En Blogger.2

Creamos un blog en Blogger

¡Mi primer blog!

Page 13: Primeros Pasos En Blogger.2

Le asignamos un nombre y una dirección

Lo podrás cambiar en cualquier momento

La dirección que elijas,

sin embargo, será la

definitiva

Ten cuidado: Si estás probando,

no “quemes” direcciones

interesantes

Antes de seguir

comprueba que está

libre

Escribe el texto de arriba. Es para evitar el acceso a robots

Page 14: Primeros Pasos En Blogger.2

Elegimos una plantilla

No te preocupes

mucho: podemos

cambiar de plantilla en cualquier

momento, sin ningún

problema

Page 15: Primeros Pasos En Blogger.2

La primera entrada

Directo al asunto: la página en blanco de tu

primera entrada

Page 16: Primeros Pasos En Blogger.2

La primera entrada

Propues-tas para tu

primera entrada

Piensa un título

adecuado

Antes de publicar mira las opciones

Page 17: Primeros Pasos En Blogger.2

La primera entrada

Ignorar ahora

Puedes programar la publicación

Si no la has terminado, puedes guardarla (lo hace automáticamente

cada poco)

Page 18: Primeros Pasos En Blogger.2

La primera entrada

Atrévete y mira cómo te queda

En cualquier momento puedes

guardarla

Page 19: Primeros Pasos En Blogger.2

La primera entrada publicada

En cualquier momento puedes

guardarla

Puedes volver a editar o guardar sin

publicar

La barra lateral sale

por defecto

con estos elementos, y según la

plantilla elegida

Page 20: Primeros Pasos En Blogger.2

Crear un enlace en la entrada

Queremos enlazar esta entrada de Activa-TiC

Lo primero que hacemos es seleccionar (clic con el

botón izquierdo) y copiar la dirección

(clic en “copiar” de botón derecho del ratón)

Page 21: Primeros Pasos En Blogger.2

Crear un enlace en la entrada

Seleccionamos con el ratón la

porción de texto que queremos

contenga el enlace

Hacemos clic en “enlace” y nos aparecerá una ventana emergente

Page 22: Primeros Pasos En Blogger.2

Crear un enlace en la entrada

Con el botón derecho del

ratón pegamos la dirección

seleccionada

Así de sencillo

Page 23: Primeros Pasos En Blogger.2

Crear un enlace en la entrada

El enlace se ha establecido. Se diferencia por un color distinto y el

subrayado

Page 24: Primeros Pasos En Blogger.2

Insertar una imagen en la entrada

Hacemos clic en ese icono

Page 25: Primeros Pasos En Blogger.2

Insertar una imagen en la entrada

En este caso tenemos que pegar aquí su

dirección

Podemos seleccionar una

imagen que está en la Web

Page 26: Primeros Pasos En Blogger.2

Insertar una imagen en la entrada

Es importante tener esto siempre

en cuenta. ¿Cómo proceder?. Salvo prohibición expresa, se debe,

como mínimo, indicar la

procedencia con un enlace

Page 27: Primeros Pasos En Blogger.2

Insertar una imagen en la entrada

O bien, seleccionamos una imagen de las que

tenemos en nuestro equipo o hemos

bajado antes. (esta es la opción

preferible)

En este caso la buscamos en

nuestro equipo

Page 28: Primeros Pasos En Blogger.2

Insertar una imagen en la entrada

Hacemos doble clic en la

imagen que hemos

seleccionado

O hacemos clic en “abrir”

Page 29: Primeros Pasos En Blogger.2

Insertar una imagen en la entrada

Cuando la imagen ha

subido, aparece su miniatura

Hacemos doble clic en la

imagen o un clic en “aceptar”

Page 30: Primeros Pasos En Blogger.2

Insertar una imagen en la entrada

Una vez pegada en la entrada, la podemos

arrastrar o copiar-pegar donde queramos

Cuando hacemos clic sobre ella podemos decidir tamaño y alineación

Page 31: Primeros Pasos En Blogger.2

Insertar una imagen en la entrada

Este es el resultado

Page 32: Primeros Pasos En Blogger.2

Insertar una imagen en la entrada

IMPORTANTE:Debes cuidar el peso o tamaño de las fotos que subes. En principio,

no deberían pesar más de 200 kB, aunque vale con 50-70 kB (el

tamaño de todas las capturas de pantalla de este ppt)

Las imágenes de las actuales cámaras tienen un tamaño muy grande. Por ej. Una cámara de 5

megapíxeles nos proporciona fotos de más de 2 MB (2.048 kB)

Ésta pesa tan solo 1,6 kB, demasiado pequeña

¿Qué deberíamos hacer entonces? Pues editar previamente nuestras

imágenes reduciendo el tamaño de las que

emplearemos en la Web. Lo veremos en otro ppt.

Page 33: Primeros Pasos En Blogger.2

Insertar un vídeo de YouTube

Buscamos el vídeo con las palabras-etiquetas posibles

Page 34: Primeros Pasos En Blogger.2

Insertar un vídeo de YouTube

Cuando encuentro lo que busco hago

clic sobre él

Page 35: Primeros Pasos En Blogger.2

Insertar un vídeo de YouTube

En “insertar” encontramos el

“código embed” que tenemos que copiar

Page 36: Primeros Pasos En Blogger.2

Insertar un vídeo de YouTube

“código embed”

Antes de copiarlo podemos tomar algunas decisiones sobre cómo queremos que aparezca en nuestro blog

Si solo queremos poner el enlace

Page 37: Primeros Pasos En Blogger.2

Insertar un vídeo de YouTube

Cuando lo hemos decidido, copiamos el “código embed” y nos vamos a la entrada de

nuestro blog

Podemos decidir sobre los bordes, colores y tamaños

con que aparecerá en nuestro blog

Page 38: Primeros Pasos En Blogger.2

Insertar un vídeo de YouTube

Cuando lo pegamos en la

entrada tiene que tener más de 4 ó

5 líneas. De lo contrario algo no

ha salido bien

En ese caso probamos a pegarlo en “Edición de HTML”

Page 39: Primeros Pasos En Blogger.2

Insertar un vídeo de YouTube

Si esto es lo primero que hemos hecho en nuestra entrada, es posible que nos veamos con algún problema para escribir

arriba y abajo del mismo

Si esto es lo primero que hemos hecho en nuestra entrada, es posible que nos veamos con algún problema para escribir

arriba y abajo del mismo

Cuando cambiamos de pestaña o lo abrimos como borrador nos

aparecerá este objeto

Page 40: Primeros Pasos En Blogger.2

Insertar un vídeo de YouTube

Para evitarlo, es recomendable

escribir texto dejando un hueco, y pegando en él nuestro código

Page 41: Primeros Pasos En Blogger.2

Insertar un vídeo de YouTube

Quedaría así

Page 42: Primeros Pasos En Blogger.2

Insertar un vídeo de YouTube

…y no tendríamos problemas para

escribir nuestro texto

Page 43: Primeros Pasos En Blogger.2

Insertar un vídeo de YouTube

…y no tendríamos problemas para

escribir nuestro texto

Page 44: Primeros Pasos En Blogger.2

Insertar un vídeo de YouTube

Así quedaría nuestra entrada

publicada

Page 45: Primeros Pasos En Blogger.2

Insertar un ppt de slideshare

Procedemos de la misma forma que

con YouTube: copiar y pegar el

código embed

Podemos, incluso, hacer directamente

un post en nuestro blog

Page 46: Primeros Pasos En Blogger.2

Insertar un ppt de slideshare

Con este resultado

Page 47: Primeros Pasos En Blogger.2

Insertar un vídeo de PhotoPeach

Ya hemos visto una

muestra de PhotoPeach

en el blog

En este caso, al hacer clic en el

botón de Embed se nos copia directamente

Page 48: Primeros Pasos En Blogger.2

Insertar un documento de Scribd

En esta magnífica plataforma el código embed lo tenemos

aquí

Page 49: Primeros Pasos En Blogger.2

Insertar un vídeo de Dailymotion

En cada plataforma hemos de buscar el

código embed bajo

expresiones como “insertar”,

“incrustrar”, “reproducción insertable”, etc

Page 50: Primeros Pasos En Blogger.2

Insertar un show fotográfico en slide

En cada plataforma hemos de buscar el

código embed bajo

expresiones como “insertar”,

“incrustrar”, “reproducción insertable”, etc

Page 51: Primeros Pasos En Blogger.2

E.mail de contacto:

[email protected]

No lo olvides: ante cualquier duda o problema escríbeme.

Esto es sólo el comienzo.El resto es igual de sencillo y, por

qué no, divertido…