17
Unidad 4 - 5º Año - Colegio Belén - 79 - La creación de entradas El contenido del blog se expresa principalmente en sus entradas, que no solamente incluirán texto, sino también elementos interactivos y multimedia, como se verá más adelante. Crear Entradas Nuevas Para crear una entrada nueva deben seguirse los siguientes pasos: 1. Hacer clic sobre el botón Entrada Nueva. 2. Aparecerá la ventana del Editor de Entrada. El editor de entrada tiene dos formas de verse: Redactar o HTML1. Usaremos la vista redactar para: Textos Imágenes Videos subidos desde nuestra computadora Usaremos la vista HTML para Embeber videos desde youtube Embeber presentaciones desde Slideshare 3. El primer paso es Título un nombre a la entrada. Con este título es con el que aparecerá en el listado de entradas del Blog. Es importante recordarlo para poder identificarla posteriormente. 1 HTML significa HyperText Markup Language. Es el lenguaje en que se escriben los millones de páginas que hoy existen en el World Wide Web. Cuando accedemos a uno de estas páginas, los navegadores (Internet Explorer, Google Chrome o Mozilla Firefox) los interpreta y los muestra.

Unidad 4 - 5º Año - Colegio Belén La creación de entradasecaths1.s3.amazonaws.com/informaticaquintocolegiobelen/456840584... · Unidad 4 - 5º Año - Colegio Belén - 81-una barra

Embed Size (px)

Citation preview

Page 1: Unidad 4 - 5º Año - Colegio Belén La creación de entradasecaths1.s3.amazonaws.com/informaticaquintocolegiobelen/456840584... · Unidad 4 - 5º Año - Colegio Belén - 81-una barra

Unidad 4 - 5º Año - Colegio Belén - 79 -

La creación de entradas El contenido del blog se expresa principalmente en sus entradas, que no solamente incluirán texto, sino también

elementos interactivos y multimedia, como se verá más adelante.

Crear Entradas Nuevas Para crear una entrada nueva deben seguirse los siguientes pasos:

1. Hacer clic sobre el botón Entrada Nueva.

2. Aparecerá la ventana del Editor de Entrada. El editor de entrada tiene dos formas de verse: Redactar

o HTML1.

Usaremos la vista redactar para:

Textos

Imágenes

Videos subidos desde nuestra computadora

Usaremos la vista HTML para

Embeber videos desde youtube

Embeber presentaciones desde Slideshare

3. El primer paso es Título un nombre a la entrada. Con este título es con el que aparecerá en el

listado de entradas del Blog. Es importante recordarlo para poder identificarla posteriormente.

1 HTML significa HyperText Markup Language. Es el lenguaje en que se escriben los millones de páginas que hoy existen en el World Wide Web. Cuando accedemos a uno de estas páginas, los navegadores (Internet Explorer, Google Chrome o Mozilla Firefox) los

interpreta y los muestra.

Page 2: Unidad 4 - 5º Año - Colegio Belén La creación de entradasecaths1.s3.amazonaws.com/informaticaquintocolegiobelen/456840584... · Unidad 4 - 5º Año - Colegio Belén - 81-una barra

Unidad 4 - 5º Año - Colegio Belén - 80 -

4. A las entradas podemos:

Publicar: para que se vea en el blog. Una vez que publicamos por primera vez este botón

cambia a Actualizar.

Guardar: almacena la entrada pero no se ve en el Blog.

Vista previa: abre una ventana nueva en donde se muestra la entrada tal cual como se verá

en el Blog.

Insertar texto Para insertar texto basta con posicionar el cursor y escribir. Podemos también copiar y pegar desde otro archivo

u otra página web.

Cuando copiamos texto de una página web puede suceder que copiemos también los vínculos o enlaces. En el

caso de querer borrarlos basta con ubicar el cursor en cualquier parte del texto que posee el vínculo y aparecerá

Page 3: Unidad 4 - 5º Año - Colegio Belén La creación de entradasecaths1.s3.amazonaws.com/informaticaquintocolegiobelen/456840584... · Unidad 4 - 5º Año - Colegio Belén - 81-una barra

Unidad 4 - 5º Año - Colegio Belén - 81 -

una barra celeste ubicada por debajo con las opciones para manipularlo. Al final está la opción de Eliminar. Esta

opción elimina el hipervínculo.

A los textos le podemos dar forma. Para ello tenemos los botones para formatear el texto. Estos aparecen en la

barra superior del editor son parecidos a otros que se manejan en los programas convencionales, y si se coloca

el cursor del ratón encima de ellos, aparece una descripción del botón en un marco de texto.

Page 4: Unidad 4 - 5º Año - Colegio Belén La creación de entradasecaths1.s3.amazonaws.com/informaticaquintocolegiobelen/456840584... · Unidad 4 - 5º Año - Colegio Belén - 81-una barra

Unidad 4 - 5º Año - Colegio Belén - 82 -

Creación de un enlace Para incluir un enlace o link en el texto, hay que hacer lo siguiente:

1. Primero tenemos que seleccionar el texto que irá enlazado. En la imagen siguiente, el texto enlazado

es Google en la frase "Buscador Google":

2. A continuación, tenemos que pulsar en Enlace, que se encuentra en la barra de herramientas y señalo

con un rectángulo rojo en esta imagen:

3. Se abrirá un cuadro en el que hay que escribir la Dirección web del enlace o URL, como se muestra

en la imagen abajo. También se puede incluir una

dirección de correo electrónico con el mismo método. Y

ya tenemos el enlace creado. Junto a él se verá una

etiqueta azul con la que podemos abrir el enlace en una

nueva ventana para comprobar que lo hemos escrito bien. Si no, lo podemos cambiar o eliminar.

Editar Entradas Cuando las entradas se han creado puede suceder que deseemos realizar alguna de las siguientes acciones:

Eliminarla: en el caso de que no se desee más tenerla.

Verla: abre una ventana nueva en donde se muestra la entrada tal cual como se verá en el

Blog.

Compartirla: Esta opción es para publicarla en la red social Goggle+

Editarla: Con esta opción se puede agregar información a una entrada que ya existe.

Veamos los pasos para editar una entrada.

1. Después de ingresar al Blog, hacer clic sobre la opción Entradas.

Page 5: Unidad 4 - 5º Año - Colegio Belén La creación de entradasecaths1.s3.amazonaws.com/informaticaquintocolegiobelen/456840584... · Unidad 4 - 5º Año - Colegio Belén - 81-una barra

Unidad 4 - 5º Año - Colegio Belén - 83 -

2. Aparecerá una nueva ventana en la que aparecen el listado de entradas que tiene el Blog. Si se apunta

con el mouse a la entrada deseada aparecen debajo las opciones: Editar, Ver, Compartir, además

de Eliminar.

3. Pasaremos a la ventana del Editor de Entradas en donde se muestra el contenido de la entrada. Desde

aquí podemos agregar información o corregirla.

4. Cuando terminamos de corregir o agregar debemos hacer clic en la opción Actualizar para que los

cambios puedan reflejarse en el Blog.

Page 6: Unidad 4 - 5º Año - Colegio Belén La creación de entradasecaths1.s3.amazonaws.com/informaticaquintocolegiobelen/456840584... · Unidad 4 - 5º Año - Colegio Belén - 81-una barra

Unidad 4 - 5º Año - Colegio Belén - 84 -

Insertar IMAGEN en una entrada En Blogger resulta sencillo insertar una imagen. Esta puede provenir desde una PC, desde el mismo Blog, desde

un album de Picassa o desde una página Web. Para ello:

1. Ubicamos el cursor donde deseamos colocar la imagen.

2. Hacemos clic en el icono de Insertar imagen, destacado con un círculo rojo en la siguiente imagen

Page 7: Unidad 4 - 5º Año - Colegio Belén La creación de entradasecaths1.s3.amazonaws.com/informaticaquintocolegiobelen/456840584... · Unidad 4 - 5º Año - Colegio Belén - 81-una barra

Unidad 4 - 5º Año - Colegio Belén - 85 -

3. Aparece una ventana emergente:

4. Pulsamos en la parte izquierda la opción deseada. En el caso de subir una imagen desde la PC, se elige

Subir y luego Elegir Archivos.

5. Aparecerá un cuadro en el que deberemos elegir la carpeta y la imagen a subir.

6. Aparecerá de nuevo la ventana del Blog con la imagen que queremos subir. Marcamos la imagen con

el mouse. Luego elegimos la opción Añadir las imágenes seleccionadas.

Page 8: Unidad 4 - 5º Año - Colegio Belén La creación de entradasecaths1.s3.amazonaws.com/informaticaquintocolegiobelen/456840584... · Unidad 4 - 5º Año - Colegio Belén - 81-una barra

Unidad 4 - 5º Año - Colegio Belén - 86 -

7. Volveremos al Editor de Entradas en donde ya podremos ver nuestra imagen. Si hacemos clic sobre

ella aparece la barra celeste por debajo con las opciones para elegir el tamaño, y también podemos

alinearla en el documento.

Embeber VIDEO desde YOUTUBE en una entrada En Blogger se pueden embeber videos desde Youtube de dos maneras. Presentamos aquí aquella que es común

a la forma de embeber de otras aplicaciones como por ejemplo presentaciones desde SlaideShare. Para ello

1. En el Editor de entrada, pasar a la vista HTML y ubicar el cursor donde se desee embeber el video.

2. Ingresamos a Youtube, buscamos el video y seleccionamos el deseado. En la parte de abajo hacemos

clic en la opción Compartir y luego en Insertar. De allí se mostrará el código y los tamaños de las

ventanas de video que aparecerán en el Blog. Seleccionar y copiar el código.

Page 9: Unidad 4 - 5º Año - Colegio Belén La creación de entradasecaths1.s3.amazonaws.com/informaticaquintocolegiobelen/456840584... · Unidad 4 - 5º Año - Colegio Belén - 81-una barra

Unidad 4 - 5º Año - Colegio Belén - 87 -

Page 10: Unidad 4 - 5º Año - Colegio Belén La creación de entradasecaths1.s3.amazonaws.com/informaticaquintocolegiobelen/456840584... · Unidad 4 - 5º Año - Colegio Belén - 81-una barra

Unidad 4 - 5º Año - Colegio Belén - 88 -

3. Volver a Blogger y pegar el código copiado.

4. Volver al modo Redactar.

Añadir Videos – Forma 2 1. Hacemos clic en el icono de Insertar video, destacado con un círculo rojo en la siguiente imagen

2. Aparece una ventana emergente:

3. Pulsamos en la parte izquierda en la opción Desde Youtube.

4. En el cuadro de búsqueda escribir el título del video.

Page 11: Unidad 4 - 5º Año - Colegio Belén La creación de entradasecaths1.s3.amazonaws.com/informaticaquintocolegiobelen/456840584... · Unidad 4 - 5º Año - Colegio Belén - 81-una barra

Unidad 4 - 5º Año - Colegio Belén - 89 -

5. Aparece una lista de videos. Hacer clic sobre el video deseado.

6. Hacer Clic en el botón Seleccionar

7. El video se incluye en el editor del blog.

Cómo Dividir una entrada Una entrada permite que dejemos una introducción en la portada y se lea el texto completo en el enlace

permanente. La división de las entradas tiene muchas ventajas:

Limpia la portada de los elementos multimedia que incluimos en las entradas y que hacen lenta

la carga y la vista completa de la portada de un blog. Éste es un error muy extendido que cometen

quienes tienen conexiones muy rápidas de internet y no se dan cuenta de que muchas personas, por

un motivo u otro, no tienen esas velocidades en sus conexiones.

Contribuye a organizar el post con una introducción que informa sobre el contenido de la entrada.

Así, el lector podrá optar por leerla completa o no, lo que siempre resulta una deferencia muy apropiada.

Además, el autor del blog se obliga a crear una introducción informativa a la par que atractiva,

lo que resulta muy aconsejable sobre todo cuando la entrada es extensa.

Se pueden ver mejor las entradas que incluye un blog al estar reducidas a la introducción en la

portada. De este modo, los visitantes tendrán más información en menos tiempo y espacio, y leerán

más entradas del mismo blog, porque las tendrán más a mano.

Cómo implementar la opción de división de la entrada

1. Generalmente, la división se incluye después de una introducción que solemos escribir en un párrafo.

Por lo tanto es lo primero a realizar.

2. Cuando llegamos al final del párrafo, hacemos clic en el icono de la barra del editor que representa una

rotura (y que aquí titulan "Insertar salto de línea"), como se ve en la siguiente imagen. Entonces

aparece una línea horizontal punteada con un añadido en gris que divide el texto:

Cómo hacer una buena introducción

Las buenas introducciones incluyen los siguientes elementos:

Un resumen de lo que se va a tratar en la entrada completa.

Una pequeña imagen que dé pistas sobre el contenido y que esté situada a la izquierda o la derecha

del párrafo. Las imágenes más grandes se pueden dejar para la página permanente.

Page 12: Unidad 4 - 5º Año - Colegio Belén La creación de entradasecaths1.s3.amazonaws.com/informaticaquintocolegiobelen/456840584... · Unidad 4 - 5º Año - Colegio Belén - 81-una barra

Unidad 4 - 5º Año - Colegio Belén - 90 -

Alguna frase atractiva que llame la atención del lector y que apele a su experiencia o sus

conocimientos.

Información importante en forma de enlaces para quien no vaya a leer la entrada completa.

Una invitación final a seguir leyendo la entrada completa.

Elementos Multimediales en la

Entrada En un blog se puede incluir matrial multimedial. Estos pueden ser videos, audio o

presentaciones multimediales.

Añadir presentaciones Para añadir una presentación de Power Point deberemos usar un servidor intermedio. En nuestro caso usaremos

Slideshare.

1. Crear la presentación y publicarla en Slideshare.

2. En Slideshare, en la página de la presentación copiar el Código a embeber desde el botón Embed

Page 13: Unidad 4 - 5º Año - Colegio Belén La creación de entradasecaths1.s3.amazonaws.com/informaticaquintocolegiobelen/456840584... · Unidad 4 - 5º Año - Colegio Belén - 81-una barra

Unidad 4 - 5º Año - Colegio Belén - 91 -

3. En Blogger, en la entrada nueva, colocar el cursor en el lugar donde irá la presentación

4. Ir a el modo HTML y pegar el código copiado.

Elementos Multimediales en la Entrada

Añadir Prezi Para embeber un Prezi en un Blog de Blogger, deberemos:

1. Ingresar a Prezi y de allí a la cuenta personal.

2. Elegir el Prezi a embeber y entrar a el.

3. Hacer clic en el botón Share que se encuentra en la parte inferior derecha del Prezi a embeber. Se

abrirá el cuadro Share this prezi

4. De allí hacer clic en la opción Embed. mostrará el código y los tamaños de las ventanas en la que

aparecerá el prezi en el Blog. Elegir primero el tamaño y luego copiar el código (encerrado en círculo

rojo).

Page 14: Unidad 4 - 5º Año - Colegio Belén La creación de entradasecaths1.s3.amazonaws.com/informaticaquintocolegiobelen/456840584... · Unidad 4 - 5º Año - Colegio Belén - 81-una barra

Unidad 4 - 5º Año - Colegio Belén - 92 -

Gadgets Los Gadgets / Widgets para Blogger son una aplicaciones que permiten añadir otras funciones al Blog o

completan la interfaz. Por ejemplo: un Chat, Cuadros de búsqueda, Reloj, Juego, Musica, Radio.. etc.

Añadir Gadgets 1. Acceder a Diseño.

Page 15: Unidad 4 - 5º Año - Colegio Belén La creación de entradasecaths1.s3.amazonaws.com/informaticaquintocolegiobelen/456840584... · Unidad 4 - 5º Año - Colegio Belén - 81-una barra

Unidad 4 - 5º Año - Colegio Belén - 93 -

2. Eleigir el área del Blog a insertar el Gadget (todos los lugares en donde aparece Añadir un gadget).

Hacer clic en esa frase.

3. Aparece una ventana con Gadgets y Widgets que puedes subir, desde aquí tienes 2 opciones:

a. Usar los gadgets que aparecen allí.

b. Usar un gadget personalizado que se trae de páginas

especializada en Gadgets. Para ello elegir HTML/Javascript.

Aparecerá un cuadro en donde pegar el código que se debe copiar

de la página desde donde se trae el Gadget. Se puede escribir un

Título al Gadget.

Page 16: Unidad 4 - 5º Año - Colegio Belén La creación de entradasecaths1.s3.amazonaws.com/informaticaquintocolegiobelen/456840584... · Unidad 4 - 5º Año - Colegio Belén - 81-una barra

Unidad 4 - 5º Año - Colegio Belén - 94 -

Actividades de

Afianzamiento

Fecha: .................................. Nº de Computadora: .............

Tema: ...................................................................................

11)) Hacer un esquema con títulos y subtítulos

22)) Ingresar a blogger: www.blogger.com. Ingresar a la cuenta de Blogger e ingresar al Blog del curso.

33)) Desde allí crea una entrada nueva. Usando el puntero pasar por los botones del editor y nombrar cada botón,

numerándolos de izquierda a derecha:

44)) Crear una entrada con el nombre de la Receta. Para ello

aa)) Buscar en Google una receta, sus ingredientes, la preparación y las imágenes.

ii..-- A las imágenes descargarlas en una carpeta creada con su nombre en la Unidad D

iiii..-- A los textos copiarlos y pegarlos (sin formato) en Word y guardar el archivo en la carpeta

creada en el punto anterior.

bb)) En Blogger crear la entrada.

cc)) Crear un primer párrafo introductorio con imagen pequeña alineada a la deracha y dividir la entrada

(ver tema división de entrada)

dd)) A continuación copiar y pegar de word:

ii..-- Ingredientes

iiii..-- Preparación

ee)) Dar formato.

ff)) Insertar Imagen.

gg)) Al final del texto mencionar el sitio de dónde sacaron información, definir el link a la página.

hh)) Guardar la publicación. Ver cómo queda en el Blog.

55)) Crear una entrada en el Blog del curso, con el nombre de la Nosotras Somos (Nombres). La misma debe

contener una descripción personal, hobbies, lo que van a estudiar y sus proyectos. La entrada debe cumplir con

las siguientes pautas:

aa)) Debe tener un primer párrafo introductorio con imagen pequeña alineada a la derecha y dividir la

entrada (ver tema división de entrada)

bb)) Debe tener formatos

cc)) Debe poseer imágenes.

dd)) Al final del texto mencionar el link al correo electrónico.

ee)) Embeber un video de Youtube sobre el tema.

ff)) Embeber una presentación de Slideshare sobre el tema.

gg)) Embeber un Prezi sobre el tema.

66)) Para configurar un Blog se puede usar los siguientes videos:

Page 17: Unidad 4 - 5º Año - Colegio Belén La creación de entradasecaths1.s3.amazonaws.com/informaticaquintocolegiobelen/456840584... · Unidad 4 - 5º Año - Colegio Belén - 81-una barra

Unidad 4 - 5º Año - Colegio Belén - 95 -

https://www.youtube.com/show/creatublogfacilmente