PRIMEROS PASOS EN BLOGGER   fácil, fácil Ángel Encinas Carazo   Salamanca. Octubre 2009 2
<ul><li>Después de una visión panorámica de la  web 2.0  y de los  blogs , en este ppt seguiremos los pasos para: </li></u...
Variedad de plataformas para abrir un blog
Un blog en Blogia
Un blog en La Coctelera
Un blog en Yahoo
Un blog en la plataforma educativa de la JCyL
Un blog en WordPress
¿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 i...
Ventajas de Blogger <ul><li>Es muy  fácil  de abrir y  sencillo  de utilizar </li></ul><ul><li>Sólo necesitas  una cuenta ...
Ventajas de WordPress <ul><li>Es  gratuito  (como Blogger) </li></ul><ul><li>El  más utilizado  cuando se dispone de  espa...
Creamos un blog en Blogger ¡Mi primer blog!
Le asignamos un nombre  y una dirección Lo podrás cambiar en cualquier momento La dirección que elijas, sin embargo, será ...
Elegimos una plantilla No te preocupes mucho: podemos cambiar de plantilla en cualquier momento, sin ningún problema
La primera entrada Directo al asunto: la página en blanco de tu primera entrada
La primera entrada Propues-tas para tu primera entrada Piensa un título adecuado Antes de publicar mira las opciones
La primera entrada Ignorar ahora Puedes programar la publicación Si no la has terminado, puedes guardarla (lo hace automát...
La primera entrada Atrévete y mira cómo te queda En cualquier momento puedes guardarla
La primera entrada publicada En cualquier momento puedes guardarla Puedes volver a editar o guardar sin publicar La barra ...
Crear un enlace en la entrada Queremos enlazar esta entrada de Activa-TiC Lo primero que hacemos es seleccionar (clic con ...
Crear un enlace en la entrada Seleccionamos con el ratón la porción de texto que queremos contenga el enlace Hacemos clic ...
Crear un enlace en la entrada Con el botón derecho del ratón pegamos la dirección seleccionada Así de sencillo
Crear un enlace en la entrada El enlace se ha establecido. Se diferencia por un color distinto y el subrayado
Insertar una imagen en la entrada Hacemos clic en ese icono
Insertar una imagen en la entrada En este caso tenemos que pegar aquí su dirección Podemos seleccionar una imagen que está...
Insertar una imagen en la entrada Es importante tener esto siempre en cuenta.  ¿Cómo proceder?. Salvo prohibición expresa,...
Insertar una imagen en la entrada O bien, seleccionamos una imagen de las que tenemos en nuestro equipo o hemos bajado ant...
Insertar una imagen en la entrada Hacemos doble clic en la imagen que hemos seleccionado O hacemos clic en “abrir”
Insertar una imagen en la entrada Cuando la imagen ha subido, aparece su miniatura Hacemos doble clic en la imagen o un cl...
Insertar una imagen en la entrada Una vez pegada en la entrada, la podemos arrastrar o copiar-pegar donde queramos Cuando ...
Insertar una imagen en la entrada Este es el resultado
Insertar una imagen en la entrada IMPORTANTE: Debes cuidar el peso o tamaño de las fotos que subes. En principio, no deber...
Insertar un vídeo de YouTube Buscamos el vídeo con las  palabras-etiquetas posibles
Insertar un vídeo de YouTube Cuando encuentro lo que busco hago clic sobre él
Insertar un vídeo de YouTube En “insertar” encontramos el “código embed” que tenemos que copiar
Insertar un vídeo de YouTube “ código embed” Antes de copiarlo podemos tomar algunas decisiones sobre cómo queremos que ap...
Insertar un vídeo de YouTube Cuando lo hemos decidido, copiamos el “código embed” y nos vamos a la entrada de nuestro blog...
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 ...
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...
Insertar un vídeo de YouTube Para evitarlo, es recomendable escribir texto dejando un hueco, y pegando en él nuestro código
Insertar un vídeo de YouTube Quedaría así
Insertar un vídeo de YouTube … y no tendríamos problemas para escribir nuestro texto
Insertar un vídeo de YouTube … y no tendríamos problemas para escribir nuestro texto
Insertar un vídeo de YouTube Así quedaría nuestra entrada publicada
Insertar un ppt de slideshare Procedemos de la misma forma que con YouTube: copiar y pegar el código embed Podemos, inclus...
Insertar un ppt de slideshare Con este resultado
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ó...
Insertar un documento de Scribd En esta magnífica plataforma el código embed lo tenemos aquí
Insertar un vídeo de Dailymotion En cada plataforma hemos de buscar el código embed bajo expresiones como “insertar”, “inc...
Insertar un show fotográfico en slide En cada plataforma hemos de buscar el código embed bajo expresiones como “insertar”,...
E.mail de contacto:  [email_address] No lo olvides: ante cualquier duda o problema escríbeme. Esto es sólo el comienzo. El...
Upcoming SlideShare
Loading in …5
×

Primeros Pasos En Blogger.2

4,701 views
4,592 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
4,701
On SlideShare
0
From Embeds
0
Number of Embeds
1,730
Actions
Shares
0
Downloads
42
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Primeros Pasos En Blogger.2

  1. 1. PRIMEROS PASOS EN BLOGGER fácil, fácil Ángel Encinas Carazo Salamanca. Octubre 2009 2
  2. 2. <ul><li>Después de una visión panorámica de la web 2.0 y de los blogs , en este ppt seguiremos los pasos para: </li></ul><ul><ul><li>Abrir nuestro blog </li></ul></ul><ul><ul><li>Elaborar una entrada con enlaces, imágenes y etiquetas </li></ul></ul><ul><ul><li>Insertar vídeos y presentaciones </li></ul></ul>Contenido de este ppt
  3. 3. Variedad de plataformas para abrir un blog
  4. 4. Un blog en Blogia
  5. 5. Un blog en La Coctelera
  6. 6. Un blog en Yahoo
  7. 7. Un blog en la plataforma educativa de la JCyL
  8. 8. Un blog en WordPress
  9. 9. ¿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…
  10. 10. Ventajas de Blogger <ul><li>Es muy fácil de abrir y sencillo de utilizar </li></ul><ul><li>Sólo necesitas una cuenta en Google </li></ul><ul><li>Se puede personalizar con facilidad . </li></ul><ul><li>Almacenamiento gratuito , sin compromisos publicitarios </li></ul><ul><li>Se actualiza y renueva constantemente de forma automática </li></ul><ul><li>No necesita instalar plugins (complementos) fundamentales </li></ul><ul><li>Fuerte seguridad frente a ataques maliciosos </li></ul><ul><li>Muy utilizado por profesores </li></ul>
  11. 11. Ventajas de WordPress <ul><li>Es gratuito (como Blogger) </li></ul><ul><li>El más utilizado cuando se dispone de espacio propio en la Web </li></ul><ul><li>Permite acceso a todo el código fuente </li></ul><ul><li>Más profesional por sus mayores posibilidades de control y configuración </li></ul><ul><li>Se puede descargar en el propio ordenador </li></ul><ul><li>Permite la creación de páginas estáticas </li></ul>
  12. 12. Creamos un blog en Blogger ¡Mi primer blog!
  13. 13. 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
  14. 14. Elegimos una plantilla No te preocupes mucho: podemos cambiar de plantilla en cualquier momento, sin ningún problema
  15. 15. La primera entrada Directo al asunto: la página en blanco de tu primera entrada
  16. 16. La primera entrada Propues-tas para tu primera entrada Piensa un título adecuado Antes de publicar mira las opciones
  17. 17. La primera entrada Ignorar ahora Puedes programar la publicación Si no la has terminado, puedes guardarla (lo hace automáticamente cada poco)
  18. 18. La primera entrada Atrévete y mira cómo te queda En cualquier momento puedes guardarla
  19. 19. 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
  20. 20. 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)
  21. 21. 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
  22. 22. Crear un enlace en la entrada Con el botón derecho del ratón pegamos la dirección seleccionada Así de sencillo
  23. 23. Crear un enlace en la entrada El enlace se ha establecido. Se diferencia por un color distinto y el subrayado
  24. 24. Insertar una imagen en la entrada Hacemos clic en ese icono
  25. 25. 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
  26. 26. 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
  27. 27. 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
  28. 28. Insertar una imagen en la entrada Hacemos doble clic en la imagen que hemos seleccionado O hacemos clic en “abrir”
  29. 29. 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”
  30. 30. 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
  31. 31. Insertar una imagen en la entrada Este es el resultado
  32. 32. 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.
  33. 33. Insertar un vídeo de YouTube Buscamos el vídeo con las palabras-etiquetas posibles
  34. 34. Insertar un vídeo de YouTube Cuando encuentro lo que busco hago clic sobre él
  35. 35. Insertar un vídeo de YouTube En “insertar” encontramos el “código embed” que tenemos que copiar
  36. 36. 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
  37. 37. 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
  38. 38. 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”
  39. 39. 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
  40. 40. Insertar un vídeo de YouTube Para evitarlo, es recomendable escribir texto dejando un hueco, y pegando en él nuestro código
  41. 41. Insertar un vídeo de YouTube Quedaría así
  42. 42. Insertar un vídeo de YouTube … y no tendríamos problemas para escribir nuestro texto
  43. 43. Insertar un vídeo de YouTube … y no tendríamos problemas para escribir nuestro texto
  44. 44. Insertar un vídeo de YouTube Así quedaría nuestra entrada publicada
  45. 45. 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
  46. 46. Insertar un ppt de slideshare Con este resultado
  47. 47. 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
  48. 48. Insertar un documento de Scribd En esta magnífica plataforma el código embed lo tenemos aquí
  49. 49. 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
  50. 50. 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
  51. 51. E.mail de contacto: [email_address] 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…

×