SlideShare una empresa de Scribd logo
1 de 42
UNIVERSIDAD TECNICA
     DE AMBATO

  Facultad: Ciencias Humanas y de la Educación



           Carrera: Educación Básica



             MÓDULO: NTIC’s
TEMA: PUBLICACIÓN EN
        BLOG

   Nivel/paralelo: Segundo Semestre “B”

      Docente: Ing. Patricio Córdova

               Integrantes:

              Mercy Torres

               Franklin Quile

               Paola Paredes

               Mayra Catota
BLOG

Un blog, en español también bitácora digital o simplemente bitácora un sitio
web periódicamente actualizado que recopila cronológicamente textos
o artículos de uno o varios autores, donde el autor conserva siempre la libertad
de dejar publicado lo que crea pertinente.

Habitualmente, en cada artículo de un blog, los lectores pueden escribir sus
comentarios y el autor darles respuesta, de forma que es posible establecer un
diálogo.
1º Crear nuestro blog en blog ger



                      Lo primero que vamos a hacer es ir a
                      www.blogger.com y pincharemos sobre
                      el botón que pone Createyour blog
                      now:
En choose a username , vamos a poner un nombre de usuario para
identificarnos en Blogger , esto no tiene nada que ver con el futuro
Blog que vamos a crear

En Display Name pondremos nuestro nick o nombre que se vea
cuando publiquemos un post por ejemplo

Una vez rellenados los datos, pulsaremos sobre Continue:

En Blog title pondremos el título de nuestro blog.
UNA VEZ RELLENADO,
                                          PRESIONAREMOS SOBRE
En el ejemplo , hemos puesto de           CONTINUE

título para el blog Tutorial Blogger, y
en Blog Address ,
http://tutorialblogger.blogspot.com
Aquí escogeremos la apariencia de nuestro blog , como
 veréis, hay muchos estilos para escoger , presionando
 sobre el icono de la lupa, veremos un ejemplo para
 decidirnos mejor.


Presionamos sobre el que queramos
escoger, y le daremos a Continue:
Este es el mensaje de
confirmación de que nuestro
blog ha sido creado con éxito,
pulsaremos sobre Start posting
para comenzar a postear con
Blogger.
2º Publicar nuestro mensaje


Esta es la primera ventana que         En Title, pondremos el título del
veremos, es directamente, para poner   post que vayamos a poner
un contenido, podemos no ponerlo
                                       En el resto, podremos el contenido
ahora, pero si queremos, el proceso
                                       Para lo demás , podemos ayudarnos
es el siguiente.
                                       de las herramientas estilo Wordpad,
                                       o editarlo en HTML directamente.
Para el ejemplo, he puesto de
título "Prueba”, y el siguiente
texto en su interior

Una vez decidido lo que vayamos
a publicar, presionaremos sobre
Publish Post para publicarlo.
 Este es el mensaje de confirmación de que nuestro post ha sido publicado
con éxito , presionando sobre View Blog, podremos ver cómo ha quedado:
La imagen está puesta pequeña
                                  • Previous post, una
y cortados los bordes, pero asi
                                    recopilación de enlaces a posts
veremos de manera fácil como        anteriores
ha quedado el resultado.          • Archives, es un archivo de
                                    posts anteriores, clasificados
En About me, aparece
                                    por meses.
información sobre el autor del
Blog
3º Configurar el blog
                                          Iremos a la pestañaSettings
                                          En Title , podemos personalizar el
                                         título de nuestro blog
Este paso es opcional, es solo
                                         
algunas reseñas para personalizarlo a     En Description , una descripción
nuestro gusto, o para eliminar el blog   del blog para quien nos visite por
                                         ejemplo , pueda verlo
                                          Las otras opciones no deberíamos
                                         tocarlas preferentemente
Abajo, en Global settings, si
presionamos sobre SaveChanges,
salvaremos los cambios que
hayamos hecho, y si presionamos
sobre Dropthis Blog,
eliminaremos nuestro blog
completamente
Presionando sobre members,
podemos invitar a otras
personas a hacerse miembros
de nuestro blog, para que
puedan publicar posts , nos
ayuden en nuestro blog etc,
Ponemos arriba su dirección de email, para poder invitar, hasta a 3
personas a la vez, y en Message , un mensaje explicativo que saldrá en
el email. una vez que ellos reciban el email.
 La opción de Template nos           Hoy en día los blogs están en

permite configurar, si sabemos        alza, muchas personas quieren
                                      tener su espacio en Internet
algo de html , nuestro blog en si ,
                                      para publicar sus opiniones, sus
como si editáramos una página
                                      experiencias,etc. , y la forma
web.
                                      más sencilla y fácil es con un
                                      Blog , o también llamado
                                      Weblog.
I N S E R TA R V Í D E O E N E L B L O G


 Podemos encontrar multitud de    Insertar vídeo en el blog el modo
vídeos en la red: Www .YouTube    de insertar un vídeo en nuestro blog
.Com Http://video. Google .Es/    de bloggeres muy sencillo.
Www .Metacafe . Com Www           Localizamos la palabra embed
.Dailymotion .Com.                Copiamos el código HTML Lo
                                  pegamos en la entrada que estemos
                                  escribiendo.
INSERTAR VÍDEO EN EL
                                  BLOG EN
                                  GOOGLEVIDEO
 Insertar vídeo en el blog
copiamos el código y lo pegamos
                                  Pinchamos en “integrar
en el post en youtube.
                                  html” y nos aparecerá el
                                  código que tenemos que
                                  copiar y pegar en la entrada
                                  que estemos escribiendo.
INSERTAR VÍDEOEN EL
BLOG


El proceso es muy similar en el
resto de alojamientos de vídeo.
En algunos, como por ejemplo
dailymotion, es necesario
registrarse para poder continuar
con la operación.
COOL TEXT



 Cool Text es un servicio en línea gratuito que te permite crear tus
propios logos y botones con solo un par de click, simplemente se
selecciona el estilo del logo, se escribe el texto.
Obviamente los logos creados en Cool Text no son nada del otro
mundo, pero te pueden sacar de más de un apuro si lo único que
necesitas es un efecto de texto rápido y resultón.
 Una vez elegida tu plantilla de diseño, pasas a la página de
personalización. Según el que hayas escogido, podrás cambiar
colores, tamaño del texto, fuente.
Hablando de fuentes, en Cool Text tienes un montón para elegir.
Incluso puedes usar la página sólo para conseguir nuevas fuentes, ya
que cada una de ellas incluye un enlace de descarga.
 Una vez lo has configurado
todo a tu gusto, no tienes más que
hacer clic en el botón "Render
Logo" y en unos momentos lo
tendrás listo para descargar, enviar
por email, obtener el código
HTML correspondiente o volver
atrás por si quieres cambiar algo.
Para pegarlo en muestro blog
como título:


  Guardamos la imagen en
 nuestra PC .

  Regresamos al blog.

  Seleccionamos el comando
 diseño y la opción editar
 cabecera.
 En ubicación seleccionamos
la opción “en lugar del título y la
descripción”.

 Y por último guardar.
VO K I


 Voki es una herramienta              Este "voki" resultante lo
interesante que podemos tomar         podemos insertar en una página
para el aula de idiomas (excelente,
                                      web, blog, wiki, etc. o bien
para inglés). Se trata de un widget
                                      enviarlo por correo electrónico e
(como un "extra") gratuito que
                                      incluso por móvil.
produce un "voki" o personaje
(avatar) que se mueve y habla el
texto que le introducimos.
 Una de las cosas que hace
interesante esta herramienta es que
nos permite personalizar el
producto final:
APLICACIÓN EN EL AULA


Se pueden crear "vokis", para después insertarlos en la página de clase, o
enviarlos por correo, de forma personalizada (de este modo,
introducimos también un factor comunicativo muy importante). Aunque
NUNCA debemos olvidar que el texto verbal producido es de una
MÁQUINA.


 Y no sólo eso, también te proporcionan un código HTML para que
 lo incluyas en tu blog, perfil de tu red social favorita .
Para lo cual:


 Copiamos el código HTML de la imagen.
 Pegamos el código en la página de nueva entrada del blog en
  la opción “edición de HTML.”
 Clic en “guardar ahora” y “publicar entrada”
Por último clic en “Ver blog” aquí observaremos la
publicación hecha
TEXTANIM

TextAnim, es una aplicación web completamente gratuita, que nos
permite crear banners de texto animados para nuestras páginas web
de manera realmente sencilla.
La aplicación cuenta con una
interfaz muy sencilla de utilizar, la
cual cuenta con varias
herramientas que nos permiten
personalizar por completo
nuestros banners, solo tendremos
que escribir el texto que
deseamos, personalizar su fuente y
tamaño, algún color para el fondo.
Para publicarla en el blog
 Guardamos la imagen en la PC
 En creación de entradas seleccionamos la opción redactar
 Insertar imagen seleccionar desde archivo.
Elegimos la imagen que deseamos publicar, clic en
“guardar ahora” y “publicar entrada”.




 Para visualizar la imagen publicada hacemos clic en ver blog
PAGEPLUGINS

Es una página donde encontraremos muchos widgets y animaciones
flash para nuestro blog, como calendarios, contadores, texto con
efecto glitter, relojes, etc.

Una página con muchas utilidades
A continuación podemos modificar la imagen cambiando
su contenido; para publicarlo en nuestro blog es necesario
copiar el código y;
Pegarlo en la ventana de nueva entrada del blog en la opción “entrada
de HTML”.




                                  Para visualizar la publicación hacemos
                                  clic sobre el comando “ver blog”
GIFS

 Página web que permite crear y guardar imágenes con extensión
gis para poder usarlas luego en nuestra página de Blog, Facebook…
 Seleccionamos la categoría
que deseamos entre las varias
que existen al lado izquierdo de
la página

 Una vez seleccionada la
imagen damos clic derecho
“guardar imagen”.
 Para publicar la imagen en el Blog:
 En nueva entrada seleccionamos la
opción redactar e insertar imagen.
 Seleccionamos la imagen que
deseamos publicar. Abrir
 Por último seleccionamos el
comando añadir imagen.
Para publicar en el Blog
• Clic en nueva entrada seleccionar la pestaña “redactar”
• Insertar imagen
• Clic en “guardar ahora” y “publicar entrada”.

                                   Para visualizar la publicación clic
                                   en “Ver Blog”.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (9)

Trucos de Blogger
Trucos de BloggerTrucos de Blogger
Trucos de Blogger
 
Manual Blog-Blogger
Manual Blog-BloggerManual Blog-Blogger
Manual Blog-Blogger
 
Cómo hacer blogs
Cómo hacer blogsCómo hacer blogs
Cómo hacer blogs
 
Creación blog con Blogger
Creación blog con BloggerCreación blog con Blogger
Creación blog con Blogger
 
Crearblog
CrearblogCrearblog
Crearblog
 
Cmo crear un_blog
Cmo crear un_blogCmo crear un_blog
Cmo crear un_blog
 
Desarrollo De Un Blog
Desarrollo De Un BlogDesarrollo De Un Blog
Desarrollo De Un Blog
 
Blog
BlogBlog
Blog
 
Tutorial para crear_un_blog
Tutorial para crear_un_blogTutorial para crear_un_blog
Tutorial para crear_un_blog
 

Destacado

Destacado (8)

La web 2.0
La web 2.0La web 2.0
La web 2.0
 
presentacion HMES
presentacion HMESpresentacion HMES
presentacion HMES
 
Practica 02
Practica 02Practica 02
Practica 02
 
Interneteko baliabideen zerrenda1
Interneteko baliabideen zerrenda1Interneteko baliabideen zerrenda1
Interneteko baliabideen zerrenda1
 
Formación..fp
Formación..fpFormación..fp
Formación..fp
 
Usodelaspdi
UsodelaspdiUsodelaspdi
Usodelaspdi
 
10 2
10 210 2
10 2
 
Manual programacion android
Manual programacion androidManual programacion android
Manual programacion android
 

Similar a Diapositivas ntics

Manual para hacer un blog2
Manual para hacer un blog2Manual para hacer un blog2
Manual para hacer un blog2Albe Rincon
 
Crear un blog con blogger
Crear un blog con bloggerCrear un blog con blogger
Crear un blog con bloggergabriellucas
 
Tutorial blogger
Tutorial bloggerTutorial blogger
Tutorial bloggerAdri_Acb2
 
Blogger
BloggerBlogger
BloggerRake1
 
Creacion de blogs
Creacion de blogsCreacion de blogs
Creacion de blogsH Trujillo
 
Tutorial Para Crear Un Blog
Tutorial Para Crear Un BlogTutorial Para Crear Un Blog
Tutorial Para Crear Un Blogkinder2008
 
Tutorial para Crear Un Blog en blogger.com
Tutorial para Crear Un Blog en blogger.comTutorial para Crear Un Blog en blogger.com
Tutorial para Crear Un Blog en blogger.comkinder2008
 
Tutorial Para Crear Un Blog
Tutorial Para Crear Un BlogTutorial Para Crear Un Blog
Tutorial Para Crear Un Blogkinder2008
 
Tutorial Para Crear Un Blog
Tutorial Para Crear Un BlogTutorial Para Crear Un Blog
Tutorial Para Crear Un Blogkinder2008
 
Presentacion como crear un blog
Presentacion como crear un blogPresentacion como crear un blog
Presentacion como crear un blogiosuisa
 

Similar a Diapositivas ntics (20)

Blog
BlogBlog
Blog
 
Blogs
BlogsBlogs
Blogs
 
Blog
BlogBlog
Blog
 
Blog
BlogBlog
Blog
 
CREACION DE BLOG
CREACION DE BLOGCREACION DE BLOG
CREACION DE BLOG
 
Presentación
PresentaciónPresentación
Presentación
 
presentacion
presentacionpresentacion
presentacion
 
Manual para hacer un blog2
Manual para hacer un blog2Manual para hacer un blog2
Manual para hacer un blog2
 
Blogger
BloggerBlogger
Blogger
 
Blogger
BloggerBlogger
Blogger
 
Blogger
BloggerBlogger
Blogger
 
Crear un blog con blogger
Crear un blog con bloggerCrear un blog con blogger
Crear un blog con blogger
 
Tutorial blogger
Tutorial bloggerTutorial blogger
Tutorial blogger
 
Blogger
BloggerBlogger
Blogger
 
Creacion de blogs
Creacion de blogsCreacion de blogs
Creacion de blogs
 
Tutorial Para Crear Un Blog
Tutorial Para Crear Un BlogTutorial Para Crear Un Blog
Tutorial Para Crear Un Blog
 
Tutorial para Crear Un Blog en blogger.com
Tutorial para Crear Un Blog en blogger.comTutorial para Crear Un Blog en blogger.com
Tutorial para Crear Un Blog en blogger.com
 
Tutorial Para Crear Un Blog
Tutorial Para Crear Un BlogTutorial Para Crear Un Blog
Tutorial Para Crear Un Blog
 
Tutorial Para Crear Un Blog
Tutorial Para Crear Un BlogTutorial Para Crear Un Blog
Tutorial Para Crear Un Blog
 
Presentacion como crear un blog
Presentacion como crear un blogPresentacion como crear un blog
Presentacion como crear un blog
 

Diapositivas ntics

  • 1. UNIVERSIDAD TECNICA DE AMBATO Facultad: Ciencias Humanas y de la Educación Carrera: Educación Básica MÓDULO: NTIC’s
  • 2. TEMA: PUBLICACIÓN EN BLOG Nivel/paralelo: Segundo Semestre “B” Docente: Ing. Patricio Córdova Integrantes: Mercy Torres Franklin Quile Paola Paredes Mayra Catota
  • 3. BLOG Un blog, en español también bitácora digital o simplemente bitácora un sitio web periódicamente actualizado que recopila cronológicamente textos o artículos de uno o varios autores, donde el autor conserva siempre la libertad de dejar publicado lo que crea pertinente. Habitualmente, en cada artículo de un blog, los lectores pueden escribir sus comentarios y el autor darles respuesta, de forma que es posible establecer un diálogo.
  • 4. 1º Crear nuestro blog en blog ger Lo primero que vamos a hacer es ir a www.blogger.com y pincharemos sobre el botón que pone Createyour blog now:
  • 5. En choose a username , vamos a poner un nombre de usuario para identificarnos en Blogger , esto no tiene nada que ver con el futuro Blog que vamos a crear En Display Name pondremos nuestro nick o nombre que se vea cuando publiquemos un post por ejemplo Una vez rellenados los datos, pulsaremos sobre Continue: En Blog title pondremos el título de nuestro blog.
  • 6. UNA VEZ RELLENADO, PRESIONAREMOS SOBRE En el ejemplo , hemos puesto de CONTINUE título para el blog Tutorial Blogger, y en Blog Address , http://tutorialblogger.blogspot.com
  • 7. Aquí escogeremos la apariencia de nuestro blog , como veréis, hay muchos estilos para escoger , presionando sobre el icono de la lupa, veremos un ejemplo para decidirnos mejor. Presionamos sobre el que queramos escoger, y le daremos a Continue:
  • 8. Este es el mensaje de confirmación de que nuestro blog ha sido creado con éxito, pulsaremos sobre Start posting para comenzar a postear con Blogger.
  • 9. 2º Publicar nuestro mensaje Esta es la primera ventana que En Title, pondremos el título del veremos, es directamente, para poner post que vayamos a poner un contenido, podemos no ponerlo En el resto, podremos el contenido ahora, pero si queremos, el proceso Para lo demás , podemos ayudarnos es el siguiente. de las herramientas estilo Wordpad, o editarlo en HTML directamente.
  • 10. Para el ejemplo, he puesto de título "Prueba”, y el siguiente texto en su interior Una vez decidido lo que vayamos a publicar, presionaremos sobre Publish Post para publicarlo.
  • 11.  Este es el mensaje de confirmación de que nuestro post ha sido publicado con éxito , presionando sobre View Blog, podremos ver cómo ha quedado:
  • 12. La imagen está puesta pequeña • Previous post, una y cortados los bordes, pero asi recopilación de enlaces a posts veremos de manera fácil como anteriores ha quedado el resultado. • Archives, es un archivo de posts anteriores, clasificados En About me, aparece por meses. información sobre el autor del Blog
  • 13. 3º Configurar el blog  Iremos a la pestañaSettings  En Title , podemos personalizar el título de nuestro blog Este paso es opcional, es solo  algunas reseñas para personalizarlo a  En Description , una descripción nuestro gusto, o para eliminar el blog del blog para quien nos visite por ejemplo , pueda verlo  Las otras opciones no deberíamos tocarlas preferentemente
  • 14. Abajo, en Global settings, si presionamos sobre SaveChanges, salvaremos los cambios que hayamos hecho, y si presionamos sobre Dropthis Blog, eliminaremos nuestro blog completamente
  • 15. Presionando sobre members, podemos invitar a otras personas a hacerse miembros de nuestro blog, para que puedan publicar posts , nos ayuden en nuestro blog etc,
  • 16. Ponemos arriba su dirección de email, para poder invitar, hasta a 3 personas a la vez, y en Message , un mensaje explicativo que saldrá en el email. una vez que ellos reciban el email.
  • 17.  La opción de Template nos Hoy en día los blogs están en permite configurar, si sabemos alza, muchas personas quieren tener su espacio en Internet algo de html , nuestro blog en si , para publicar sus opiniones, sus como si editáramos una página experiencias,etc. , y la forma web. más sencilla y fácil es con un Blog , o también llamado Weblog.
  • 18. I N S E R TA R V Í D E O E N E L B L O G  Podemos encontrar multitud de  Insertar vídeo en el blog el modo vídeos en la red: Www .YouTube de insertar un vídeo en nuestro blog .Com Http://video. Google .Es/ de bloggeres muy sencillo. Www .Metacafe . Com Www Localizamos la palabra embed .Dailymotion .Com. Copiamos el código HTML Lo pegamos en la entrada que estemos escribiendo.
  • 19. INSERTAR VÍDEO EN EL BLOG EN GOOGLEVIDEO  Insertar vídeo en el blog copiamos el código y lo pegamos Pinchamos en “integrar en el post en youtube. html” y nos aparecerá el código que tenemos que copiar y pegar en la entrada que estemos escribiendo.
  • 20. INSERTAR VÍDEOEN EL BLOG El proceso es muy similar en el resto de alojamientos de vídeo. En algunos, como por ejemplo dailymotion, es necesario registrarse para poder continuar con la operación.
  • 21. COOL TEXT  Cool Text es un servicio en línea gratuito que te permite crear tus propios logos y botones con solo un par de click, simplemente se selecciona el estilo del logo, se escribe el texto.
  • 22. Obviamente los logos creados en Cool Text no son nada del otro mundo, pero te pueden sacar de más de un apuro si lo único que necesitas es un efecto de texto rápido y resultón.
  • 23.  Una vez elegida tu plantilla de diseño, pasas a la página de personalización. Según el que hayas escogido, podrás cambiar colores, tamaño del texto, fuente.
  • 24. Hablando de fuentes, en Cool Text tienes un montón para elegir. Incluso puedes usar la página sólo para conseguir nuevas fuentes, ya que cada una de ellas incluye un enlace de descarga.
  • 25.  Una vez lo has configurado todo a tu gusto, no tienes más que hacer clic en el botón "Render Logo" y en unos momentos lo tendrás listo para descargar, enviar por email, obtener el código HTML correspondiente o volver atrás por si quieres cambiar algo.
  • 26. Para pegarlo en muestro blog como título:  Guardamos la imagen en nuestra PC .  Regresamos al blog.  Seleccionamos el comando diseño y la opción editar cabecera.
  • 27.  En ubicación seleccionamos la opción “en lugar del título y la descripción”.  Y por último guardar.
  • 28. VO K I  Voki es una herramienta  Este "voki" resultante lo interesante que podemos tomar podemos insertar en una página para el aula de idiomas (excelente, web, blog, wiki, etc. o bien para inglés). Se trata de un widget enviarlo por correo electrónico e (como un "extra") gratuito que incluso por móvil. produce un "voki" o personaje (avatar) que se mueve y habla el texto que le introducimos.
  • 29.  Una de las cosas que hace interesante esta herramienta es que nos permite personalizar el producto final:
  • 30. APLICACIÓN EN EL AULA Se pueden crear "vokis", para después insertarlos en la página de clase, o enviarlos por correo, de forma personalizada (de este modo, introducimos también un factor comunicativo muy importante). Aunque NUNCA debemos olvidar que el texto verbal producido es de una MÁQUINA. Y no sólo eso, también te proporcionan un código HTML para que lo incluyas en tu blog, perfil de tu red social favorita .
  • 31. Para lo cual:  Copiamos el código HTML de la imagen.  Pegamos el código en la página de nueva entrada del blog en la opción “edición de HTML.”  Clic en “guardar ahora” y “publicar entrada”
  • 32. Por último clic en “Ver blog” aquí observaremos la publicación hecha
  • 33. TEXTANIM TextAnim, es una aplicación web completamente gratuita, que nos permite crear banners de texto animados para nuestras páginas web de manera realmente sencilla. La aplicación cuenta con una interfaz muy sencilla de utilizar, la cual cuenta con varias herramientas que nos permiten personalizar por completo nuestros banners, solo tendremos que escribir el texto que deseamos, personalizar su fuente y tamaño, algún color para el fondo.
  • 34. Para publicarla en el blog  Guardamos la imagen en la PC  En creación de entradas seleccionamos la opción redactar  Insertar imagen seleccionar desde archivo.
  • 35. Elegimos la imagen que deseamos publicar, clic en “guardar ahora” y “publicar entrada”. Para visualizar la imagen publicada hacemos clic en ver blog
  • 36. PAGEPLUGINS Es una página donde encontraremos muchos widgets y animaciones flash para nuestro blog, como calendarios, contadores, texto con efecto glitter, relojes, etc. Una página con muchas utilidades
  • 37. A continuación podemos modificar la imagen cambiando su contenido; para publicarlo en nuestro blog es necesario copiar el código y;
  • 38. Pegarlo en la ventana de nueva entrada del blog en la opción “entrada de HTML”. Para visualizar la publicación hacemos clic sobre el comando “ver blog”
  • 39. GIFS  Página web que permite crear y guardar imágenes con extensión gis para poder usarlas luego en nuestra página de Blog, Facebook…
  • 40.  Seleccionamos la categoría que deseamos entre las varias que existen al lado izquierdo de la página  Una vez seleccionada la imagen damos clic derecho “guardar imagen”.
  • 41.  Para publicar la imagen en el Blog:  En nueva entrada seleccionamos la opción redactar e insertar imagen.  Seleccionamos la imagen que deseamos publicar. Abrir  Por último seleccionamos el comando añadir imagen.
  • 42. Para publicar en el Blog • Clic en nueva entrada seleccionar la pestaña “redactar” • Insertar imagen • Clic en “guardar ahora” y “publicar entrada”. Para visualizar la publicación clic en “Ver Blog”.