manual blog

Centro de Estudios y Apoyo al Desarrollo Local “CEADL”

Dirección: Av. Sucre A Nº 4000 Esq. Av. Juan Pablo II Zona Los Andes Teléfonos: 2840020 - 77796970

E- mail: [email protected] Pagina Web: www.ceadl.org.bo

- 1 -

NUEVAS FORMAS DE PARTICIPACION CIUDADANA A TRAVEZ D E LAS TIC

(Tecnologías de Información y Comunicación)

La incorporación de las tecnologías de la información y comunicación en la política ha

introducido cambios fundamentales en los sistemas políticos democráticos y ha supuesto

nuevas posibilidades de relación entre los ciudadanos y los representantes políticos,

permitiendo una articulación entre la política y la sociedad.

Las TIC pueden ayudar técnicamente a la mejora de los canales de información,

comunicación, deliberación y participación de los ciudadanos en la toma de decisiones

públicas, haciéndolos más inmediatos, sencillos y efectivos. Por otro lado permiten minimizar

las limitaciones de tiempo y distancia que pueden afectar a la participación política,

disminuyen los costos de organización, aumentan las oportunidades de comunicación entre

personas y facilitan el intercambio de contenidos y propuestas.

En el proceso de la comunicación, la información es el mensaje o conjunto de mensajes que

con diferentes aspectos y a través de diversos medios, son emitidos por sujetos para ser

recibidos por otros. La historia de la información y de su función social es, a la vez la historia

del desarrollo económico, sociocultural y político de la sociedad, a lo largo de la cual pasa de

ser una manifestación espontánea a ser la expresión de una voluntad colectiva.

Consideramos que las TICs podrían impulsar procesos de democratización de la información

que posibilitaría que accedan a los beneficios que les permitirían el conocimiento de lo que

sucede en el país y el mundo. Y superar de esta manera las nuevas formas de marginación

que nos presenta la tecnología.

De esta forma procuramos abrir espacios alternativos de participación ciudadana,

impulsando y dinamizando procesos de reconocimiento, validación e identificación de la

cultura de los pueblos.

Por esto es que el CEADL, con el fin de democratizar la comunicación y de facilitar el

intercambio de información entre las organizaciones que trabajan por y para un desarrollo

común, apoya a esta iniciativa de las organizaciones juveniles, en el aprovechamiento de las

nuevas herramientas de la tecnología de información y comunicación, y de sus aplicaciones

para hallar soluciones practicas a problemas cotidianos de coordinación, comunicación e

intercambio de información, tanto en las organizaciones como en su entorno.




- 2 -

INTRODUCCIÓN

¿QUÉ ES UN BLOG?

Un Blog puede definirse de forma sencilla como un sitio Web donde el usuario puede hacer

publicaciones diarias, con un orden cronológico de archivos, sobre cualquier tema:

♣ Un diario personal.

♣ Un espacio de colaboración.

♣ Una fuente de noticias impactantes.

♣ Una colección de vínculos, etc.

♣ Además de tener la posibilidad de insertar un sistema de comentarios para que los

lectores puedan participar.

UNA PÁGINA QUE REVOLUCIONA: BLOGGER

Blogger es una página Web que desde su lanzamiento, hace prácticamente cinco años, ha

permitido que los Blogs transformen Internet, han influido en la política, han revolucionado el

periodismo y han permitido a millones de personas expresar sus opiniones y ponerse en

contacto entre sí. Todo ello de modo gratuito, con una interfaz fácil de utilizar y publicación

en tiempo real. Veamos algunas de las bondades de Blogger:

♣ Publique sus opiniones.

♣ Obtener comentarios Es una forma de conocer otros puntos de vista y entrar en

contacto con personas que comparten sus ideas, podemos desarrollarlo bajo las

opciones:

Comentarios de Blogger.- permite a los usuarios de todo el mundo que visitan su sitio

expresar su opinión sobre la información que usted comparte en su Blog.

Los grupos de Blogs.- pueden ser excelentes herramientas de comunicación para

equipos reducidos u otros colectivos.

♣ Enviar fotografías En ocasiones, simplemente desea compartir una fotografía. Hay

un botón para subir fotografías en la interfaz de Blogger.

Si bien los Blogs surgieron en el campo periodístico, nuestro rol de docentes creativos

es adaptarlo de manera útil en nuestras actividades educativas. Los Blogs permiten

cristalizar en la red dos campos complementarios destinados a la unión: la

Comunicación y la Educación. Se han convertido en una herramienta comunicativa

que potencia las habilidades de docentes y alumnos.




- 3 -

Permite la construcción colectiva del conocimiento y se sostiene en el aprendizaje social o

por observación de modelos, direccionándolo hacia la práctica de la ética digital, la

convivencia libre y tolerante.

Por eso es imperativo que los educadores de los diversos niveles de la educación básica y

superior puedan acceder a la llamada alfabetización digital.

Algunas herramientas educativas fáciles de crear con Blogger son: Libros Electrónicos,

Periódicos Electrónicos Escolares, Museos virtuales, Clases virtuales utilizando

positivamente YouTube, etc. Sólo depende de tu dedicación y creatividad.




- 4 -

CAPITULO I

CREAR Y PUBLICAR UN BLOG CON BLOGGER

En menos de cinco minutos entrarás a formar parte de un fenómeno que está transformando

Internet y los medios de comunicación en una actividad participativa.

1.- INGRESANDO A BLOGGER Y RECONOCIENDO SU INTERFAZ

Para ingresar a BLOGGER Abre Internet Explorer y en la barra de Dirección digita:

www.blogger.com (Luego presiona [ENTER])

Revisa las partes Principales de la interfaz de Blogger, eso hará más rápido nuestro trabajo.

NOTAS:

♣ Cada cuenta a crear en Blogger requiere de un Correo Electrónico (E-mail) diferente,

puede ser en: Hotmail, Terra, Yahoo, etc.




- 5 -

♣ En una cuenta de Blogger puedes crear muchos Blogs independientes, sólo

comparten el perfil.

2.- CREANDO TU BLOG EN 3 PASOS

En la Interfaz de Blogger, nos dirigimos al Bloque Crear Blog, que te guiará de manera

sencilla y en 3 pasos todo el proceso de creación de tu Blog. Empecemos:

Paso 1: Creando tu Cuenta

Aparecerá el siguiente cuadro que debes completar siguiendo las indicaciones:




- 6 -

Paso 2 : Asignándole un nombre a tu Blog

Paso 3 : Eligiendo una Plantilla para tu Blog.

Puedes elegir la plantilla que más te agrade sólo selecciónalo y Continúa:




- 7 -

Debes esperar hasta que aparezca el siguiente mensaje

3.- CREANDO ENTRADAS

Cuando uno da Click en EMPEZAR A PUBLICAR, aparece la siguiente pantalla con la ficha

Superpuesta, donde puedes desarrollar las siguientes acciones:

3.1. Crear la primera entrada.-

En el enlace Crear está el Editor de Entrada que se trabaja como cualquier procesador de

textos, reconozca sus elementos y continúe los siguientes pasos:




- 8 -

BARRA DE HERRAMIENTAS DEL EDITOR DE ENTRADAS




- 9 -

3.1.1.-Añadiendo una Imagen a tu entrada

1.-Da un click en el botón Añadir Imagen de la barra de herramientas del editor.

2.-Aparece el panel Añadir una imagen desde su equipo o añadir una imagen de la Web.

Donde debes seguir los siguientes pasos para añadir una imagen desde tu equipo:

NOTA: La primera vez aparecerán condiciones del servicio, al lado derecho de SUBIR

IMAGEN, la que debes aceptar para poder añadir imágenes, éstas subirán a la red y pasarán

a ser de dominio público. Así que debes tener cuidado con las fotos que subes a la Web.

3.-Debemos esperar, aparecerá el siguiente mensaje:




- 10 -

3.1.2.-Añadiendo texto a tu entrada

El Editor de Entradas es un procesador de textos, así que con los conocimientos que tengas

de cualquier procesador de textos el trabajo será muy fácil.

Si queremos ver nuestro avance damos click en el enlace Vista previa de la Barra de

Herramientas, si deseamos volver da un Click al enlace Ocultar vista preliminar. Una vez

culminado da un Click en el botón Publicar para terminar.

4.- PUBLICANDO LA ENTRADA Y VIENDO TU BLOG

Una vez publicado tu Blog aparecerá la siguiente pantalla con la Ficha Creación de entradas

superpuesta que te indica que tu Blog ha sido publicado

4.1.-Viendo tu Blog (Importante)

1.-Para ver tu Blog publicado, en la pantalla anterior tenemos dos opciones directas:




- 11 -

♣ Ver blog: Permite ver tu Blog, pero en la Misma Ventana, debemos utilizar el botón

Atrás del Internet Explorer para volver a la Ventana anterior. (Ver gráfico anterior).

♣ (En una ventana nueva): Permite ver tu Blog en Otra Ventana, es la más

recomendable para el trabajo. (Ver gráfico anterior).

2.-Por el momento utiliza la segunda opción para revisar tu Blog publicado y cierra la

ventana.

5.-CREAR UNA NUEVA ENTRADA A TU BLOG

1.- En la Pantalla Anterior de la Ficha Creación de entradas seleccionamos la opción Crear o

el enlace celeste Crear una entrada nueva, veamos el primer caso

2.-Luego ingresamos la información siguiendo los mismos pasos que en la primera entrada

hasta publicarlo, además puedes ver tu Blog publicado.

NOTA: Observarás que las entradas se publican en estricto orden cronológico inverso al

orden de ingreso, es decir se mostrará en primer lugar la más reciente en el tiempo. Así que

organiza tus entradas antes de crearlas.

6.-EDITAR UNA ENTRADA CREADA

Si deseas realizar algunos cambios a cualquiera de las Entradas creadas, sigue los

siguientes pasos:

1.-En la Ficha Creación de entradas selecciona el enlace Editar entradas, veamos:




- 12 -

2.-Aparecerá la siguiente pantalla donde podrás modificar cualquier entrada creada y otros

cambios importantes en tu Blog. Sólo sigue el paso 1:

3.- Se ingresará al Editor de la entrada elegida, donde podrás realizar los cambios

necesarios para finalmente volver a publicarlo.




- 13 -

7.-ENTRAR A TU BLOG A TRAVÉS DE INTERNET EXPLORER

Una vez publicado tu Blog, cualquier persona de cualquier parte del mundo que conozca la

dirección

URL de tu Blog puede acceder a él. De la siguiente manera:

1.-Abre Internet Explorer y en la barra de dirección digitar la dirección de tu Blog creado:

www._____________________.blogspot.com




- 14 -

AUTOEVALUACION Nº 1 – ¿Qué has aprendido?

Nombre:………………………………………………………………………………………………

Edad:………………………………………………………………………………………………….

Organización:………………………………………………………………………………………..

Debes desarrollar las siguientes preguntas:

I.- VOCABULARIO : Define los siguientes términos:

1.-Internet…………………………………………………………………………………………….

2.-Plantilla……………………………………………………………………………………………

3.-URL………………………………………………………………………………………………..

3.-Interfaz……………………………………………………………………………………………

4.-Editor de Entradas……………………………………………………………………………….

5.-Ficha……………………………………………………………………………………………….

II.- CUESTIONARIO: Desarrolla las siguientes preguntas:

1.- ¿Qué entiendes por Blogger y Cuál es a tu parecer la importancia de sus recursos?

R.-……………………………………………………………………………………………………..

………………………………………………………………………………………………………...

2.- Con tus propias palabras ¿Qué es un Blog y que función tienen?

R.-……………………………………………………………………………………………………..

………………………………………………………………………………………………………...

3.- ¿Qué materiales educativos puedes elaborar en tu área de trabajo con Blogger?

R.-……………………………………………………………………………………………………..




- 15 -

PROYECTO – ¿Qué harías con lo aprendido?

AVANCE DEL PROYECTO Nº 1 – BOLETIN INFORMATIVO

1.- Crea una nueva cuenta de Correo Electrónico, sólo para el proyecto:

Anótelo Aquí:………………………………………………………………………………………...

2.- Escoge la temática del boletín informativo a crear: Personal, Familiar, Laboral,

Profesional, etc. Se les recomienda que sea del área donde tenga mayor información para

socializar

………………………………………………………………………………………………………........

..........................................................................................................................................

3.- Elabora el borrador de tu Boletín informativo en hojas , escribiendo una entrada por Blog,

con las imágenes que colocarás. La cual presentará las siguientes secciones:

4.- Inicia la creación de tu cuenta en Blogger y elabora la entrada de la presentación pon en

práctica tu creatividad.

Anota aquí la dirección URL que creaste…………………………………………………..........




- 16 -

CAPITULO II

EDITAR TU PERFIL Y ADMINISTRAR OPCIONES Y DISEÑOS D E TU BLOG

Blogger establece tu perfil con los datos que ingresaste. Pero, puedes editar este perfil

modificando tus datos personales e incluso agregarle una fotografía; también se puede

modificar el Título de tu Blog así como agregarle una descripción. Veamos:

Nota Previa: Antes de iniciar debes Verificar la Dirección de Correo Electrónico de Google,

para lo cual debes ingresar a tu correo utilizado y abrir el mensaje de verificación en el que

debes dar un Click sobre el enlace que te indican y listo. Ahora si continuemos:

1.- EDITANDO TU PERFIL

Ingresa a BLOGGER

Recuerda: www.blogger.com (Luego presione [ENTER])

En la Interfaz de BLOGGER, nos dirigimos al Bloque Acceder a tu cuenta de Blog creado

donde debes ejecutar los siguientes pasos:

Inmediatamente ingresará por primera vez al Panel Escritorio, donde distinguiremos las

siguientes opciones a utilizar en adelante:




- 17 -

NOTA: Para agregar una Foto o Imagen a tu perfil, tenemos dos casos:

1.- Podemos subirlo desde tu equipo

2.- o desde la Web, ello implica que tu foto debe tener una dirección URL en Internet.

1.1.- INGRESANDO TUS DATOS Y AÑADIENDO TU FOTO A TU PERFIL.

1.- Selecciona el enlace Editar perfil del Panel Escritorio.

2.- Aparecerá el panel Editar perfil de usuario en el que puedes completar o dejar en blanco

aceptando las opciones según tu información personal. Estoy seguro de que es fácil para ti.

Por lo que sólo te explicaré como agregar la foto. Revisa detenidamente el siguiente gráfico:




- 18 -

NOTA: Veamos los casos para subir una foto o imagen a tu perfil:




- 19 -




- 20 -

5.- Retornarás al Panel Escritorio de Blogger donde podrás ver la foto del perfil y también ver

tu Blog:




- 21 -

6.- Ahora Cierre BLOGGER y entra a tu Blog por Internet Explorer

Recuerda: www. ___________________.blogspot.com [Enter]

Podrás observar tu perfil con los datos ingresados así como la Foto.

2.- CAMBIANDO ALGUNAS OPCIONES DE TU BLOG.

Si deseas modificar algunos datos de tu Blog como el Título, agregarle un Subtítulo o

Descripción, Debes seguir los siguientes pasos

2.1.- CAMBIAR EL TITULO DE TU BLOG Y AGREGARLE UNA DESCRIPCION

1.- Abre BLOGGER e ingresa con tu Nombre de Usuario y Contraseña.

2.- Selecciona el enlace Configuración del Panel Escritorio.

3.-Aparecerá la siguiente pantalla con la ficha Configuración superpuesta, los cambios lo

harás en el enlace Básico, que está recortada para desarrollar sólo las opciones que nos

interesa:




- 22 -

4.- Aparecerá un mensaje que me indica que los cambios se han guardado. Ahora puedes:

A.- Realizar otros cambios

B.- Ver tu Blog

C.- Salir.

♣ Hagamos otros cambios en la misma ventana:

2.2.- CAMBIAR LA DIRECCION URL DE TU BLOG




- 23 -

1.-En la pantalla anterior seleccionamos el enlace Publicación y seguimos los siguientes

pasos:

2.3.- CAMBIAR TIEMPO DE PUBLICACIÓN, EL FORMATO E I DIOMA DE LAS

FECHAS Y HORA DE TU BLOG

1.- Selecciona el enlace Formato de la ficha Configuración.

2.-Aparecerá la siguiente pantalla en la que debes buscar con mucha paciencia los valores

referentes a nuestro país. Sólo los indicados. Empieza, sé que lo puedes hacer:




- 24 -

3.- Aparecerá el mensaje que indica que los cambios se han guardado.

NOTA IMPORTANTE

Otras opciones a modificar quedarán como parte de la práctica que tú irás descubriendo en

la elaboración de tu Blog.

3.- PERSONALIZAR EL DISEÑO DE TU BLOG.

Hasta este momento tu Blog estará como en la imagen siguiente. En la que ubicarás las

partes que se describen, las que quizás quieras personalizar:




- 25 -

La ficha Diseño de Blogger facilita a los usuarios la personalización del diseño de su Blog

con pocos conocimientos técnicos o ninguno. Cambios como: Añadir y organizar elementos

de la Página, Modificar las fuentes y colores, Edición de HTML y Seleccionar una plantilla

nueva para tu Blog son fáciles de realizar. Para iniciar debes seguir los siguientes pasos:

3.1.- EDITAR ELEMENTOS DE LA PÁGINA.


2.- Selecciona el enlace Diseño del Panel Escritorio.

3.-Aparecerá la siguiente pantalla con la ficha Diseño superpuesta, los cambios lo trabajarás

en el enlace Elementos de la página. Que se explican en la siguiente página:




- 26 -

3.1.- Editar la Barra de Navegación.- Para editar esta barra ejecuta lo siguiente:

1.- Da un click sobre el enlace Editar de la barra de navegación, aparecerá la siguiente

ventana donde podrás seleccionar un color distinto para esta barra.

2.- Guarda los cambios y puedes revisarlo con el botón Vista previa.




- 27 -

3.2.- Editar el Encabezado.- Para editar la Cabecera o Encabezado ejecuta lo siguiente:

1.- Da un click sobre el enlace Editar de la Cabecera, aparecerá la siguiente ventana donde

podrás Ejecutar:




- 28 -

NOTA: Si la imagen no te gusta, puedes editar nuevamente y eliminar la imagen

3.3.- Editar las Entradas del Blog.- Para configurar las Entradas ejecuta lo siguiente:

1.- Da un click sobre el enlace Editar de la zona de Entradas del blog, aparecerá la siguiente

ventana donde podrás modificar: El número de entradas, El formato de fechas, etc. Así como

ordenar las etiquetas arrastrándolos.





- 29 -

3.4.- Editar la zona Archivo del Blog.- Para configurar la zona de enlaces a las

Entradas de tu Blog ejecuta lo siguiente:

1.- Da un click sobre el enlace Editar de la Zona Archivo del Blog, aparecerá la siguiente

ventana donde podrás modificar: El Título, Estilo, Formato de Fecha, etc.





- 30 -

3.5.- Editar la zona Datos personales o Perfil del Blog .- Para configurar la zona del perfil

de tu blog ejecuta lo siguiente:

1.- Da un click sobre el enlace Editar de la Zona Datos personales, aparecerá la siguiente

ventana donde podrás Editar: El Título, Datos personales y Ubicación.





- 31 -

3.6.- Organizar elementos de la página.- Sólo se pueden organizar los elementos de tu

página: Datos personales y Archivo de blog o los elementos agregados para ello ejecuta lo

siguiente:




- 32 -

3.7.- Añadir un Elemento de Página a tu Blog (Añadi r un gadget).- Debemos tener en

cuenta lo siguiente:

1.- Hay tres zonas para añadir un elemento a tu página: La Zona de enlaces principal, La

Zona de enlaces secundaria y en la parte inferior de tu blog.

2.- Puedes añadir los siguientes elementos básicos:




- 33 -

Sólo desarrollaremos dos elementos básicos: Lista de vínculos e Imagen ya que el proceso

es el mismo para el resto, solo trabaja con paciencia. Empecemos:

A.- Añadir una Lista de vínculos.- Para añadir una lista de vínculos debes tener en cuenta

lo siguiente:

1.- Lo más recomendable es hacerlo en la Zona de vínculos secundaria.

2.- Debes contar con una lista de direcciones de páginas Web. Ejemplo:

♣ MINISTERIO DE EDUCACION: www.minedu.gob.pe

NOTA:

También puedes añadir otros elementos:

DESTACADOS: Blogger Play, YouTube, Nasa Photo of the day, etc.

LOS MÁS POPULARES: Search YouTube, Traductor, Tiempo del Mundo, etc.

EL MÁS RECIENTE: Sudoku, Sala de Juegos, Google Video, etc. Y Categorías como:

Noticias, Herramientas, Comunicación, Diversión y juegos, Finanzas, Deportes, etc.




- 34 -

♣ NSTITUTO DE PEDAGOGIA POPULAR: www.ipp-peru.com

♣ CONOCIENDO AL PERU: www.perucultura.org.pe

♣ SOFTWARE EDUCATIVO: www.internenes.com

Luego ejecuta lo siguiente:

1.- Da un click sobre el enlace Añadir un elemento de página (Añadir un gadget) de la Zona

de vínculos secundario, aparecerá la ventana Añadir un gadget.

2.-Ubica el elemento Lista de vínculos y da un click sobre la imagen.

Aparecerá la ventana siguiente en la cual sigue los pasos indicados:




- 35 -

3.- Puedes añadir otra Lista de vínculos si lo desea, sólo debes repetir los pasos anteriores.

B.- Añadir una Imagen.- Puedes añadir una imagen desde tu equipo o desde cualquier otro

lugar de Internet. Además ahora puedes enlazar esa imagen con una

Página Web, conociendo su dirección. Para desarrollar estas acciones debes tener en

cuenta:

1.- Para añadir una imagen colgada en Internet, debes conocer la dirección URL de la

imagen. (Debes copiar la URL).

2.- Si deseas enlazar esa imagen con una Web, debes conocer la dirección URL de esa

Web.

Luego ejecuta lo siguiente:

1.- Da un click sobre el enlace Añadir un elemento de página de la zona que desees, por

ejemplo la zona de vínculos principal, aparecerá la ventana Añadir un elemento de página

(Añadir un gadget).

2.-Ubica el elemento Imagen y da un click sobre su imagen. Aparecerá la ventana siguiente

en la cual sigue los pasos siguientes:




- 36 -

NOTA.-

1.- Si desea eliminar el elemento total, Edita el elemento y el botón ATRÁS cambiará por

ELIMINAR.

2.- Si no deseas enlazar la imagen sólo deja vacío la barra Enlace.

3.- Si deseas subir una imagen de la Web, te recomiendo que primero la bajes a tu PC de

ese modo será más sencillo.

3.2.- CAMBIAR LAS FUENTES Y COLORES DE LA PLANTILLA .






- 37 -

3.-Aparecerá la siguiente pantalla con la ficha Diseño superpuesta, los cambios lo trabajarás

en el enlace Fuentes y colores que presenta la siguiente pantalla donde debemos reconocer

sus elementos:




- 38 -

3.1.- Cambiar colores de los elementos de la planti lla.-

A.- Cambiar el Color de Fondo de la Cabecera de la Página.-

1.- En la barra de Lista de colores y Fuentes selecciona la opción Color de fondo de la

cabecera de la página. Elemento 1 en el gráfico anterior. Ejecuta lo siguiente:




- 39 -

B.- Otros colores que puedes cambiar en los elementos son:




- 40 -

Como práctica cambia el color del Título de tu Blog y haz otros retoques de acuerdo a tu

gusto y que mejoren la presentación de tu Blog.

3.2.- Cambiar la Fuente de los elementos de la plan tilla.-

A.- Cambiar la Fuente del Título del blog.-

1.- En la barra de Lista de colores y Fuentes selecciona la opción Color de fondo de la

cabecera de la página. Elemento 1 en el gráfico anterior. Ejecuta lo siguiente:




- 41 -

B.- Otras Fuentes que puedes cambiar son.-

Como práctica cambia el tipo de Fuente y Tamaño de la descripción de tu Blog y haz otros

retoques de acuerdo a tu gusto y que mejoren la presentación de tu Blog.

NOTA.- El uso del enlace Edición de HTML de la ficha Plantilla requiere de conocimientos

más avanzados. Así que lo dejamos para otro momento.

3.3.- SELECCIONAR UNA PLANTILLA NUEVA PARA TU BLOG.






- 42 -

3.-Aparecerá la siguiente pantalla con la ficha Plantilla superpuesta, los cambios lo trabajarás

en el enlace Seleccionar plantilla nueva. Para cambiar de plantilla debes tener en cuenta lo

siguiente:

Nota.- Si modificas la plantilla, se descartarán los cambios que hayas efectuado en Fuentes

y colores, pero se conservarán los elementos de la página.

3.1.- Cambiar a la Plantilla Rounders 2.-

1.- En la pantalla Seleccionar plantilla nueva ejecuta lo siguiente:




- 43 -

2.- Ahora puedes mejorar el aspecto de tu Blog a tu gusto. No te olvides que cada vez que

cambies de Plantilla se descartarán los cambios efectuados en Fuentes y Colores.




- 44 -


Nombre:………………………………………………………………………………………………

Edad:………………………………………………………………………………………………….

Organización:………………………………………………………………………………………..

Debes desarrollar las siguientes preguntas:

I.- VOCABULARIO : Define los siguientes términos:

1.-http…………………………………………………………………………………………………

2.-Enlace……………………………………………………………………………………………..

3.-Plantilla……………………………………………………………………………………………

4.-JPG………………………………………………………………………………………………..

5.-Perfil……………………………………………………………………………………………….

6.-Fuente……………………………………………………………………………………………..


1.- ¿Qué diferencia hay entre la ficha Edición de HTML y Redactar del Editor de Entradas?

R.-……………………………………………………………………………………………………..

………………………………………………………………………………………………………...

2.- ¿Elabora un esquema de los elementos de la página y explica las funciones de cada uno

de ellos?

R.-

3.- Si modificas la plantilla de tu Blog, ¿Qué cambios se descartarán?

R,……………………………………………………………………………………………………........

..........................................................................................................................................




- 45 -


AVANCE DEL PROYECTO Nº 2 – Boletín Informativo

1.- Ingresa al Panel Escritorio de tu Blog creado y con el enlace Crear un Blog crea los blogs

necesarios para cada página de tu libro electrónico. Anote aquí las direcciones URL de cada

uno:

Página 1: www.____________________

Página 2: www.____________________

Página 3: www.____________________

Página 4: www.____________________

Página 5: www.____________________

2.- Modifica tu Perfil, si deseas escanea tu foto para colocarlo en el perfil de tu Blog.

3.- Añade una lista de vínculos, que llevará de título ÍNDICE, a cada blog. Para enlazarlos

con los Blogs creados para cada página del boletín informativo. Utiliza las direcciones URL

anotados en 1.

4.- Puedes cambiar de plantilla si lo deseas.

5.- Aplica el formato que desees a los Blogs: Color de fondo, Tamaño y color de fuente, Los

tamaños y posiciones de las imágenes agregadas, etc.

6.- Entra a la ficha Diseño y selecciona el enlace Edita del elemento de página Entradas del

blog y desactiva todas las opciones. Esto es para quitar estos datos de tu Blog.

7.- En la misma ficha Diseño selecciona el enlace Edita del elemento de página Archivo del

blog y Elimínalo.




- 46 -

CAPITULO III

OPCIONES AVANZADAS

Hasta este momento tu Blog se presenta atractivo. Pero ahora quizá desees personalizarlo

de modo avanzado: Incluir otros formatos, Agregarle un sonido de fondo, Servicios gratuitos

de otras páginas como:

Panel de Mensajes, Vídeos de YouTube, Canales de Vídeos, Presentador de fotos, Contador

de visitas etc. Todo ello se puede hacer agregando algunos códigos HTML de servicios que

algunas páginas permiten de modo gratuito.

Algunos servicios gratuitos son:

1.- PANEL DE MENSAJES EN TU BLOG CON CBOX:

Página Web: www.cbox.ws

2.- VÍDEOS DE LA PÁGINA DE YOUTUBE EN TU BLOG:

Página Web: www.youtube.es

3.- SLIDE SHOW – PRESENTADOR DE FOTOS CON SLIDE:

Página Web: www.slide.com

4.- SPLASHCAST – VIDEOS DE YOUTUBE POR CANALES Y OTROS

Página Web: www.splashcastmedia.com

6.- CONTADORES DE VISITANTES A TU BLOG

Página Web: www.freelogs.com

7.- COMPARTIR Y MANEJAR SUS ARCHIVOS EN LÍNEA CON BOX.

Página Web: www.box.net

8.- ESPACIOS DE TRABAJO COLABORATIVO – INTRANET Y OTROS CON

MAYETICVILLAGE.

Página Web: http://es.mayeticvillage.com

9.- RELOJES PARA MEJORAR LA PRESENTACION DE TU BLOG CON CLOCKLINK.

Página Web: www.clocklink.com/

Existen otros servicios gratuitos que podrás ir descubriendo con la experiencia. Empecemos

esta parte de manera práctica, con las fichas de trabajo que a continuación colocamos, sólo

con algunos servicios.




- 47 -

FICHA DE TRABAJO Nº 1

AGREGÁNDOLE UN SONIDO DE FONDO A TU BLOG COMO ELEME NTO DE PÁGINA

1.- OBTENIENDO DIRECCIONES URL DE SONIDOS MIDI:

A.- Abre la siguiente página Web: www.culturageneral.net

B.- Luego selecciona la opción Música Clásica.

C.- Luego Sonata Nº 14 “Claro de Luna”.

D.- Luego en la ventana que se presenta Click Derecho sobre el Reproductor de la Música o

sobre la palabra AQUÍ y seleccionar Propiedades.

E.- En la ventana Propiedades selecciona y copia la Ubicación: URL del sonido MIDI.

Recuerda Copiar: [Ctrl]+[C]. Veamos:




- 48 -

2.- AGREGANDO LOS CODIGOS NECESARIOS EN EL ELEMENTO HTML/Javascript DE

TU BLOG:

A.- Ingresa a tu cuenta de blogger. En el panel Escritorio selecciona el enlace Diseño.

B.- Selecciona el enlace Añadir un elemento de página.

C.- En la ventana que aparece ubica el elemento HTML/Javascript y seleccionalo.

D.- En la ventana que aparece coloca un título y Digita las siguientes líneas de códigos:




- 49 -

E.- Finalmente Seleccione el botón GUARDAR y Ver blog.

F.- Puedes reubicar el elemento añadido o cambiar el sonido MIDI por otro.

NOTAS PARA TOMAR EN CUENTA:

Como se dio WIDTH="200" y HEIGTH="40" se mostrará un controlador de sonido. Según el

sistema operativo será:

Aquí unas páginas web para obtener direcciones de melodías MIDI:

Para obtener la URL de otras melodías revisa las siguientes páginas. Sólo haz Click derecho

sobre el enlace y selecciona Propiedades, luego Selecciona y Copia la URL de la ventana

que aparece:

http://www.geocities.com/CollegePark/Dorm/9834/midi.html

http://www.piano-midi.de/beeth_es.htm

http://photofiltrecastellano.iespana.es/musicamidi.html




- 50 -

FICHA DE TRABAJO N° 2

AGREGAR UN PANEL DE MENSAJES DE CBOX A UNA ENTRADA DE TU BLOG Y

COMO ELEMENTO DE TU PÁGINA

1.- OBTENIENDO LOS CODIGOS INSERTAR DEL PANEL EN LA PÁGINA DE CBOX:

A.- Abre la siguiente página Web: www.cbox.ws

B.- Sigue los siguientes pasos. Recuerda que debes contar con una cuenta de correo

electrónico.

C.- Cierra la ventana que aparece y tienes que ingresar a tu correo para verificar tu cuenta

en Cbox, en este correo vendrá tu nombre de usuario y contraseña para acceder a tu cuenta.




- 51 -

D.- Aparecerá la siguiente pantalla, donde ingresarás con tu nombre de usuario y

contraseña:

E.- aparecerá la siguiente ventana final:




- 52 -

2.- AGREGANDO LOS CODIGOS INSERTAR EN EL EDITOR DE HTML DE UNA

ENTRADA

A.- Ingresa a la entrada donde vas a colocar el Panel de comentarios.

B.- Selecciona la ficha Edición de HTML de la entrada y pega ([Ctrl]+[V]) los códigos en el

lugar que desees

D.- Finalmente Seleccione el botón PUBLICAR ENTRADA y visualiza tu Blog en una ventana

nueva.

NOTA: Para modificar el tamaño del Panel debemos saber que:

1.- Los parámetros: width=" “: Establece el Ancho del Panel height=" " : Establece el Alto del

Panel




- 53 -

2.- Modifica según tu necesidad. Cambiando el primer par es para visualizar el mensaje. El

segundo par es para poner nombre y digitar el mensaje. Siempre deben coincidir los width.

3.- AGREGANDO LOS CODIGOS INSERTAR COMO ELEMENTO DE PÁGINA

(HTML/Javascript)

A.- Selecciona la ficha Diseño.

B.- Selecciona el enlace Añadir un elemento de página (Add a Page Element).

C.- Da un click en el botón AÑADIR AL BLOG del elemento HTML/Javascript.

D.- Digita el título: PANEL DE MENSAJES.

E.- Pega el código Insertar en el área CONTENIDO.

F.- Modifica los valores de width y height si lo deseas.

D.- Seleccione el botón GUARDAR.

E.- Finalmente Seleccione el enlace Ver blog de elemento de página añadida.




- 54 -


AGREGAR UN VÍDEO DE YOUTUBE A UNA ENTRADA DE TU BLO G Y COMO

ELEMENTO DE TU PÁGINA

1.- OBTENIENDO LOS CODIGOS INSERTAR DEL VÍDEO EN LA PÁGINA DE YOUTUBE:

A.- Abre la siguiente página Web: www.youtube.es

B.- En la barra Buscar digita el tema o personaje: cusco

C.- Luego, da un click al vídeo de la lista: Cusco – Promperu Tv Comercial. Puedes ver el

vídeo para asegurarte que es el que buscas de lo contrario puedes cambiarlo en la lista de la

derecha.




- 55 -

2.- AGREGANDO LOS CODIGOS INSERTAR EN EL EDITOR DE HTML DE UNA

ENTRADA

A.- Crea una Nueva Entrada en tu Blog.

B.- Trabajando en la ficha Redactar coloca de título CUSCO - PROMPERU TV COMERCIAL

y en la entrada:

Una belleza milenaria para admirar - (Darle formato)

C.- Selecciona la ficha Edición de HTML de la entrada y pega ([Ctrl]+[V]) el código Insertar

de Youtube.

D.- Finalmente Seleccione el botón PUBLICAR ENTRADA y visualiza tu Blog en una ventana

nueva.

NOTA: Para modificar el tamaño de un vídeo debemos saber que:

1.- Los parámetros:

width=" " : Establece el Ancho del Video

height=" " : Establece el Alto del video

2.- Cambiando el segundo par es suficiente, pero es recomendable cambiar los dos pares a

las mismas medidas. Valores aproximados para los casos:


(HTML/Javascript)




D.- Digita el título : CUSCO - PROMPERU TV COMERCIAL.





- 56 -

F.- Modifica los valores de width y height de la parte inferior (SEGUNDA PAREJA) por:

width="210" height="150"


E.- Finalmente Seleccione el enlace Ver blog de elemento de página añadida.


PONER UN SLIDE SHOW EN TU BLOG

1.- REGISTRANDONOS Y EMPEZANDO A CREAR NUESTRO SLID E SHOW:

A.- Abre la siguiente página Web: www.slide.com

B.- En la página de slide nos registramos siguiendo los siguientes pasos:

2.- AGREGANDO LAS FOTOS AL SLIDE SHOW.-

A.- Debemos seguir los siguientes pasos y ser muy curiosos ya que hay muchos efectos:




- 57 -

B.- Luego podemos reordenar las imágenes arrastrándolos y ponerle una leyenda

desarrollando:

C.- Copiamos el código HTML obtenido:




- 58 -

3.- AGREGANDO LOS CODIGOS HTML EN EL EDITOR DE HTML DE UNA ENTRADA:


B.- Ponle de título LAS MARAVILLAS DEL CUSCO

C.- Selecciona la ficha Edición de HTML de la entrada y pega ([Ctrl]+[V]) el código HTML.

D.- Puedes modificar los valores de width y height de la parte superior para cambiar el Ancho

y Alto del Slide respectivamente. El Width de la parte inferior debe llevar el mismo que el

anterior.

E.- Finalmente Seleccione el botón PUBLICAR ENTRADA y saldrá un error:




- 59 -

Listo, Ahora si podemos publicar entrada.

4.- AGREGANDO EL SLIDE SHOW COMO ELEMENTO DE PÁGINA (HTML/Javascript)




D.- Digita el título: LAS MARAVILLAS DEL CUSCO.

E.- Pega ([Ctrl]+ [V]) el código HTML en el área CONTENIDO. Aquí no saldrá errores.

F.- Modifica los valores de width y height de la parte superior (PRIMERA PAREJA) por:

“width: 210px; height: 150px"

G.- El width inferior debe llevar el mismo valor que el del superior: 210px.

H.- Seleccione el botón GUARDAR.

I.- Finalmente Seleccione el enlace Ver blog de elemento de página añadida.




- 60 -


AGREGAR UN SPLASHCAST A UNA ENTRADA DE TU BLOG Y CO MO

ELEMENTO DE TU PÁGINA

Un Splashcast es como una televisión orientada y virtual que puede ser compartida entre

amigos y colgado en cualquier página Web. Teniendo una cuenta puedes colgar desde

videos de YouTube hasta PowerPoint.

1.- REGISTRANDONOS EN LA PÁGINA DE SPLASHCAST:

A.- Abre la siguiente página Web: www.splashcastmedia.com

B.- Sigue los siguientes pasos. Recuerda que debes contar con una cuenta de correo

electrónico.

C.- Completa los siguientes datos que te piden y anota aparte el password para que no se te

olvide.




- 61 -

D.- En la siguiente ventana Friend Manager da un Click en el botón skip this step. Aparecerá

la ventana de ingreso con tu email y password.

E.- Activa remember me on this computer, para que recuerde siempre esos datos, y da un

click en el botón login. Ahora ya estamos listos para crear nuestro canal.

2.- CREAR UN CANAL DE PELICULAS CON VARIAS PARTES D E VIDEOS DE

YOUTUBE

A.- Creamos un Canal desplegando la barra indicada y completamos los datos:




- 62 -

B.- Aparecerá un mensaje de canal vacío y la pregunta si deseamos crear un show en el

canal, debemos aceptar dando click en yes. Cada show creado puede contener varios videos

que pueden ser relacionados o no.

Desarrollemos los siguientes pasos para crear un show:

1.- Aparecerá la siguiente ventana en la cual ejecutamos:

2.- En la siguiente ventana de búsqueda utilizamos sólo la primera barra superior keywords:




- 63 -

NOTA: Uno puede buscar sus videos en la página de YouTube primero y una vez elegidos

puede colocar el título de ellos para buscarlo. Esta forma es más recomendada

3.- Aparecerá la siguiente ventana Search YouTube con los videos encontrados en

miniatura, donde podemos ejecutar:

5.-Aparecerá la siguiente pantalla de edición: Edit Show, donde puedes organizar tus videos.




- 64 -

6.- Aparecerá la siguiente pantalla para grabar el show. Completa sólo los dos primeros

datos y continúa.

7.- Luego da un click en el botón publish de la siguiente ventana:




- 65 -

8.- Aparecerá la siguiente ventana Publish Show, donde puedes modificar:

9.- Como no notificamos a ningún amigo, pasamos a la siguiente ventana:




- 66 -

10.- Aparecerá la siguiente pantalla de Shows, en la que podemos agregar otro show o editar

uno hecho, pero lo más importante es que podemos obtener el código HTML del canal:

11.- Aparecerá la siguiente pantalla, donde podemos:

3.- AGREGANDO LOS CODIGOS HTML text EN EL EDITOR DE HTML DE UNA

ENTRADA:


B.- Trabajando en la ficha Redactar coloca de título CUSCO en la entrada:

C.- Selecciona la ficha Edición de HTML de la entrada y pega ([Ctrl]+[V]) el código HTML text

copiado. Quedará así:




- 67 -

D.- Finalmente Seleccione el botón PUBLICAR ENTRADA

NOTA: Para modificar el tamaño de un vídeo debemos saber que:

1.- Los parámetros: width=" “: Establece el Ancho y height=" " : Establece el Alto del video

Valores aproximados para los casos:


(HTML/Javascript)


B.- Selecciona el enlace Añadir un elemento de página: (gadget), (Add a Page Element).

C.- Da un click en el botón o enlace HTML/Javascript.

D.- Digita el título: CUSCO.


F.- Modifica los valores de width y height por: width="210" height="150"


E.- Finalmente Seleccione el enlace Ver blog de Elemento de página añadido.




- 68 -


Nombre:………………………………………………………………………………………………

Edad:………………………………………………………………………………………………….

Organización:………………………………………………………………………………………..

I.- VOCABULARIO: Define los siguientes términos:

1.-E-mail……………………………………………………………………………………………...

2.-Chat………………………………………………………………………………………………..

3.-Sonido MID……………………………………………………………………………………….

4.-HTML………………………………………………………………………………………………

5.-MP3………………………………………………………………………………………………..

6.-WWW……………………………………………………………………………………………...


1.- ¿Qué otros usos educativos le puedes dar a tu Blog?

R.-……………………………………………………………………………………………………..

………………………………………………………………………………………………………...

2.- Bosqueja un pequeño proyecto sobre la aplicación de los Blog en tu entorno.




- 69 -


CULMINACIÓN DEL PROYECTO – Boletín Informativo

1.- Agrégale a tu Blog: Sonido de Fondo, puedes utilizar el que más te agrade.

2.- Agrégale un Panel de Mensajes con CBOX para las Autoevaluaciones. Con este avance

se culminará la evaluación del proyecto.

3.- Otros cambios y mejoras queda a tu creatividad, las cuales realzarán el contenido de tu

boletín informativo




- 70 -

CONCURSO DE BLOGS

Temática: Democracia con Derechos Sexuales y Reproductivos

Puntos a calificar:

♣ Contiendo de entradas y salidas (Buena redacción de la información )

♣ El contenido de entradas y salidas debe ser amplio y con fundamentos (validez de la

información publicada)

♣ Numero de visitantes

♣ El numero de comentarios que recibió tu blog

♣ Diseño de la presentación del blog

Premios:

1º lugar 1 MP4

2º Lugar 1 Celular

3º Lugar 1 MP3

4º Lugar 1 USB de 1G

Duración:

El concurso tendrá una duración de 1 mes, en los cuales se hará un seguimiento al blog

Requisitos de inscripción:

♣ Nombre y Apellido

♣ CI.

♣ Edad

♣ Teléfono

♣ Email

♣ Departamento/Municipio

♣ Organización

♣ Dirección de blog

♣ Temática en la que se trabajara

Para el registro del blog en el concurso deberá enviar estos requisitos a :

[email protected] o [email protected]

Informes: Dirección: Av. Sucre A Nº 4000 Esq. Av. Juan Pablo II Zona Los Andes

Teléfonos: 2840020 - 77796970

manual blog

Technology