You are on page 1of 64

www.cuentos-suizo.blogspot.

com

PROFESOR: LIC. ALDO VEGA ROSALES


Autorizado por el autor sólo para impresiones – aldovr73@hotmail.com
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

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.

PAGINA - 2 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

CAPíTULO 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:


Internet
Explorer

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.

3.- Estos enlaces te permiten hacer la


búsqueda de Blogs importantes.

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.

PAGINA - 3 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

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:

1.- Da un Clic sobre


la Flecha anaranjada.

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í:
__________________________

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

3.- Nombre que registrará Blogger


en las entradas de tu Blog.

4.- Digite los caracteres


que aparecen encima

5.- Active el cuadro de


aceptación de las
condiciones del servicio.
6.- Una vez culminado da
un clic en Continuar

PAGINA - 4 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

Paso 2: Asignándole un nombre a tu Blog

1.-El Título se ubicará en la


Cabecera de tu Blog, por ello
debe tener relación con la
información a publicar.

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.

3.- Una vez culminado


da un Clic en Continuar

Paso 3: Eligiendo una Plantilla para tu Blog.


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

1.- Selecciona una


plantilla, dando un Clic
sobre él. Para nuestro
ejemplo selecciona:
Rounders 3

2.- Una vez culminado


da un Clic en Continuar

PAGINA - 5 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
Debes esperar hasta que aparezca el siguiente mensaje

1.- Da un clic en EMPEZAR A


PUBLICAR para crear la Primera
Entrada, que es obligatorio para publicar
tu Blog.

3.- CREANDO ENTRADAS


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

Creación de entradas 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:

2.- BARRA DE
1.- Coloque el Título que HERRAMIENTAS.- Para Añadir
llevará tu entrada. Imagen y dar Formato al Texto. Sus
elementos se explican mas adelante.

8.- Ficha Edición de


HTML

4.- Enlace Vista previa

3.- Ficha Redactar .- Es El AREA DE


EDICION.- Donde se desarrolla el
contenido de tu Entrada: Texto –
Imágenes – Enlaces.

6.- Enlace Opciones de entrada.-


Permite cambiar el orden de las
Entradas modificando sus fechas.

7.- Coloque una etiqueta para su


5.- Publique para ver su entrada si lo desea. Esta aparecerá
blog al final de su entrada.

PAGINA - 6 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
BARRA DE HERRAMIENTAS DEL EDITOR DE ENTRADAS

CURSIVA
ESTILO DE VÍNCULOS ELIMIMNAR
TEXTO LISTA CON FORMATO DE LA
VIÑETAS SELECCION
TAMAÑOS ALINEACION
DE TEXTO

LISTA Añadir Vídeo


COLOR DEL NUMERICA
TEXTO AÑADIR
COMPROBAR IMAGEN
ORTOGRAFÍA
NEGRITA

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.- Puedes añadir una


imagen de la Web colocando su
URL.

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.
3.- Seleccione el tamaño de
la imagen que desea.

2.- Clic en uno de los


Diseños para la ubicación de
la imagen con respecto al
texto.
4.- Da un Clic en el botón Subir
imagen para agregar la imagen a tu
Entrada.

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.

PAGINA - 7 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
3.-Debemos esperar, aparecerá el siguiente mensaje:

1.- Dé Clic para continuar


añadiendo texto

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.

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.

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.

PAGINA - 8 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

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:

Aquí

Edita la última
entrada creada.

PAGINA - 9 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

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:

NOTA A.- Aquí puedes modificar


el número de entradas que se
mostrarán en cada página de tu
Blog de 5 – 300.

1.-Da un Clic, sobre el Opción Editar NOTA B.-Aquí puedes Eliminar


de la Entrada que desee modificar, cualquier entrada publicada, con un Clic
guíese por el Título de la entrada. en Suprimir y luego la confirmación.

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

PAGINA - 10 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

AUTOEVALUACION N° 1 – ¿Qué has aprendido?


Debes desarrollar las siguientes preguntas:

I.- VOCABULARIO: Define los siguientes términos informáticos:


1.-Internet 3.-Interfaz
2.-Plantilla 4.-Editor de Entradas
3.-URL 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
creatividad.

PAGINA - 11 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

CAPíTULO II

EDITAR TU PERFIL Y ADMINISTRAR OPCIONES Y DISEÑOS DE 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 Clic 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:

1.- Ingresa tu Nombre de Usuario: E- 2.- Ingresa tu Contraseña:


mail utilizado y anotado en la Página 4. Anotado en Página 4.

Si trabajas en una
PC propia activa
3.- Da un Clic en el esta opción para que
botón ACCEDER. ingrese directo a tu
cuenta.

Inmediatamente ingresará por primera vez al Panel Escritorio, donde distinguiremos las siguientes
opciones a utilizar en adelante:
6.-Te permite crear muchos
1.- EDITAR PERFIL: Lo Utilizarás para blogs en tu misma cuenta de
agregar y modificar datos de tu perfil así como Blogger. Importante para crear
una foto. Libros Electrónicos.

4.-Me direcciona a la ficha


Opciones: Básico, Publicación,
Formato, Comentarios, etc.

2.-NUEVA ENTRADA: Lo 3.-Me direcciona a la ficha 5.-Me direcciona a la ficha Diseño:


utilizarás para agregar una Creación de entradas: Crear, Elementos de la Página, Fuentes y
nueva entrada a tu Blog. Editar Entradas. colores, Edición de HTML,
Seleccionar Plantilla Nueva.

PAGINA - 12 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

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.

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: Algunos datos ya aparecen


llenos. Si deseas sólo completa los
obligatorios.

Continúa…

PAGINA - 13 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

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

CASO 1: Se puede subir una foto o


imagen de su equipo. Sólo de Clic en
Examinar… y seleccione la foto.

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

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…

PAGINA - 14 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

2.- Una vez culminado da un clic sobre este


botón para guardar su perfil.

4.- Aparecerá el siguiente mensaje donde debes seleccionar la opción Volver a: Escritorio.

1.- Da un clic en el enlace


Escritorio.

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

1.- Da un Clic en el enlace Ver blog


para ver su 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.

PAGINA - 15 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

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.

Aquí

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:

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.

PAGINA - 16 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

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.

B
A

Mensaje

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:

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.

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:

PAGINA - 17 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

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.

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

5.- Da un Clic para guardar los cambios.

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:
1.- BARRA NAVBAR:
Buscador, Salir, etc.

2.- CABECERA DEL BLOG:


Muestra el Título y Subtítulo.

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.

3.- ZONA DE LAS


ENTRADAS: Muestra las 5.- ZONA DE VÍNCULOS
entradas publicadas en orden SECUNDARIA: Se le puede
inverso a la fecha de creación. agregar elementos: Imagen,
Lista de enlaces, etc.

PAGINA - 18 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

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.

Aquí

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:

Botones: Guardar, Vista


previa y Borrar Cambios

3.1

3.2

3.4

3.5

3.3
3.7

PAGINA - 19 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
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:

1.- Modifica el
Título y la
2.- Puedes subir una imagen descripción de tu
desde tu equipo o de la web Blog.
con la URL de la imagen.

3.- Puedes ubicar la imagen


en lugar del título o detrás. 5.- Da un clic en
guardar y puedes
revisarlo son el
4.- No olvides activar reducir botón vista previa.
hasta ajustar

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

PAGINA - 20 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

1.- Puedes desactivar estas


opciones si deseas que
desaparezcan estos elementos
de tu Blog.

2.- Arrastrar las etiquetas


para ordenarlo, si lo desea.

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.

1.- Modificar Título por


ENLACES DE ENTRADAS

2.- Puedes eliminar esta lista


de enlaces a las entradas.

PAGINA - 21 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
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:

2.- Guarda los cambios y puedes revisar


los cambios con el botón Vista previa.

1.- Arrastra el elemento Datos


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

PAGINA - 22 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
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:

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

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.

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:

PAGINA - 23 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
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:

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

5.- Para añadir varios vínculos


al mismo elemento usa este
botón. Para nuestro caso son 4.
4.- Digitar el nombre que aparecerá en
los enlaces y que los usuarios de tu
blog leerán.

6.- Puedes editar, suprimir y


cambiar de ubicación a los
enlaces agregados.

NOTA: Si desea eliminar el elemento 7.- Guarda los cambios y revisa los avances con el
total, Edita el elemento y el botón botón Vista previa o el enlace Ver blog.
ATRÁS cambiará por ELIMINAR. Nota.- En la pantalla Elementos de la página sólo
se verá el título del elemento y Editar.
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).

PAGINA - 24 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
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:

2.- Si desea enlazar la imagen digite la URL


1.- Coloca un Título a de la Web elegida.
tu Imagen.
3.1.- Si la imagen está en tu PC da un clic en
el botón examinar, luego ubica y selecciona la
imagen.

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.

Una vez que sube la imagen aparecerá la siguiente


ventana:

4.- Guarda los cambios y puedes


revisar como queda con el botón Vista
previa o el enlace Ver blog.

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.


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

PAGINA - 25 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

Aquí

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:

1.-BARRA DE LISTA DE LOS 2.-LISTAS DE: COLORES –


ELEMENTOS DE LA PLANTILLA FORMATOS DE FUENTES
CUYOS COLORES Y FUENTES A APLICAR.
PUEDES CAMBIAR.

4.-GUARDAR O BORRAR
CAMBIOS

3.3.- CAMBIAR DE PLANTILLA. 3.-PANEL DE VISTA PREVIA

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:

PAGINA - 26 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

2.-Puedes elegir el color de fondo que desees de


1.-Selecciona la opción Color de fondo los paneles: Colores de tu blog, Colores que
de la cabecera de la página. combinan con tu blog y Más colores. Por
ejemplo Verde.

3.-Guarda los cambios. 4.-Para ver tu blog en otra ventana


luego de haber guardado los cambios.

Vista previa para verificar los


cambios antes de guardarlos

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.

PAGINA - 27 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
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:
2.- Selecciona Georgia de la Familia de fuentes

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


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

6.-Para ver tu blog en otra ventana


5.-Guarda los cambios. luego de haber guardado los cambios.

Vista previa para verificar los 4.-Aumenta o disminuye el tamaño de


cambios antes de guardarlos la fuente del título si es necesario.

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.

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.


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

PAGINA - 28 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

Aquí

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.-Guarda la Plantilla

3.-Para ver tu blog en otra ventana


luego de haber guardado los cambios.

NOTA: La plantilla Stretch Denim


es una plantilla que abarca todo el
ancho de la pantalla.
1.-EN EL PANEL DE
GRUPOS DE PLANTILLAS.-
Selecciona la plantilla
Rounders 2 de este grupo.

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.

PAGINA - 29 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

AUTOEVALUACION Nº 2 – ¿Qué has aprendido?


Debes desarrollar las siguientes preguntas:

I.- VOCABULARIO: Define los siguientes términos informáticos:


1.-Http 4.-JPG
2.-Enlace 5.-Perfil
3.-Plantilla 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.

PAGINA - 30 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

CAPíTULO 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 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 AGRUPADOS POR CANALES Y OTROS
Página Web: www.splashcastmedia.com
5.- SUBIR DOCUMENTOS A TU BLOG Y COMPARTIRLOS
Página Web: www.box.net
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.

PAGINA - 31 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

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.- Selecciona y copia


esta URL:

1.- Clic derecho sobre


cualquiera de las zonas:

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:

PAGINA - 32 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

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

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

Quedaría de la siguiente manera:


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

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á:

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

PAGINA - 33 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

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.

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

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.

4.- Ahora da un clic sobre el botón


Create my Cbox!
3.- Acepta las condiciones del servicio.

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.

1.- Da un clic en este enlace


de verificación.

PAGINA - 34 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

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

1.- Digita tu nombre de 2.- Digita tu


usuario contraseña

E.- aparecerá la siguiente ventana final:

1.- Da un clic en el botón


Update.

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

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

PAGINA - 35 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

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

PAGINA - 36 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

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.

D.- Puede personalizar la presentación del


vídeo: No incluir videos relacionados,
Mostrar borde.

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.

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.

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


A.- Crea una Nueva Entrada en tu Blog.

PAGINA - 37 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
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.

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

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:

Lugar donde ubicas el video valores


EN UNA ENTRADA width="425" o Menos
height="355" o Menos
PANEL DERECHO – COMO width="210" A 225
ELEMENTO height="150" A 165

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.

PAGINA - 38 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

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:

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.

2.- En la siguiente pantalla da un clic


en el enlace Clic here, para empezar a
crear el slide.

2.- AGREGANDO LAS FOTOS AL SLIDE SHOW.-


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

VISUALIZADOR DEL SLIDE SHOW 3.- Darle un 4.- Darle un Borde


Estilo. (Skins).

2.- Subir las


1.- Seleccionar imágenes.
las imagenes

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.
PAGINA - 39 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

B.- Luego podemos reordenar las imágenes arrastrándolos y ponerle una leyenda desarrollando:
4.- Guardamos para obtener el
1.- Arrastrar código HTML.
las fotos

3.- Cambiar colores


Fuente y fondo.

2.- Colocar una leyenda

C.- Copiamos el código HTML obtenido:


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

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>

PAGINA - 40 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

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:

<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-
Cambiar por:
00.slide.com/p1/1873497444995296512/h5_t016_v000_s0un_f00/images/xslide1.gif" border="0"
ismap="ismap" /></a> <a
"middle"></embed><div style

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.

PAGINA - 41 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

FICHA DE TRABAJO N° 5
AGREGAR UN SPLASHCAST A UNA ENTRADA DE TU BLOG Y/O 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.

1.- Da un clic sobre el enlace Login

2.- Luego vamos a registrarnos, da


un Clic en el botón register now.

NOTA: Este panel es


para ingresar las
siguientes veces, luego
que tengas tu cuenta en
SplashCast.

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

1.- Completa los datos


obligatorios.
NOTA: Para crear otra
cuenta de splashCast,
necesitas otro correo.

3.- Da un Clic en el
botón done.
2.- Acepta las
condiciones del
servicio.

PAGINA - 42 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

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.

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:

2.- Completa los dos primeros datos:


1.- Desplegamos la barra Choose a Channel y Name: historia del cusco
seleccionamos la opción Create new channel. Category: Educación

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

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.

PAGINA - 43 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
Desarrollemos los siguientes pasos para crear un show:
1.- Aparecerá la siguiente ventana en la cual ejecutamos:
1.-Elegimos el tipo de 2.-Ahora elegimos
show que vamos a YouTube.
trabajar. Para nuestro caso
VIDEO.

3.- Finalmente done

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


keywords:

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.

3.- Aparecerá la siguiente ventana Search YouTube con los videos encontrados en
miniatura, donde podemos ejecutar:
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.

3.- Este botón te permite hacer otra 4.- Terminado se seleccionar los
búsqueda sumando videos a los videos. Da un clic en save y luego
elegidos anteriormente. en done.

PAGINA - 44 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
5.-Aparecerá la siguiente pantalla de edición: Edit Show, donde puedes organizar tus
videos.

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

2.- Puedes eliminar


3.- Puedes agregar cualquier video
otro video

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

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

1.- Completa estos


datos, son suficiente.

2.- Da un clic en
next.

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

PAGINA - 45 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
8.- Aparecerá la siguiente ventana Publish Show, donde puedes modificar:

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.

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

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


para continuar

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 code para obtener


los códigos a insertar.

PAGINA - 46 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
11.- Aparecerá la siguiente pantalla, donde podemos:

1.- Modificar el tamaño de los


videos:
320x240 : Para Entrada.
210x150 : Para Elemento de Página, 2.- Da un clic en el botón copy
como no aparece lo debes cambiar en HTML text. para copiar los
blogger, al pegar el código. códigos.

3.- Finalmente hacemos clic en done o


podemos cerrar la ventana para pasar a la
ventana de blogger.

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í:

<embed src="http://web.splashcast.net/go/so/1/c/GCYV3146ZH" wmode="transparent" width="320"


height="240" allowFullScreen="true" type="application/x-shockwave-flash" />

OJO:
Antes de publicar debes cambiar lo siguiente:
Cámbialo por </embed> y listo.
El código final quedará:

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

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:
Lugar donde ubicas el video valores
EN UNA ENTRADA width="425" o Menos
height="355" o Menos
PANEL DERECHO – COMO width="210" A 225
ELEMENTO height="150" A 165

PAGINA - 47 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

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.

PAGINA - 48 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

FICHA DE TRABAJO Nº 6
COLOCANDO DOCUMENTOS PARA DESCARGAR A TU BLOG
Box es otra página que te permite Colgar y Compartir en la red tus documentos en cualquier formato,
aunque se recomienda que sean PDF. Tus documentos serán fácilmente descargados por los usuarios, se
colocan en una entrada o como elemento en tu blog. Sólo sigue los siguientes pasos:
1.- REGISTRANDOTE EN LA PÁGINA DE BOX Y PUBLICANDO TU DOCUMENTO:
A.- Abre la siguiente página Web: www.box.net NOTA.- Para ingresar a tu cuenta las
B.- Sigue los siguientes pasos. siguientes veces con tu correo y Password.

1.- Completa los datos que nos


solicitan en Sign Up Now:
-Nombre
-Correo Electrónico: Uno por cuenta.
-Contraseña y Confirmar.
-Phone: No es necesario.

2.- Ahora da un
clic sobre el botón
3.- En la siguiente ventana verifica Continue.
que esté seleccionado la opción
Lite y nuevamente da un clic en el
botón Continue.

C.- Aparecerá la siguiente ventana donde podrás crear el primer fólder para subir tus documentos:

1.- Coloca un nombre


al folder. 4.- Da un clic en el botón No
thanks. Para visualizar tu fólder
creado

2.- Deja en blanco


esta barra.

3.- Da un clic en el botón Create


Folder. Aparecerá un mensaje.

PAGINA - 49 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

D.- Aparecerá la siguiente pantalla donde debemos reconocer las siguiente herramientas:

NOTA.- Si deseas crear otro


folder.

1.- Da un clic sobre el fólder


creado TUTORIA. Aparecerá el
siguiente mensaje.

2.- Da un clic sobre


el enlace Upload
new files.

E.- Cuando termine aparecerá la siguiente ventana donde podrás:

1.- Da un clic en el botón


Add files. Aparecerá una
ventana para ubicar y subir
los documentos que desees
repitiendo el proceso.

3.- Aparecerá el
siguiente mensaje
para esperar.

2.- Ahora da un clic en el botón Upload para


que suban los archivos.

F.- Cuando termine aparecerá la siguiente ventana donde podrás visualizar los documentos subidos
al fólder creado. Así como obtener el código embed del fólder.

PAGINA - 50 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

1.- Da un clic en el botón


All Files. NOTA2.- El botón naranja
despliega el siguiente menú del
documento.

NOTA1.- La opción Shared


despliega las siguientes
opciones del documento.

2.- Da un clic en Shared.

4.- Puedes modificar los


tamaños y la vista de los
documentos.

3.- Da un clic en el enlace


Embed fólder in your site.

5.- En la siguiente ventana selecciona y


copia los códigos Embed de la barra.
No te olvides:
Copiar: [Ctrl]+[C] 6.- Cierra el mensaje.

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


A.- Ingresa a la entrada donde vas a colocar el documento.
B.- Selecciona la ficha Edición de HTML de la entrada y pega ([Ctrl]+[V]) los códigos.

<embed src="http://www.box.net/static/flash/box_explorer.swf?widget_hash=pfzhvdpbk8&v=0&cl=0"
width="460" height="345" wmode="transparent" type="application/x-shockwave-flash"></embed>

C.- Puedes Cambiar el Ancho y Alto de la


presentación de los documentos: width="400"
height="300" o de acuerdo a tu gusto. Más
información, en la siguiente página.

PAGINA - 51 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

C.- Finalmente Selecciona el botón PUBLICAR ENTRADA

NOTA: Para modificar el tamaño de presentación debemos saber que:


1.- Los parámetros: width=" " : Establece el Ancho y height=" " : Establece el Alto
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 width="210" A 225
ELEMENTO DE PÁGINA height="150" A 165

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: Título del Grupo de Documentos.
E.- Pega el código Insertar(embed) 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.

Finalmente tus documentos se verán de la siguiente manera:

PAGINA - 52 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

FICHA DE TRABAJO N° 7
PUBLICAR UN DOCUMENTO EN ISSUU Y AGREGARLO A TU BLOG
Issuu es una página que te permite Editar, Recopilar, Compartir y Publicar tus documentos en un formato
interactivo. Tus documentos PDF se verán en una entrada o como elemento en tu blog, de manera que los
usuarios puedan leerlo o descargarlo, esto es bastante dinámico y sencillo. Sólo sigue los siguientes pasos:
1.- REGISTRANDONOS EN LA PÁGINA DE ISSUU Y PUBLICANDO TU DOCUMENTO:
A.- Abre la siguiente página Web: www.issuu.com
B.- Sigue los siguientes pasos.
NOTA: Recuerda que debes contar con una cuenta de correo electrónico.

1.- Da un clic sobre el enlace Sign up.


O en el Botón Sign up now.

NOTA: Este botón te


permitirá subir un documento
una vez te hayas registrado.

C.- Seguidamente completa los siguientes datos que se te


piden y anota aparte el password para que no se te olvide.

1.- Completa los datos


obligatorios:
Nombre y Apellidos
Nombre de perfil y E-mail
Password: ________________
Género y Edad
Palabra Clave: Digita una de
las palabras que aparecen.
NOTA: Para crear otra cuenta
necesitas otro correo.

2.- Acepta las condiciones del 3.- Da un Clic en el botón Agree and
servicio. continue. Aparecerá la ventana de
bienvenida que te pedirá confirmar el
email que se te envió a tu correo.
PAGINA - 53 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
D.- Ingresa a tu correo electrónico y confirma tu cuenta de issuu:

1.- Da un clic sobre el enlace Join issuu para confirmar


la cuenta. Aparecerá un nuevo mensaje de Bienvenida.

E.- Cierra todas las ventanas y vuelve a ingresar a la página de issuu. Si ingresa directo a tu cuenta
sube el documento (Paso 3). Si no sucede esto entonces ejecuta lo siguiente:
1.- Da un clic en el enlace Log in.
Para poder ingresar.

4. Da un clic en el botón
Browse. Y selecciona el
documento a subir
3. Luego clic en el botón
UPLOAD DOCUMENT para
subir el primer documento.

2. Ingresa tu correo y
password. Luego da un clic
en el botón Log in.

5.- Completa solo los datos:


Title: Título del documento
Descriptions: Breve resumen
Keywords: Palabras sobre el tema:
Mínimo 2 separados por una coma.
Type: Tipo de documento
Que son obligatorios.

6. Finalmente da un clic en
el botón Upload file.

PAGINA - 54 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
F.- Ahora tendremos nuestro documento publicado. Pasaríamos a obtener su código embed para
insertarlo en nuestro blog.
NOTA.- Si deseas subir otro
documento.

1.- Da un clic en Published y 2.- Da un clic en el menú More y


aparecerá tu documento a la derecha. selecciona Get embed code.
Debes seleccionarlo.

Aparecerá la siguiente ventana, donde:

1.- Da un clic en el enlace Copy to clipboard


para seleccionar y copiar los códigos HTML
de la barra de texto (Embed code).

PAGINA - 55 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
2.- AGREGANDO LOS CODIGOS HTML EN EL EDITOR DE HTML DE UNA ENTRADA:
A.- Crea una Nueva Entrada en tu Blog.
B.- Trabajando en la ficha Redactar coloca el título del documento 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í:

Cambia el Ancho y Alto de la presentación


<object style="width:600;height:450"><param name="movie"
del documento. Sigue las indicaciones que
value="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf?mode=embed&a
se dan más abajo: “width:425;height:355” o
mp;documentId=090329014956- de acuerdo a tu plantilla.
0661c1d5da65491fa65ad74e5ee84ee7&amp;documentUsername=aldo2009&amp;documentNa
me=como_crear_un_blog_con_blogger&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%
2Flight%2Flayout.xml" /><param name="allowFullScreen" value="true" /><embed
src="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf"
type="application/x-shockwave-flash" allowFullScreen="true" style="width:600;height:450"
flashvars="mode=embed&amp;documentId=090329014956-
0661c1d5da65491fa65ad74e5ee84ee7&amp;documentUsername=aldo2009&amp;documentNa
me=como_crear_un_blog_con_blogger&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%
2Flight%2Flayout.xml" /></object>

OJO:
Antes de publicar debes cambiar lo siguiente:
Cámbialo por </embed> y listo.
El código final quedará:

…=aldo2009&amp;documentName=como_crear_un_blog_con_blogger&amp;layout=http%3A%2F%
2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml"></embed></object>

D.- Finalmente Seleccione el botón PUBLICAR ENTRADA

NOTA: Para modificar el tamaño de presentación debemos saber que:


1.- Los parámetros: width=" " : Establece el Ancho y height=" " : Establece el Alto
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 width="210" A 225
ELEMENTO DE PÁGINA height="150" A 165

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: Título del documento.
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.

PAGINA - 56 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

FICHA DE TRABAJO N° 8
PUBLICAR UN DOCUMENTO EN SCRIBD Y AGREGARLO A TU BLOG
Scribd es otra página que te permite Editar, Recopilar, Compartir y Publicar tus documentos en cualquier
formato, aunque se recomienda que sean PDF. Tus documentos PDF se verán en una entrada o como
elemento en tu blog, de manera que los usuarios puedan leerlo o descargarlo. Sólo sigue los siguientes
pasos:
1.- REGISTRANDOTE EN LA PÁGINA DE SCRIBD Y PUBLICANDO TU DOCUMENTO:
A.- Abre la siguiente página Web: www.scribd.com
B.- Sigue los siguientes pasos.

Nota: El botón Upload nos permitirá subir


un documento más adelante.

1.- Completa los datos que nos


solicitan en Sign Up:
-Correo Electrónico: Uno por cuenta.
-Contraseña.
-Nombre.
Para registrarnos.

2.- Ahora da un clic sobre el botón


Sign Up.

C.- Aparecerá la siguiente ventana donde podrás subir tu documento:

1.- Da un clic sobre el botón Clic to


Choose Files.

3.- Edita el título de tu documento.

4.- Terminado
da un clic en el
botón Upload
Docs.

2.- Aparecerá el cuadro para buscar el


documento y abrirlo.

PAGINA - 57 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

D.- Aparecerá la siguiente pantalla en la que indica que el documento seleccionado está subiendo:

E.- Cuando termine aparecerá la siguiente ventana donde podrás:

3.- Da un clic
sobre el botón
Save Changes.

1.- Completa los datos que te 2.- Ingresa un


piden: Title, Type, Category breve resumen
y Tags. del documento.

F.- Cuando termine aparecerá la siguiente ventana donde te pedirá:

1.- Ingrese el correo


electrónico que utilizó al
principio.
3.- Aparecerá el siguiente
mensaje, sólo da un clic en
el botón Finish.

2.- Da un clic en el botón


Send.

PAGINA - 58 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
G.- Cuando termine aparecerá la siguiente ventana donde obtendrás el código embed:

1.- Da un clic en el enlace


Share y aparecerá una
ventana.

2.- Da un clic en el botón Copy de


la barra Embed Code. Con esto ya
puedes pegar el código en tu blog.

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


A.- Ingresa a la entrada donde vas a colocar el documento.
B.- Selecciona la ficha Edición de HTML de la entrada y pega ([Ctrl]+[V]) los códigos.

<a title="View Manual para elaborar un blog on Scribd" href="http://www.scribd.com/doc/14017068/Manual-para-elaborar-un-blog"


style="margin: 12px auto 6px auto; font-family: Helvetica,Arial,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-
size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; display: block; text-decoration:
underline;">Manual para elaborar un blog</a>
<object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"
id="doc_403183320880181" name="doc_403183320880181" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" align="middle"
height="500" width="100%" > <param name="movie"
value="http://d.scribd.com/ScribdViewer.swf?document_id=14017068&access_key=key-
13l03g8yujrusxehp3f&page=1&version=1&viewMode="> <param name="quality" value="high">
<param name="play" value="true"> <param name="loop" value="true"> <param
name="scale" value="showall"> <param name="wmode" value="opaque"> <param name="devicefont"
value="false"> <param name="bgcolor" value="#ffffff"> C.- Cambia el Alto
<param y Ancho de
name="menu" la presentación
value="true">
<param name="allowFullScreen" value="true"> del documento:
<param height:”500” width:”450”
name="allowScriptAccess" value="always">o de
<param name="salign" value=""> acuerdo a<embed
tu plantilla. Más información, más
src="http://d.scribd.com/ScribdViewer.swf?document_id=14017068&access_key=key-
13l03g8yujrusxehp3f&page=1&version=1&viewMode=" quality="high"abajo.
pluginspage="http://www.macromedia.com/go/getflashplayer" play="true" loop="true" scale="showall" wmode="opaque"
devicefont="false" bgcolor="#ffffff" name="doc_403183320880181_object" menu="true" allowfullscreen="true"
allowscriptaccess="always" salign="" type="application/x-shockwave-flash" align="middle" height="500"
width="100%"></embed> </object> <div style="margin: 6px auto 3px auto; font-family: Helvetica,Arial,Sans-
serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch:
normal; -x-system-font: none; display: block;"> <a href="http://www.scribd.com/upload" style="text-decoration: underline;">Publish at
Scribd</a> or <a href="http://www.scribd.com/browse" style="text-decoration: underline;">explore</a> others: <a
NOTA2: Puedes borrar
href="http://www.scribd.com/browse/Books/Education" style="text-decoration: underline;">Education</a> <a el todo el código
href="http://www.scribd.com/browse/Books/" style="text-decoration: underline;">Books</a> <div<astyle….Hasta…</div>
href="http://www.scribd.com/tag/Blog" style="text-decoration: underline;">Blog</a> Para retirar mensajes incluidos.
<a href="http://www.scribd.com/tag/Internet"
style="text-decoration: underline;">Internet</a> </div>

PAGINA - 59 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
D.- Finalmente Selecciona el botón PUBLICAR ENTRADA

NOTA: Para modificar el tamaño de presentación debemos saber que:


1.- Los parámetros: width=" " : Establece el Ancho y height=" " : Establece el Alto
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 width="210" A 225
ELEMENTO DE PÁGINA height="150" A 165

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: Título del documento.
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.

PAGINA - 60 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES

AUTOEVALUACION N° 3 – ¿Qué has aprendido?


I.- VOCABULARIO: Define los siguientes términos informáticos:
1.-E-mail 4.-HTML
2.-Chat 5.-MP3
3.-Sonido MID 6.-WWW

II.- CUESTIONARIO: Desarrolla las siguientes preguntas:


1.- ¿Qué otros usos educativos le puedes dar a un 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 Auto evaluaciones, colocándole las preguntas
requeridas. Con este avance se culminará la evaluación del proyecto.

3.- Otros cambios y mejoras queda a tu creatividad, las cuales realzarán la presentación y el contenido de tu
Libro Electrónico.

PAGINA - 61 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES

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 Vamos a probar tu idea sobre el reciclado: ¿Qué porcentaje de la basura


PREGUNTA doméstica crees que se puede reciclar?... (piénsalo y contesta)...Ahora
busca en la página 2 y comprueba.

PAGINA - 62 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES

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

PAGINA - 63 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES

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

PAGINA - 64 -

You might also like