LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de...

52
www.cuentos-suizo.blogspot.com PROFESOR: LIC. ALDO VEGA ROSALES Prohibido su reproducción total o parcial sin autorización del autor

Transcript of LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de...

Page 1: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

www.cuentos-suizo.blogspot.com

PROFESOR: LIC. ALDO VEGA ROSALES Prohibido su reproducción total o parcial sin autorización del autor

Page 2: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 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, familias 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.

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 peruanos de los diversos niveles de la educación básica

y superior puedan acceder a la llamada alfabetización digital, como opción personal y profesional. De

ese modo se accedería a espacios gratuitos que ofrece la Red, en este caso, la creación y

mantenimiento de Blogs, llamados a convertirse en edublogs conducidos por blogsfesores entusiastas y

responsables. 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.

Este es un curso guiado con ejemplos y prácticas que no requieren más que conocimientos

básicos de informática para llevarlo a cabo y cubre desde los aspectos más básicos para la creación de

su Blog hasta los más avanzados. Espero que lo disfruten.

Page 3: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 3 -

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 presione [ENTER])

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

2.- Bloque Acceder a tu cuenta creada en Blogger: Con tu Correo Electrónico y Contraseña.

4.- Bloque Ayuda de Blogger

1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos.

NOTAS: 1.- Cada cuenta a crear en Blogger requiere de un Correo Electrónico (E-mail) diferente, puede ser en: Hotmail, Terra, Yahoo, etc. 2.- En una cuenta de Blogger puedes crear muchos Blogs independientes, sólo comparten el perfil.

CAPíTULO I

Internet Explorer

3.- Estos enlaces te permiten hacer la búsqueda de Blogs importantes.

Page 4: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 4 -

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:

1.- Nombre de usuario: Digite el Correo Electrónico que será su Nombre de usuario. Anótalo aquí: __________________________

3.- Nombre que registrará Blogger en las entradas de tu Blog.

4.- Digite los caracteres que aparecen encima

6.- Una vez culminado da un clic en Continuar

1.- Da un Clic sobre la Flecha anaranjada.

5.- Active el cuadro de aceptación de las condiciones del servicio.

2.- Contraseña: Como mínimo 8 caracteres y Optima. Para que no se te olvide, Anótalo aquí: ____________________

Page 5: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 5 -

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:

APRENDA A ELABORAR SU BLOG

2.- La dirección URL será para que Ud. y el resto pueda acceder a tu Blog a través de Internet Explorer, sea creativo y digite sin www: Anótelo aquí: _________________.blogspot.com para no olvidarlo.

1.- Selecciona una plantilla, dando un Clic sobre él. Para nuestro ejemplo selecciona:

Rounders 3

1.-El Título se ubicará en la Cabecera de tu Blog, por ello debe tener relación con la información a publicar.

3.- Una vez culminado da un Clic en Continuar

2.- Una vez culminado da un Clic en Continuar

Page 6: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 6 -

Debes esperar hasta que aparezca el siguiente mensaje

3.- CREANDO ENTRADAS

Cuando uno da Clic 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:

1.- Da un clic en EMPEZAR A PUBLICAR para crear la Primera Entrada, que es obligatorio para publicar tu Blog.

Creación de entradas

2.- BARRA DE HERRAMIENTAS.- Para Añadir Imagen y dar Formato al Texto. Sus elementos se explican mas adelante.

1.- Coloque el Título que llevará tu entrada.

3.- Ficha Redactar .- Es El AREA DE EDICION.- Donde se desarrolla el contenido de tu Entrada: Texto –

Imágenes – Enlaces.

7.- Coloque una etiqueta para su entrada si lo desea. Esta aparecerá al final de su entrada.

4.- Enlace Vista previa

8.- Ficha Edición de HTML

6.- Enlace Opciones de entrada.- Permite cambiar el orden de las Entradas modificando sus fechas.

5.- Publique para ver su blog

Page 7: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 7 -

BARRA DE HERRAMIENTAS DEL EDITOR DE ENTRADAS

3.1.1.-Añadiendo una Imagen a tu entrada

1.-Da un clic 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.

ESTILO DE TEXTO

TAMAÑOS DE TEXTO

NEGRITA

CURSIVA

COLOR DEL TEXTO

ALINEACION

LISTA NUMERICA

LISTA CON VIÑETAS

ELIMIMNAR FORMATO DE LA SELECCION

AÑADIR IMAGEN

Añadir Vídeo

VÍNCULOS

COMPROBAR ORTOGRAFÍA

1.- Da un Clic en el botón Examinar para dirigirnos a la carpeta donde tiene almacenado su imagen y seleccionarlo. (La imagen debe ser de formato JPG[Fotos], Gif o BMP.

2.- Clic en uno de los Diseños para la ubicación de la imagen con respecto al texto.

3.- Seleccione el tamaño de la imagen que desea.

4.- Da un Clic en el botón Subir imagen para agregar la imagen a tu Entrada.

NOTA.- Puedes añadir una imagen de la Web colocando su URL.

Page 8: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 8 -

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

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 clic en el enlace Vista previa de la Barra de Herramientas, si deseamos volver da un Clic al enlace Ocultar vista preliminar. Una vez culminado da un Clic 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:

• 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.

1.- Dé Clic para continuar añadiendo texto

NOTA: esta pantalla es importante para continuar trabajando: Ver tu Blog: En una ventana nueva o en la misma ventana, Crear otra entrada, Editar la última entrada o cualquiera.

Page 9: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 9 -

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.

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:

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.

Aquí

Edita la última entrada creada.

1

2

Page 10: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 10 -

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.

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

NOTA A.- Aquí puedes modificar el número de entradas que se mostrarán en cada página de tu Blog de 5 – 300.

NOTA B.-Aquí puedes Eliminar cualquier entrada publicada, con un Clic en Suprimir y luego la confirmación.

1.-Da un Clic, sobre el Opción Editar de la Entrada que desee modificar, guíese por el Título de la entrada.

Page 11: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 11 -

AUTOEVALUACION N° 1 – ¿Qué has aprendido?

Debes desarrollar las siguientes preguntas: I.- VOCABULARIO: Define los siguientes términos informáticos:

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?

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

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

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

AVANCE DEL PROYECTO N° 1 – LIBRO ELECTRÓNICO

1.- Crea una nueva cuenta de Correo Electrónico, sólo para el proyecto: Anótelo Aquí: Contraseña: 2.- Escoge la temática del Libro Electrónico a crear: Personal, Familiar, Laboral, Profesional,

Informativo, etc. Les recomiendo que sea del área en el que trabajan.

3.- Elabora el borrador de tu Libro Electrónico 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

cratividad.

Page 12: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 12 -

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:

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:

CAPíTULO II

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 Clic sobre el enlace que te indican y listo. Ahora si continuemos:

1.- Ingresa tu Nombre de Usuario: E-mail utilizado y anotado en la Página 4.

2.- Ingresa tu Contraseña: Anotado en Página 4.

3.- Da un Clic en el botón ACCEDER.

Si trabajas en una PC propia activa esta opción para que ingrese directo a tu cuenta.

1.- EDITAR PERFIL: Lo Utilizarás para agregar y modificar datos de tu perfil así como una foto.

2.-NUEVA ENTRADA: Lo utilizarás para agregar una nueva entrada a tu Blog.

4.-Me direcciona a la ficha Opciones: Básico, Publicación, Formato, Comentarios, etc.

5.-Me direcciona a la ficha Diseño: Elementos de la Página, Fuentes y colores, Edición de HTML, Seleccionar Plantilla Nueva.

6.-Te permite crear muchos blogs en tu misma cuenta de Blogger. Importante para crear Libros Electrónicos.

3.-Me direcciona a la ficha Creación de entradas: Crear, Editar Entradas.

Page 13: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 13 -

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:

NOTA: Para agregar una Foto o Imagen a tu perfil, tenemos dos casos: 1.- Podemos subirlo desde tu equipo o 2.- Desde la Web, ello implica que tu foto debe tener una dirección URL en Internet.

Continúa…

NOTA: Algunos datos ya aparecen llenos. Si deseas sólo completa los obligatorios.

Page 14: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 14 -

http://bp3.blogger.com/_2HCcfuntMz8/RZ1cxdaTsJ

CASO 1: Se puede subir una foto o imagen de su equipo. Sólo de Clic en Examinar… y seleccione la foto.

CASO 2: Si la foto o imagen es de la Web: A.- Debe copiar la URL de la Foto o Imagen. B.- Pegue la URL o dirección Web de la foto. Seleccione Desde la Web, un Clic en la barra de texto y presione [Ctrl] + [V].

Continúa…

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

Page 15: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 15 -

4.- Aparecerá el siguiente mensaje donde debes seleccionar la opción Volver a: Escritorio. 5.- Retornarás al Panel Escritorio de Blogger donde podrás ver la foto del perfil y también

ver tu Blog:

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.- Una vez culminado da un clic sobre este botón para guardar su perfil.

1.- Da un clic en el enlace Escritorio.

1.- Da un Clic en el enlace Ver blog para ver su Blog.

Page 16: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 16 -

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:

Aquí

1.- Cambia el título del Blog que había colocado

2.- Ingrese una Descripción del Título éste se colocará en la Cabecera como Subtítulo.

3.- Guarde los valores para que los cambios se apliquen.

NOTA A.- En esta pantalla también puede eliminar su Blog dando un Clic en este botón.

Page 17: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 17 -

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

A.- Realizar otros cambios, B.- Ver tu Blog o C.- Salir. Hagamos otros cambios en la misma ventana:

2.2.- CAMBIAR LA DIRECCION URL DE TU BLOG

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

2.- Aparecerá un mensaje que me indica que los cambios se han guardado:

Continuemos con otros cambios: 2.3.- CAMBIAR TIEMPO DE PUBLICACIÓN, EL FORMATO E IDIOMA 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:

Mensaje

B

C

A

1.- Ingrese la nueva dirección URL que modificará la anterior. No olvides ser original para que no lo rechace y digita os caracteres de verificación.

2.- Da un clic para guardar la nueva configuración.

Page 18: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 18 -

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

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:

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.- ZONA DE LAS ENTRADAS: Muestra las entradas publicadas en orden inverso a la fecha de creación.

4.- ZONA DE VÍNCULOS PRINCIPAL: Muestra tus Archivos del blog, Datos personales (Perfil) y se le puede agregar otros elementos: Imagen, Lista de enlaces, etc.

2.- CABECERA DEL BLOG: Muestra el Título y Subtítulo.

5.- ZONA DE VÍNCULOS SECUNDARIA: Se le puede agregar elementos: Imagen, Lista de enlaces, etc.

1.- BARRA NAVBAR: Buscador, Salir, etc.

5.- Da un Clic para guardar los cambios.

3.- Para establecer el formato de la hora en que se publica una entrada de tu Blog.

4.- Para establecer La zona horaria: [UTC-05:00] Hora de Perú y

El idioma de la fecha: español (Perú)

1.- Para establecer el # de entradas que se verán en la página principal de tu Blog.

2.- Para establecer el formato de fecha que se ubica en la cabecera de cada entrada de tu Blog y del panel Archivos.

Page 19: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 19 -

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.

1.- Abre BLOGGER e ingresa con tu Nombre de Usuario y Contraseña. 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:

Aquí

3.7

3.2

3.3

3.4

3.5

Botones: Guardar, Vista previa y Borrar Cambios

3.1

Page 20: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 20 -

3.1.- Editar la Barra de Navegación.- Para editar esta barra ejecuta lo siguiente: 1.- Da un clic 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. 3.2.- Editar el Encabezado.- Para editar la Cabecera o Encabezado ejecuta lo siguiente: 1.- Da un clic sobre el enlace Editar de la Cabecera, aparecerá la siguiente

ventana donde podrás Ejecutar: 3.3.- Editar las Entradas del Blog.- Para configurar las Entradas ejecuta lo siguiente: 1.- Da un clic 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.

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

2.- Puedes subir una imagen desde tu equipo o de la web con la URL de la imagen.

3.- Puedes ubicar la imagen en lugar del título o detrás.

4.- No olvides activar reducir hasta ajustar

1.- Modifica el Título y la descripción de tu Blog.

5.- Da un clic en guardar y puedes revisarlo son el botón vista previa.

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

Page 21: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 21 -

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 clic 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.

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

2.- Arrastrar las etiquetas para ordenarlo, si lo desea.

1.- Puedes desactivar estas opciones si deseas que desaparezcan estos elementos de tu Blog.

1.- Modificar Título por ENLACES DE ENTRADAS

2.- Puedes eliminar esta lista de enlaces a las entradas.

Page 22: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 22 -

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 clic 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.

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

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:

1.- Arrastra el elemento Datos personales a la ubicación deseada, veamos que quede sobre el elemento Archivo del Bolg (Enlaces de Entradas).

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

Page 23: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 23 -

3.7.- Añadir un Elemento de Página a tu Blog (Añadir 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:

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

-INSTITUTO DE PEDAGOGIA POPULAR: www.ipp-peru.com

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

-SOFTWARE EDUCATIVO: www.internenes.com

Luego ejecuta lo siguiente:

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.

Da un clic sobre la imagen o título del elemento.

Page 24: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 24 -

1.- Da un clic 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 clic sobre la imagen. Aparecerá la ventana siguiente en la cual sigue los pasos indicados:

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).

1.- Escribe el título general del Elemento o la zona de enlaces.

2.- Puedes ordenar los enlaces alfabéticamente

3.- Digitar la dirección de la página Web (URL) a que se enlazará.

4.- Digitar el nombre que aparecerá en los enlaces y que los usuarios de tu blog leerán.

5.- Para añadir varios vínculos al mismo elemento usa este botón. Para nuestro caso son 4.

7.- Guarda los cambios y revisa los avances con el botón Vista previa o el enlace Ver blog. Nota.- En la pantalla Elementos de la página sólo se verá el título del elemento y Editar.

NOTA: Si desea eliminar el elemento total, Edita el elemento y el botón ATRÁS cambiará por ELIMINAR.

6.- Puedes editar, suprimir y cambiar de ubicación a los enlaces agregados.

Page 25: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 25 -

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 clic 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 clic sobre su imagen. Aparecerá la ventana siguiente en la cual sigue los pasos siguientes:

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

1.- Abre BLOGGER e ingresa con tu Nombre de Usuario y Contraseña. 2.- Selecciona el enlace Diseño del Panel Escritorio.

Una vez que sube la imagen aparecerá la siguiente ventana:

1.- Coloca un Título a tu Imagen.

2.- Si desea enlazar la imagen digite la URL de la Web elegida.

3.2.- Si la imagen es de la Web, selecciona esta opción y digita o pega en la barra de texto la dirección URL de la imagen previamente seleccionada o copiada.

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.1.- Si la imagen está en tu PC da un clic en el botón examinar, luego ubica y selecciona la imagen.

4.- Guarda los cambios y puedes revisar como queda con el botón Vista previa o el enlace Ver blog.

Page 26: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 26 -

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:

3.3.- CAMBIAR DE PLANTILLA.

3.1.- Cambiar colores de los elementos de la plantilla.- 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:

Aquí

1.-BARRA DE LISTA DE LOS ELEMENTOS DE LA PLANTILLA CUYOS COLORES Y FUENTES PUEDES CAMBIAR.

2.-LISTAS DE: COLORES – FORMATOS DE FUENTES A APLICAR.

4.-GUARDAR O BORRAR CAMBIOS

3.-PANEL DE VISTA PREVIA

Page 27: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 27 -

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

Color de fondo principal

Color del texto

Color del título de la entrada

Color de la cabecera de fecha

Color del borde de la entrada

Color del vínculo

Color de los vínculos visitados

Color de fondo de la cabecera de la página

Color del título del blog

Color del título de la barra lateral principal

Color de fondo de la columna lateral superior

Color del texto de la columna lateral superior

Color de los vínculos de la columna lateral superior

Color de los vínculos visitados de la columna lateral superior

Bottom Sidebar Title Color

Bottom Sidebar Link Color

Bottom Sidebar Visited Link Color

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.

2.-Puedes elegir el color de fondo que desees de los paneles: Colores de tu blog, Colores que combinan con tu blog y Más colores. Por ejemplo Verde.

1.-Selecciona la opción Color de fondo de la cabecera de la página.

3.-Guarda los cambios.

Vista previa para verificar los cambios antes de guardarlos

4.-Para ver tu blog en otra ventana luego de haber guardado los cambios.

Page 28: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 28 -

3.2.- Cambiar la Fuente de los elementos de la plantilla.- 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:

B.- Otras Fuentes que puedes cambiar son.-

Aa Fuente del texto

Aa Fuente del título del blog

Aa Fuente de descripción del blog

Aa Fuente del título de la barra lateral

Aa Fuente del título de la entrada 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. 3.3.- SELECCIONAR UNA PLANTILLA NUEVA PARA TU BLOG.

1.- Abre BLOGGER e ingresa con tu Nombre de Usuario y Contraseña. 2.- Selecciona el enlace Diseño del Panel Escritorio.

2.- Selecciona Georgia de la Familia de fuentes

1.-Selecciona la opción Fuente del título del blog.

5.-Guarda los cambios.

Vista previa para verificar los cambios antes de guardarlos

3.-Activa los Estilos de fuente: Negrita y Cursiva.

4.-Aumenta o disminuye el tamaño de la fuente del título si es necesario.

6.-Para ver tu blog en otra ventana luego de haber guardado los cambios.

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.

Page 29: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 29 -

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:

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.

1.-EN EL PANEL DE GRUPOS DE PLANTILLAS.- Selecciona la plantilla Rounders 2 de este grupo.

NOTA: La plantilla Stretch Denim es una plantilla que abarca todo el ancho de la pantalla.

2.-Guarda la Plantilla

3.-Para ver tu blog en otra ventana luego de haber guardado los cambios.

Aquí

Page 30: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 30 -

AUTOEVALUACION N° 2 – ¿Qué has aprendido?

Debes desarrollar las siguientes preguntas: I.- VOCABULARIO: Define los siguientes términos informáticos:

1.-Http 2.-Enlace 3.-Plantilla

4.-JPG 5.-Perfil 6.-Fuente

II.- CUESTIONARIO: Desarrolla las siguientes preguntas:

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

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

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

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

AVANCE DEL PROYECTO N° 2 – LIBRO ELECTRÓNICO 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 las

Blogs creados para cada página del libro electrónico. 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 que 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.

Page 31: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 31 -

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 ingresantes, 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 INGRESANTES 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, el resto queda para que investigues.

CAPíTULO III

Page 32: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 32 -

FICHA DE TRABAJO N° 1

AGREGÁNDOLE UN SONIDO DE FONDO A TU BLOG COMO ELEMENTO 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 Clic 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:

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:

1.- Clic derecho sobre cualquiera de las zonas:

2.- Selecciona y copia esta URL:

Page 33: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 33 -

NOTA: En el código src pega la dirección del sonido Midi copiado.

Quedaría de la siguiente manera:

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:

Parámetro Utilidad SRC Contiene la dirección URL del archivo de sonido a reproducir WIDTH y HEIGHT Aparece un pequeño reproductor, estos parámetros especifican su

tamaño. Ancho y Alto respectivamente. AUTOSTART="true" Arranca automáticamente la reproducción. Para que no arranque

automáticamente en lugar de “true” colocamos “0” LOOP="true" Reproduce ininterrumpidamente el fichero hasta que salimos de la

página.

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

<embed width="200" autostart="true" loop="true" src="Pega Aquí la Dirección URL del sonido MIDI" height="40"></embed>

<embed width="200" autostart="true" loop="true" src="http://www.culturageneral.net/musica/clasica/htm/../htm/midis/sonata_no_14_claro_de_luna.mid" height="40"></embed>

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 Clic 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.htm

Page 34: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 34 -

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.

4.- Ahora da un clic sobre el botón Create my Cbox!

2.- Completa los datos que nos solicitan: -Nombre de usuario. -Correo Electrónico: Uno por cuenta. -Contraseña. -La URL del Blog. -Elige un Estilo.

1.- Da un clic en la pestaña sign up

3.- Acepta las condiciones del servicio.

1.- Da un clic en este enlace de verificación.

Page 35: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 35 -

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

E.- aparecerá la siguiente ventana final: 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 deses.

<!-- BEGIN CBOX - www.cbox.ws - v001 --> <div id="cboxdiv" style="text-align: center; line-height: 0"> <div><iframe frameborder="0" width="200" height="305" src="http://www5.cbox.ws/box/?boxid=326487&amp;boxtag=4916&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe></div> <div><iframe frameborder="0" width="200" height="75" src="http://www5.cbox.ws/box/?boxid=326487&amp;boxtag=4916&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe></div> </div> <!-- END CBOX -->

1.- Digita tu nombre de usuario

2.- Digita tu contraseña

1.- Da un clic en el botón Update.

2.- Selecciona y copia los códigos de la barra.

Page 36: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 36 -

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

ventana nueva.

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 clic 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.

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 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.

Page 37: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 37 -

FICHA DE TRABAJO N° 3

AGREGAR UN VÍDEO DE YOUTUBE A UNA ENTRADA DE TU BLOG 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 clic 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.

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:

Selecciona en este panel otro vídeo si el anterior no te gusta. NOTA: Si deseas cambiar de tema tienes que ir a la barra Search.

E.- Da un clic sobre la barra Insertar y Copia ([Ctrl] + [C]) los códigos que aparecen.

D.- Puede personalizar la presentación del vídeo: No incluir videos relacionados, Mostrar borde.

Si deseas puedes seleccionar en este panel otro vídeo si el anterior no te gusta. NOTA: Si deseas cambiar de tema tienes que ir a la barra Buscar.

Page 38: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 38 -

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.

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 clic en el botón AÑADIR AL BLOG del elemento HTML/Javascript. D.- Digita el título : CUSCO - PROMPERU TV COMERCIAL. E.- Pega el código Insertar en el área CONTENIDO. F.- Modifica los valores de width y height de la parte inferior (SEGUNDA PAREJA) por: width="210" height="150"

D.- Seleccione el botón GUARDAR. E.- Finalmente Seleccione el enlace Ver blog de elemento de página añadida.

<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/D7pbF2P8CLM&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/D7pbF2P8CLM&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>

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:

Lugar donde ubicas el video valores EN UNA ENTRADA width="425" o Menos

height="355" o Menos PANEL DERECHO – COMO ELEMENTO

width="210" A 225 height="150" A 165

Page 39: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 39 -

FICHA DE TRABAJO N° 4

PONER UN SLIDE SHOW EN TU BLOG 1.- REGISTRANDONOS Y EMPEZANDO A CREAR NUESTRO SLIDE 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:

1.- REGISTRATE.- Para ello damos un clic en el botón Regístrate. Y completamos los datos de la siguiente ventana:

2.- SUSCRIBETE.- Con un correo electrónico y una contraseña. Luego da un clic en el botón Regístrate.

1.- Seleccionar las imagenes

2.- Subir las imágenes.

VISUALIZADOR DEL SLIDE SHOW 3.- Darle un Estilo.

4.- Darle un Borde (Skins).

5.- Darle un Tamaño. Considerar los valores de los videos: Para una Entrada dejar como esta. Para añadirlo como un Elemento de página: Ancho: 210 y Altura 150.

2.- En la siguiente pantalla da un clic en el enlace Clic here, para empezar a crear el slide.

Page 40: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 40 -

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

C.- Copiamos el código HTML obtenido: 3.- AGREGANDO LOS CODIGOS HTML EN EL EDITOR DE HTML DE UNA ENTRADA:

A.- Crea una Nueva Entrada en tu Blog. 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.

<div><embed src="http://widget-00.slide.com/widgets/slideticker.swf" type="application/x-shockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent" flashvars="cy=h5&il=1&channel=1873497444995296512&site=widget-00.slide.com" style="width:426px;height:320px" name="flashticker" align="middle"/><div style="width:426px;text-align:left;"><a href="http://www.slide.com/pivot?cy=h5&at=un&id=1873497444995296512&map=1" target="_blank"><img src="http://widget-00.slide.com/p1/1873497444995296512/h5_t016_v000_s0un_f00/images/xslide1.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=h5&at=un&id=1873497444995296512&map=2" target="_blank"><img src="http://widget-00.slide.com/p2/1873497444995296512/h5_t016_v000_s0un_f00/images/xslide2.gif" border="0" ismap="ismap" /></a></div></div>

1.- Arrastrar las fotos

2.- Colocar una leyenda

3.- Cambiar colores Fuente y fondo.

4.- Guardamos para obtener el código HTML.

1.- Seleccionamos y copiamos ([Ctrl]+[C]).

Page 41: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 41 -

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: Este error lo arreglamos haciendo el siguiente cambio en los códigos: Listo, Ahora si podemos publicar entrada. 4.- AGREGANDO EL SLIDE SHOW 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 clic en el botón AÑADIR AL BLOG del elemento 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.

<div><embed src="http://widget-00.slide.com/widgets/slideticker.swf" type="application/x-shockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent" flashvars="cy=h5&il=1&channel=1873497444995296512&site=widget-00.slide.com"

style="width:426px;height:320px" name="flashticker" align="middle"/><div style="width:426px;text-align:left;"><a href="http://www.slide.com/pivot?cy=h5&at=un&id=1873497444995296512&map=1" target="_blank"><img src="http://widget-00.slide.com/p1/1873497444995296512/h5_t016_v000_s0un_f00/images/xslide1.gif" border="0" ismap="ismap" /></a> <a

Cambiar por:

"middle"></embed><div style

Page 42: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 42 -

FICHA DE TRABAJO N° 5

AGREGAR UN SPLASHCAST A UNA ENTRADA DE TU BLOG Y COMO 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.

NOTA: Este panel es para ingresar las siguientes veces, luego que tengas tu cuenta en SplashCast.

1.- Da un clic sobre el enlace Login

2.- Luego vamos a registrarnos, da un Clic en el botón register now.

2.- Acepta las condiciones del servicio.

1.- Completa los datos obligatorios. NOTA: Para crear otra cuenta de splashCast, necesitas otro correo.

3.- Da un Clic en el botón done.

Page 43: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 43 -

2.- CREAR UN CANAL DE PELICULAS CON VARIAS PARTES DE VIDEOS DE YOUTUBE A.- Creamos un Canal desplegando la barra indicada y completamos los datos:

B.- Aparecerá un mensaje de canal vacío y la pregunta si deseamos crear un show en el canal, debemos aceptar dando clic en yes. Cada show creado puede contener varios videos que pueden ser relacionados o no.

Desarrollemos los siguientes pasos para crear un show:

D.- En la siguiente ventana Friend Manager da un Clic 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 clic en el botón login. Ahora ya estamos listos para crear nuestro canal.

1.- Desplegamos la barra Choose a Channel y seleccionamos la opción Create new channel.

2.- Completa los dos primeros datos: Name: historia del cusco Category: Educación

3.- Da un Clic en el botón save.

Page 44: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 44 -

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:

3.- Aparecerá la siguiente ventana Search YouTube con los videos encontrados en miniatura, donde podemos ejecutar:

1.-Elegimos el tipo de show que vamos a trabajar. Para nuestro caso VIDEO.

2.-Ahora elegimos YouTube.

3.- Finalmente done

1.- Digita el tema de los videos a buscar. Para nuestro caso: Cusco milenario y presiona go.

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.

1.- Selecciona los videos que deseas para agregar a tu show. Clic en los cuadritos del vértice superior izquierdo de cada video.

2.- Puedes avanzar a la siguiente página para revisar otros videos.

4.- Terminado se seleccionar los videos. Da un clic en save y luego en done.

3.- Este botón te permite hacer otra búsqueda sumando videos a los elegidos anteriormente.

Page 45: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 45 -

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

6.- Aparecerá la siguiente pantalla para grabar el show. Completa sólo los dos primeros datos y continúa.

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

1.- Arrastrando puedes cambiar de posición los videos.

2.- Puedes eliminar cualquier video 3.- Puedes agregar

otro video

4.- Finalmente haz clic en el botón save.

1.- Completa estos datos, son suficiente.

2.- Da un clic en next.

Page 46: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 46 -

8.- Aparecerá la siguiente ventana Publish Show, donde puedes modificar: 9.- Como no notificamos a ningún amigo, pasamos a la siguiente ventana:

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:

1.- Da un clic en el botón skip this step, para continuar

1.- El tiempo de transición de un video al siguiente. Lo recomendable es 2 segundos.

2.- Da un clic en el botón publish para continuar.

1.- Da un clic en el botón code para obtener los códigos a insertar.

Page 47: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 47 -

11.- Aparecerá la siguiente pantalla, donde podemos: 3.- AGREGANDO LOS CODIGOS HTML text 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 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í:

Antes de publicar debes cambiar lo siguiente: D.- Finalmente Seleccione el botón PUBLICAR ENTRADA

<embed src="http://web.splashcast.net/go/so/1/c/GCYV3146ZH" wmode="transparent" width="320" height="240" allowFullScreen="true" type="application/x-shockwave-flash" />

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:

Lugar donde ubicas el video valores EN UNA ENTRADA width="425" o Menos

height="355" o Menos PANEL DERECHO – COMO ELEMENTO

width="210" A 225 height="150" A 165

El código final quedará: Cámbialo por </embed> y listo.

<embed src="http://web.splashcast.net/go/so/1/c/GCYV3146ZH" wmode="transparent" width="320" height="240" allowFullScreen="true" type="application/x-shockwave-flash"></embed>

1.- Modificar el tamaño de los videos: 320x240 : Para Entrada. 210x150 : Para Elemento de Página, como no aparece lo debes cambiar en blogger, al pegar el código.

2.- Da un clic en el botón copy HTML text. para copiar los códigos.

3.- Finalmente hacemos clic en done o podemos cerrar la ventana para pasar a la ventana de blogger.

OJO:

Page 48: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 48 -

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: (gadget), (Add a Page Element). C.- Da un clic en el botón o enlace HTML/Javascript. D.- Digita el título: CUSCO. E.- Pega el código Insertar en el área CONTENIDO. F.- Modifica los valores de width y height por: width="210" height="150"

D.- Seleccione el botón GUARDAR. E.- Finalmente Seleccione el enlace Ver blog de Elemento de página añadido.

Page 49: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

PAGINA - 49 -

AUTOEVALUACION N° 3 – ¿Qué has aprendido? I.- VOCABULARIO: Define los siguientes términos informáticos:

1.-E-mail 2.-Chat 3.-Sonido MID

4.-HTML 5.-MP3 6.-WWW

II.- CUESTIONARIO: Desarrolla las siguientes preguntas:

1.- ¿Qué otros usos educativos le puede dar usted a su Blog? 2.- Bosqueja un pequeño proyecto sobre la aplicación de los Blog en tus Clases.

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

CULMINACIÓN DEL PROYECTO – LIBRO ELECTRÓNICO 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 Libro.

Page 50: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : CREAR UN BLOG LIC. ALDO VEGA ROSALES

PAGINA - 50 -

CONCLUSIONESY POTENCIALIDADES EDUCATIVAS

1.- Hay muchas Páginas Web que te brindan el servicio gratuito para crear tu Blog. Elegimos el servicio de Blogger para crear libros electrónicos porque nuestra experiencia desde el año 2006 ha sido un trabajo en una interfaz cada día más fácil de utilizar y la posibilidad de modificar las plantillas además de ser un servicio gratuito con una publicación y actualización en tiempo real. 2.- Una vez que se domina el manejo de esta herramienta, podemos aplicarlo para elaborar una gama muy amplia de materiales educativos, experiencias que podemos asegurar y demostrar. Contamos con las siguientes experiencias de los Blogs aplicados en la educación:

2.1.- LIBROS ELECTRÓNICOS Esta experiencia la estamos implementando la cual a sido pensada para elaborar textos tanto por parte de los docentes como también por los alumnos. Abre la posibilidad de poder producir material de consulta y en línea. EJEMPLO: El modelo del que trata el presente manual es el siguiente:

www.cuentos-suizo.blogspot.com/

2.2.- ELABORAR UNA CLASE VIRTUAL.- Utilizando la técnica “La caza de tesoros” podemos elaborar Blogs que permitan hacer un uso orientado y positivo de las bondades del Internet. Veamos un ejemplo:

RECICLAJE Área: Ciencias Sociales Nivel: Secundaria

INTRODUCCIÓN En el mundo actual, el nivel de desarrollo de un país se mide por la cantidad de residuos que produce. Pero no es menos cierto que su grado de cultura y desarrollo cívico es función del nivel de reciclado de estos residuos que genera. Estamos a tiempo para concienciarnos del impacto medioambiental que producen nuestras basuras. Esta actividad puede ser interesante y en ella puedes encontrar información y orientación en este sentido.

PREGUNTAS 1.- ¿Cual es la materia prima para la fabricación papel? 2.- ¿Por qué crees que es necesario reciclar el papel? 3.- Crees que es mas ecológico utilizar el papel blanco o sin blanquear. Justifica la respuesta. 4.- ¿Qué significa en el argot medioambiental: las 3R? 5.- Seguro que al revisar las páginas recomendadas encontrarás alguna actividad interesante para realizar en el laboratorio. Prepara el guión.

RECURSOS

página 1 http://www.iespana.es/natureduca/activ_reciclaje_papel.htm

página 2 http://www.redcicla.com/index.htm

página 3 http://alternativa-joven.org/extrenatura/sub4/rrr.html

LA GRAN PREGUNTA

Vamos a probar tu idea sobre el reciclado: ¿Qué porcentaje de la basura doméstica crees que se puede reciclar?... (piénsalo y contesta)...Ahora busca en la página 2 y comprueba.

Page 51: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : CREAR UN BLOG LIC. ALDO VEGA ROSALES

PAGINA - 51 -

EVALUACIÓN Se valorará la precisión en la respuesta, la justificación en aquellas que lo necesiten, la redacción clara y escrita atendiendo a las reglas gramaticales y ortográficas.

EJEMPLO: Un modelo la tenemos en el siguiente:

http://energiasuizo.blogspot.com/

2.3.- CLASES VIRTUALES DE HISTORIA UTILIZANDO VIDEOS DE YOUTUBE.- Si bien la mayoría de docentes tenemos una desconfianza de los vídeos que encontramos en YouTube, no podemos negar que es una página a la que acceden la gran mayoría de nuestros estudiantes. Por ello debemos explotarlo de modo orientando y seleccionando los materiales positivos de esa página. La facilidad con que se insertan y manipulan los vídeos hace que podamos utilizar con mucho valor este servicio: EJEMPLO:

www.aniversuizo.blogspot.com

2.4.- PERIODICOS ESCOLARES ELECTRÓNICOS.-

Herramienta que explotan los docentes de comunicación para que los alumnos puedan publicar noticias locales, regionales, nacionales e internacionales. Poniendo en práctica sus opiniones y creatividad sobre la realidad.

2.5.- MÓDULOS DE TRABAJO PARA CASOS DE ALUMNOS QUE FALTAN A LA ESCUELA O PARA ESTUDIOS A LARGA DISTANCIA.- Herramienta que abre las opciones de facilitar los estudios para alumnos que se hayan ausentado de clases por motivos de salud u otros. En nuestra experiencia nos sirvió para trabajar con alumnos de la nocturna. Para los cuales se les facilita los materiales avanzados cuando han faltado por causas justificadas, pero con evaluaciones presenciales obligatorias. Así no se retrazan y culminan su año escolar satisfactoriamente.

2.6.- TRABAJAR EN REDES EDUCATIVAS.- A través de esta herramienta todos los trabajos de las Instituciones Educativas pueden integrarse y actualizarse en tiempo real, de esa forma se están comunicando los avances en los diferentes programas que se desarrollan. EJEMPLO:

http://promotoresescolares7084.blogspot.com/

2.7.- PRODUCCION Y PUBLICACIÓN DE TRABAJOS DE INVESTIGACIÓN DE LOS DOCENTES.-

2.8.- DIFUNDIR LOS AVANCES PROPIOS DE CADA INSTITUCIÓN.-

EJEMPLO: www.aniversuizo.blogspot.com

Page 52: LIBRO ELECTRONICO CON BLOGGER...Blogger 1.- Bloque Crear un Blog, aquí iniciarás la creación de tu Blog en tres pasos. NOTAS : 1.- Cada cuenta a crear en Blogger requiere de un

INTERNET : CREAR UN BLOG LIC. ALDO VEGA ROSALES

PAGINA - 52 -

BIBLIOGRAFÍA CONSULTADA Páginas Web: 1.- https://www.blogger.com/ 2.- http://www.latarea.com.mx/articu/articu12/salcid12.htm 3.- http://www.cidse.itcr.ac.cr/revistamate/index.html 4.- http://www.aula21.net/ 5.- http://dewey.uab.es/pmarques/buenidea.htm#intro 6.- http://www.eduteka.org/ComprensionLecturaInternet.php 7.- http://dewey.uab.es/pmarques/habilweb.htm#riesgos#riesgos 8.- http://contexto-educativo.com.ar/2003/4/nota-02.htm 9.- http://www.eduteka.org/BlogsEducacion.php