CIS




      Weblogs
      Diseño e implementación

                        Sandro Miguel Honores Vasquez
El blog o weblogs es un sitio web
que permita la edición y publicación
de información multimedia de
forma cronológica inversa y rápida.
El blog se asemeja a un diario, cuaderno o bitacora.
Esta herramienta es propia de la Web 2.0 y puede ser
gratuita o de pago.
Servidores de Blogs
       Blogger

      Wordpress

        Bligoo

        Tumblr
Creando un Blog en Blogger
Primeros pasos en Blogger
• Ir al sitio web de
  blogger y hacer
  clic en comenzar
• Recuerde que es
  recomendable
  usar su cuenta de
  Gmail
• En el paso 1, UD. Debe
  crear su cuenta
• Usar su correo de Gmail
  o de otra servidor de
  correo electrónico
• Anotar la contraseña
  empleada
• En el segundo paso usted debe decidir el título de su blog y la
  dirección online de su blog.
• Recuerde que debe ser una dirección corta, creativa y de fácil
  recuerdo.
• Elegir la
  plantilla
  deseada
• Finalmente empezar a publicar:
Menú de opciones




                                                              Inserción
              Herramientas                          Mas       de embed
Deshacer-                      Herramientas
                                                               de otros
 Rehacer      de edición de    para insertar   herramientas
                  texto        hipervínculo,    edición de    sitios web
                                imágenes,
                                  videos
                                                   texto




   Publicar
   entrada
• Una vez publicada
  la entrada se
  puede visualizar




• Para salir ir a la
  zona superior
  derecha: salir
• Para volver a acceder a
  ir a blogger.com e
  iniciar sesión.
• Al ingresar por primera vez con tu usuario te solicitan
  verificar tu cuenta. Sin embargo puedes “Seguir
  utilizando el servicio”
• Finalmente accedes al escritorio de blogger


                                                Para crear
                                                otro blog

Para editar
  perfil




                                  Para editar
                    Para crear
                                  entradas ya
                  nueva entrada
                                    creadas
• Si hacemos clic en editar entradas podemos
  visualizar todas las entradas, modificarlas y
  suprimirlas
Herramientas de inserción en
         blogger
Insertar un hipervínculo
• Seleccionar el texto o
  la imagen que será
  enlazada a una
  dirección web.



               Aquí pegar
              la dirección
                  web
Inserción de imágenes
• Ir al botón insertar
  imagen
• En la nueva ventana
  elegir el archivo a subir
  de su PC
• También puede subir
  el archivo de imagen
  de la web (url)
• Finalmente “Añadir
  imagen seleccionada”
Insertar Video
• Ir al botón insertar
  video
• Seleccionar la opción
  deseada.
• Al hacer clic en la imagen se accede a otras
  opciones de edición:
Insertando Gadget
Gadget ImageShef
• Ir a:
  http://www.imagechef.com/
• Ir a mezclador poético
• Añadir 3 imágenes y
  las palabras claves
• Visualizar para ver los
  cambios
• Copiar el código para
  insertar en blogger
• Ir a
  Diseño, elementos
  de página
• Ir hacia la columna
  derecha, añadir
  gadget
• Elegir: HTML
• Pegar el código y
  editar el tamaño a
  250x250
Gadget Encuesta
• Ir a añadir Gadget y
  seleccionar encuesta
• Editar la pregunta y
  respuesta y
  «Guardar»
Gadget Voki (Avatar)
• Ir a http://www.voki.com, luego ir a create.
Personalizar
                el personaje


                Añadir voz al
                 personaje




                Añadir marco




Añadir fondo   Publicar
• Finalmente publicar y
  añadir un titulo y
  «save»
• En la nueva ventana
  ir a «No…»
• Finalmente aparece
  la ventana para
  seleccionar el
  tamaño deseado y el
  código de inserción.
• Este código debe ser
  pegado en insertar
  gadget/Html
Gadget Cbox
• Ir a
  http://www.cbox.ws/




• Hacer clic en:
• Completar el formulario, elegir el estilo y
  luego «Create my Cbox»
• Cbox te enviara un mensaje al email del registro
  para poder acceder al código de inserción.
• Usted debe ingresar su usuario (nombre del cbox)
  y su contraseña en Cbox
• Copiar el código
  generado en
  blogger.
Diseñador de Plantillas
• Para modificar el diseño del blog, ir a
  Diseño/Diseñador de plantillas
• Notese que se muestran la plantilla activa en el blog y
  las diversas plantillas
• Para aplicar un tipo de “Vista dinámica” ir a esa opción
Aplicar al
                             blog
Opciones
de edición   Seleccionar
              el tipo de
               plantilla
Actividad
• Crea tu blog y añade los objetos vistos en el
  taller
• Ir a http://www.goear.com y añadir música a
  tu blog

Weblogs

  • 1.
    CIS Weblogs Diseño e implementación Sandro Miguel Honores Vasquez
  • 2.
    El blog oweblogs es un sitio web que permita la edición y publicación de información multimedia de forma cronológica inversa y rápida.
  • 3.
    El blog seasemeja a un diario, cuaderno o bitacora. Esta herramienta es propia de la Web 2.0 y puede ser gratuita o de pago.
  • 4.
    Servidores de Blogs Blogger Wordpress Bligoo Tumblr
  • 5.
    Creando un Blogen Blogger
  • 6.
    Primeros pasos enBlogger • Ir al sitio web de blogger y hacer clic en comenzar • Recuerde que es recomendable usar su cuenta de Gmail
  • 7.
    • En elpaso 1, UD. Debe crear su cuenta • Usar su correo de Gmail o de otra servidor de correo electrónico • Anotar la contraseña empleada
  • 8.
    • En elsegundo paso usted debe decidir el título de su blog y la dirección online de su blog. • Recuerde que debe ser una dirección corta, creativa y de fácil recuerdo.
  • 9.
    • Elegir la plantilla deseada
  • 10.
  • 11.
    Menú de opciones Inserción Herramientas Mas de embed Deshacer- Herramientas de otros Rehacer de edición de para insertar herramientas texto hipervínculo, edición de sitios web imágenes, videos texto Publicar entrada
  • 12.
    • Una vezpublicada la entrada se puede visualizar • Para salir ir a la zona superior derecha: salir
  • 13.
    • Para volvera acceder a ir a blogger.com e iniciar sesión.
  • 14.
    • Al ingresarpor primera vez con tu usuario te solicitan verificar tu cuenta. Sin embargo puedes “Seguir utilizando el servicio”
  • 15.
    • Finalmente accedesal escritorio de blogger Para crear otro blog Para editar perfil Para editar Para crear entradas ya nueva entrada creadas
  • 16.
    • Si hacemosclic en editar entradas podemos visualizar todas las entradas, modificarlas y suprimirlas
  • 17.
  • 18.
    Insertar un hipervínculo •Seleccionar el texto o la imagen que será enlazada a una dirección web. Aquí pegar la dirección web
  • 19.
    Inserción de imágenes •Ir al botón insertar imagen • En la nueva ventana elegir el archivo a subir de su PC • También puede subir el archivo de imagen de la web (url) • Finalmente “Añadir imagen seleccionada”
  • 20.
    Insertar Video • Iral botón insertar video • Seleccionar la opción deseada.
  • 21.
    • Al hacerclic en la imagen se accede a otras opciones de edición:
  • 22.
  • 23.
    Gadget ImageShef • Ira: http://www.imagechef.com/ • Ir a mezclador poético
  • 24.
    • Añadir 3imágenes y las palabras claves • Visualizar para ver los cambios
  • 25.
    • Copiar elcódigo para insertar en blogger
  • 26.
    • Ir a Diseño, elementos de página • Ir hacia la columna derecha, añadir gadget
  • 27.
    • Elegir: HTML •Pegar el código y editar el tamaño a 250x250
  • 28.
    Gadget Encuesta • Ira añadir Gadget y seleccionar encuesta • Editar la pregunta y respuesta y «Guardar»
  • 29.
    Gadget Voki (Avatar) •Ir a http://www.voki.com, luego ir a create.
  • 30.
    Personalizar el personaje Añadir voz al personaje Añadir marco Añadir fondo Publicar
  • 31.
    • Finalmente publicary añadir un titulo y «save» • En la nueva ventana ir a «No…»
  • 32.
    • Finalmente aparece la ventana para seleccionar el tamaño deseado y el código de inserción. • Este código debe ser pegado en insertar gadget/Html
  • 33.
    Gadget Cbox • Ira http://www.cbox.ws/ • Hacer clic en:
  • 34.
    • Completar elformulario, elegir el estilo y luego «Create my Cbox»
  • 35.
    • Cbox teenviara un mensaje al email del registro para poder acceder al código de inserción. • Usted debe ingresar su usuario (nombre del cbox) y su contraseña en Cbox
  • 36.
    • Copiar elcódigo generado en blogger.
  • 38.
  • 39.
    • Para modificarel diseño del blog, ir a Diseño/Diseñador de plantillas
  • 40.
    • Notese quese muestran la plantilla activa en el blog y las diversas plantillas • Para aplicar un tipo de “Vista dinámica” ir a esa opción
  • 41.
    Aplicar al blog Opciones de edición Seleccionar el tipo de plantilla
  • 42.
    Actividad • Crea tublog y añade los objetos vistos en el taller • Ir a http://www.goear.com y añadir música a tu blog