Práctica 3 cómo crear un blog

406 views

Published on

  • Be the first to comment

Práctica 3 cómo crear un blog

  1. 1. . BLOGS .
  2. 2. Crear un Blog. Antes de ComenzarComo veremos en la práctica para realizar un blog no se necesitan conocimientos delenguajes de programación o de diseño web, las herramientas lo hacen todo por sisolas, siendo mucho más sencillos de crear que una página web tradicional.
  3. 3. Crear un Blog (I)1. Primer paso: crear una cuenta – Como paso previo debemos tener creada nuestra cuenta Google. – Debemos escribir www.blogger.com en la barra de direcciones del navegador o para que nos aparezca en castellano https://www.blogger.com/start?hl=es – Ya sólo nos queda seguir los pasos que muestran las siguientes diapositivas
  4. 4. Crear un Blog (II)Desde la página de inicio pulsamos: crear
  5. 5. Crear un Blog (III)Le indicamos nuestra dirección de correo, “nuestra cuenta Google”.
  6. 6. Crear un Blog (IV)..y el resto de nuestros datos: contraseña, nombre, palabra clave,..
  7. 7. Crear un Blog (V)2. Segundo paso: asignar el nombre y el nombre de dominio al blog (la url de acceso) – En esta fase simplemente escribiremos un nombre para nuestro blog. Nombre que podremos cambiar más tarde. – Y le asignaremos una dirección de Internet, que será la dirección web de nuestro blog que también podremos cambiar en el futuro. Notar que Blogger añade la parte restante (en rojo) hasta quedar aproximadamente así: http://elnombredetublog.blogspot.com (*) Es importante que en la medida de lo posible: • La dirección sea corta • Utilicemos letras minúsculas, sin caracteres especiales como acentos o eñes. • Hacer clic en el enlace “Comprobar la disponibilidad” para conocer si ese nombre ya está siendo utilizado por otro usuario. Si ocurre esto, nos muestra la frase: “Lo sentimos, esta dirección del blog no está disponible”. Los pasos de esta fase se resumen en la siguiente diapositiva
  8. 8. Crear un Blog (V)Como indicaba la diapositiva anterior, ahora le indicaremos el título del blog, la dirección(URL) que queremos (dominio blogspot.com) y el captcha (utilizado para evitar que deforma automática una máquina pueda generar nuevos sitios)
  9. 9. Crear un Blog (VI)3. Tercer paso: elegir una plantilla Por último tendremos que elegir una plantilla, que no es otra cosa que el diseño general que tendrá nuestro blog. Elegiremos la que más nos guste, recordando de nuevo que podremos cambiarla siempre que queramos. La elección de la plantilla es importante, ya que es la imagen que queremos transmitir de nuestro blog, que dependerá del público al que nos dirijamos, así como los temas a tratar en nuestra bitácora.
  10. 10. Crear un Blog (VI)Cuando indicamos la plantilla, se facilita un diseño genérico de nuestro i blog
  11. 11. …y ya tenemos listo nuestro blog… listo para publicar nuestra primeraentrada. Pulsamos empezar a publicar.
  12. 12. Crear un Blog (IV)..Si tenemos alguna duda podemos repasar de nuevo todos los pasos en Youtube,.. Video Explicativo
  13. 13. ¿Y ahora qué se puede hacer?• Publicar, modificar y borrar artículos.• Personalizar el blog.• Configurar el blog.
  14. 14. ¿Qué se puede hacer? Publicar, modificar y borrar artículos.A continuación se muestran todas las posibilidades para Publicar, Modificary Borrar artículos.Para ello seleccionamos en el menú escritorio una de la opciones “Nuevaentrada”
  15. 15. ¿Qué se puede hacer? Publicar, modificar y borrar artículos.Como podremos ver en la siguiente diapositiva, la pantalla “Creación de entradas” contieneuna pequeña línea para poner el título a nuestro artículo y una “ventana” más grande dondeescribiremos lo que queremos comunicar en el blog (el texto del artículo).Destacar el campo etiqueta que nos permitirá clasificar cada artículo de nuestro blog,categorizando el contenido por esta palabra o palabras claves, términos que en definitivafacilitarán la búsqueda posterior.Por último, en la parte superior donde incluiremos el texto del artículo aparecerá la herramientatípica de cualquier editor de texto, las opciones principales se detallan en la siguientediapositiva. Herramienta de edición de texto
  16. 16. Una vez introducido el contenido: debemos pulsar el botón naranja“Publicar entrada” Título Texto del Insertar imagen y Artículo video Hipervínculo Etiquetas Para terminar debemos pulsar en Publicar Entrada
  17. 17. .. Si lo deseamos, incluso podemos Ver la apariencia final del blog…
  18. 18. Como anotación:Una vez publicada la entrada, para hacer un comentario (post), en el modo depublicación es tan sencillo como seleccionar el lapicero que muestra la imagen
  19. 19. ¿Qué se puede hacer? Publicar, modificar y borrar artículos. Una vez realizada nuestra primera publicación, podremos hacer varias cosas: – Ver el blog (ya sea desde la misma ventana o abriendo una nueva ventana de nuestro explorador). – Editar la entrada que acabamos de publicar para modificar sus contenidos. – Crear una nueva entrada.(*) Si decidimos que nuestro trabajo en el blog ya está terminado por el día de hoy, deberemos cerrar la sesión de la cuenta de Google, ya que ésta no caduca nunca. Si alguien entrase en algún servicio Google con el ordenador que hemos estado utilizando, entraría a la cuenta que hayamos dejado abierta anteriormente, por lo cual lo mejor es cerrar sesión haciendo clic en la esquina superior derecha en salir..
  20. 20. ¿Qué se puede hacer? Publicar, modificar y borrar artículos.Si queremos modificar o borrar una entrada: debemos Seleccionar, la opción “Escritorio” yposteriormente “Editar Entradas” como muestra la imagen:
  21. 21. Desde esta opción: “editar entradas” se permite la “Gestión de Artículos”, editar, visualizar, suprimir,… Publicar, modificar y borrar artículos. Modificar un artículo Eliminar una entrada
  22. 22. y recuerda: Para gestionar el blog siempre• Una vez que accedemos a la herramienta• Como primer paso siempre acceder al escritorio.
  23. 23. El escritorio• Desde aquí como muestra la imagen podremos: • Añadir o modificar entradas • Trabajar con los comentarios • Configurar el blog • Modificar el diseño • Monetizar (rendimientos económicos) • Ver las Estadísticas de uso.
  24. 24. ¿Y ahora qué se puede hacer?• Publicar, modificar y borrar artículos.• Personalizar el blog.• Configurar el blog.
  25. 25. ¿Qué más se puede hacer?• Una vez que ya sabemos añadir entradas, las siguientes pantallas muestran como Personalizar el blog.• Para ello siempre desde la opción escritorio debemos seleccionar ”Diseño”
  26. 26. Cuando hablamos de personalizar el blog podemos:• Cambiar la estructura por defecto que nos proporciona la plantilla elegida en la fase de creación.• Cambiar la apariencia, cambiando la plantilla o los colores, fondo texto, etc.• Añadir nuevos componentes “gadgets” ya predefinidos, mediante cualquiera de las opciones añadir gadget• Modificar el contenido de los gadget existentes pulsando la opción EditarLa pantalla de personalización se muestra en la siguiente diapositiva:
  27. 27. Para personalizar el blog desde la opción DISEÑO 2) Para cambiar Apariencia: 1) Plantillas,Para cambiar 3) Para añadir Colores,la Estructura nuevos Fondo,de la página componentes Texto.. predefinidos lista de enlaces, imágenes, encuestas, presentaciones, etc…
  28. 28. Para Personalizar el blog, podemos modificar la estructura de la página arrastrando y soltando y añadir nuevos componentes Gadget (elementos predefinidos): por ejemplo enlaces Añadir componentePero lo mejor es que lo veamos de forma práctica en el siguiente Video
  29. 29. Para Personalizar el blogsu apariencia, …, colores, fondo,… desde la opción diseño del escritorio debemos seleccionar “Diseñador de plantillas”
  30. 30. y seleccionar la opción que queremos modificar (plantilla, fondo, ajustar ancho, diseño,..) Video Explicativo
  31. 31. ¿Y ahora qué se puede hacer?• Publicar, modificar y borrar artículos.• Personalizar el blog.• Configurar el blog.
  32. 32. ¿Qué más se puede hacer?• Blogger nos permite parametrizar nuestra bitácora para por ejemplo – Cambiar el nombre de nuestro blog por ejemplo de cursoevolucioninternet.blogspot.com a cursointernet.blogspot.com – Modificar el Titulo de nuestro blog – Definir el número de artículos a mostrar (por defecto 7) – Parametrizar el uso o no de comentarios sobre los artículos – Añadir nuevos usuarios para que puedan crear contenidos. – Definir notificaciones para avisar a usuarios de actualizaciones en el blog• Todas estas opciones están accesibles desde el menú configuración, como muestra la siguiente diapositiva…
  33. 33. “Menú Configuración”, para modificar: el título, el nº de artículos a mostrar en portada o las acciones a realizar ante cada modificación Frecuencia de archivo Permitir comentario si o Creación de autores no Permisos de lectura Permisos para comentar. Opción de moderar. Etc. E- mail para recibir avisos E-mail@bloger para publicar Nº de artículos en portada. Título, Formatos deDescripción, fecha, idiomas, Eliminar el Etc. blog
  34. 34. Desde el Menú Configuración también podremos Eliminar 1º Entramos en configuración el blog 2º en la 3º Suprimimos el pestaña de blog Básico
  35. 35. ¿y qué es eso del perfil?• Además de publicar nuestras bitácoras, también podemos proporcionar información adicional sobre nosotros, como nuestra foto, cumpleaños, la ubicación, aficiones, etc., y editarlo en cualquier momento desde nuestra página de administración de perfiles.• La funcionalidad Perfil de Blogger permite a los usuarios conservar una página que les permita asociar una cara a la personalidad que inevitablemente se transmite mediante las entradas del blog.• El perfil debe considerarse un método sencillo para crear una página de datos personales que complemente el blog.
  36. 36. Para editar su perfil, debes hacer clic en Editar perfil en la columna lateral de la página Escritorio:
  37. 37. Como vemos “Editar Perfil”: permite modificar la privacidad del mismo,y la identidad, es decir, la información personal que queremos mostrar
  38. 38. Como modificaciones del Perfil también podemos añadir fotografía, cumpleaños,..
  39. 39. Cambiemos la fotografía, imagen de nuestro perfil Para ello clic en “Examinar”
  40. 40. y cambiamos el logo a mostrar,..
  41. 41. Mientras cambiamos la imagen del Perfil: el logo que muestra la herramienta es el siguiente
  42. 42. El resultado sería el siguiente:
  43. 43. Otros campos a modificar en el Perfil: ubicación, trabajo. (no son obligatorios)
  44. 44. Perfil: información ampliada
  45. 45. Y por último después de realizar las modificaciones debemos recordar seleccionar la opción “Guardar perfil”
  46. 46. En modo de ejecución quedaría de la siguiente forma: “Ver perfil”
  47. 47. Y a nivel de página principal, las modificaciones realizadas hasta ahora, se mostrarán en el Perfil en el blog, datos personales,…
  48. 48. ¿Qué podemos hacer ahora en nuestro blog?• Podemos escribir un post (artículo),• Podemos contestar a un artículo mediante un comentario.• Podemos colgar una fotografía (.jpg, .bmp, .gif...)• Podemos colgar un vídeo (.mpg, .avi, .flv...)• Podemos colgar una canción (mp3)• Podemos colgar un archivo de sonido con nuestra voz• Podemos colgar un documento. (.doc, .pdf)• Podemos colgar una presentación (.ppt)Las siguientes diapositivas indican como realizar algunas de estas acciones.
  49. 49. Insertar imágenes, videos de Internet, … antes de comenzar,.. Para insertar una imagen en nuestro blog tendremos varias posibilidades dependiendo de si: – La imagen que insertemos reside en nuestro ordenador. – La imagen ya se encuentre publicada en alguna página en internet (si conocemos su url). Para ver estas opciones debemos hacer clic en el botón “insertar imagen” de la barra de herramientas de edición que tenemos justo por encima de la ventana donde estamos escribiendo:
  50. 50. Insertar imágenes, videos de Internet, … antes de comenzar,.. Y se nos mostrará una pantalla como la siguiente: Para añadir una imagen desde nuestro equipo sólo tendremos que hacer clic sobre examinar / subir y buscar la imagen que deseemos subir al blog. Para añadir una imagen de la web lo que tendremos que saber es su dirección en internet (a esto se le llama URL) y seleccionar la opción desde URL. (*) En el caso que nos la hayamos encontrado navegando con el explorador Firefox/Mozilla simplemente haremos clic con el botón derecho del ratón sobre la imagen que nos interese y copiaremos la ruta de la imagen.
  51. 51. Insertar video de Internet, antes de comenzar,.. Para Insertar un Video debemos:  Editar nuestro blog.  Añadimos o editar una entrada existente. ejemplo “Los Blogs en la Administración Pública”  Insertamos un texto que explique qué es un blog y dos de sus posibles usos en la administración.  Pegamos el contenido del video de youtube, para ello desde youtube:  Seleccionamos Compartir (flecha roja)  Copiamos el enlace que se nos proporciona  Seleccionamos “Guardar Ahora”  Podemos ver como queda: opción “Vista Previa”
  52. 52. Insertar video de Internet En las nuevas versiones de blogger, cuando lanzamos la opción para incrustar un video, se muestra un facilitador que nos va a permitir incluso realizar búsquedas directas, únicamente debemos seleccionar el video que nos gusta….
  53. 53. http://cursoevolucioninternet.blogspot.com/ Blog de ejemplo del curso
  54. 54. Nuestro primer blog y nuestro primer artículo,…• Una vez que nos hemos creado nuestro primer blog, tal y como explica este documento. Debemos personalizarlo a vuestro gusto.• Debemos añadir nuestro primer artículo si no se nos ocurre nada podemos explicar brevemente el significado de la Web 2.0 o para qué sirve un blog. (las presentaciones te pueden servir como referencia) – Dicho artículo contendrá imagen sobre la Web 2.0 que encontremos en flickr o en la web. – Dicho artículo contendrá un video sobre la Web 2.0 que encontremos en youtube. – Dicho artículo debes insertar un enlace a otra web o a un articulo que explique qué es la web 2.0 en la wikipedia. • Para ello primero debes ver la dirección que te interesa enlazar y copiarla de la barra del navegador. Después debes marcar en tu artículo la palabra que llevará el enlace, pulsas sobre el icono de la "cadena" y pegas la dirección previamente copiada (con la opción "pegar" o CTRL+V).
  55. 55. Nuestro primer blog y nuestro primer artículo,…• Accede a la administración de tu blog y añade en la barra lateral: – Una lista de vínculos con enlaces a las páginas web o blogs que quieras proponer a tus lectores (al menos 3). – Una encuesta – Una presentación de slideshare (http://www.slideshare.net/) – Modifica algunos datos básicos de tu perfil. – Cuando realices la práctica de dropbox añade un pdf en tu carpeta public y coloca un enlace desde tu barra lateral.
  56. 56. Nuestro primer blog y nuestro primer artículo,…• Una vez terminado vuestro blog deberemos añadir en el blog del curso http://cursoevolucioninternet.blogspot.com/ En el artículo donde indica la tarea a realizar, un post con la dirección –url- de nuestro nuevo blog.• Todos los resultados serán añadidos como enlaces para que podamos compartir nuestras experiencias .
  57. 57. Finalmente Vamos a trabajar el aspecto paramóviles• Parametriza ahora cómo quieres que se vea en un móvil :• http://cursoevolucioninternet2011.blogspot.com/?m=1
  58. 58. Vamos a trabajar con Gadgets• Por si todavía tienes tiempo o quieres practicar en casa puedes trabajar con los Gadgets / Widget: – Como Ejemplo añade el tiempo en tu ciudad : http://www.tiempo.com/widget/ – Direcciones interesantes: • http://www.gadgetsblogger.com/search/label/Gadgets%20Utiles • http://www.blogtecnia.com/2009/11/recopilatorio-widgets-gadgets-para-tu.html • Colección de Google – http://www.google.com/ig/directory?synd=open&cat=all&start=48 – http://www.widgetbox.com – pero tenemos cientos …• Merece la pena recordar el concepto con este Video Explicativo
  59. 59. Documentación• Enlaces interesantes con manuales de blogger: – http://www.finanzasparatodos.es/gepeese/es/inicio/utilidadesAyuda/manuales/Tutorial_Blog ger.pdf – http://www.monografias.com/trabajos-pdf/crear-blog-con-blogger/crear-blog-con-blogger.pdf Blog Oficial de Blogger con sus novedades: http://googleblog.blogspot.com/

×