You are on page 1of 76

Corregida y Aumentada

www.cuentos-suizo.blogspot.com

PROFESOR: LIC. ALDO VEGA ROSALES


Autorizado por el autor slo para impresiones aldovr73@hotmail.com

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

INTRODUCCIN
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 cronolgico de archivos, sobre cualquier tema: Un diario personal, Un espacio de colaboracin, Una fuente de noticias impactantes, Una coleccin de vnculos, etc. Adems de tener la posibilidad de insertar un sistema de comentarios para que los lectores puedan participar.

UNA PGINA QUE REVOLUCIONA: BLOGGER


Blogger es una pgina Web que desde su lanzamiento, hace prcticamente cinco aos, ha permitido que los Blogs transformen Internet, han influido en la poltica, 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 fcil de utilizar y publicacin 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 opinin sobre la informacin que usted comparte en su Blog. Los grupos de Blogs.- pueden ser excelentes herramientas de comunicacin para equipos reducidos, familias u otros colectivos.

Enviar fotografas
En ocasiones, simplemente desea compartir una fotografa. Hay un botn para subir fotografas en la interfaz de Blogger. Si bien los Blogs surgieron en el campo periodstico, 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 unin: la Comunicacin y la Educacin. Se han convertido en una herramienta comunicativa que potencia las habilidades de docentes y alumnos. Permite la construccin colectiva del conocimiento y se sostiene en el aprendizaje social o por observacin de modelos, direccionndolo hacia la prctica de la tica digital, la convivencia libre y tolerante. Por eso es imperativo que los educadores peruanos de los diversos niveles de la educacin bsica y superior puedan acceder a la llamada alfabetizacin digital, como opcin personal y profesional. De ese modo se accedera a espacios gratuitos que ofrece la Red, en este caso, la creacin y mantenimiento de Blogs, llamados a convertirse en edublogs conducidos por blogsfesores entusiastas y responsables. Algunas herramientas educativas fciles de crear con Blogger son: Libros Electrnicos, Peridicos Electrnicos Escolares, Museos virtuales, Clases virtuales utilizando positivamente YouTube, etc. Slo depende de tu dedicacin y creatividad. Este es un curso guiado con ejemplos y prcticas que no requieren ms que conocimientos bsicos de informtica para llevarlo a cabo y cubre desde los aspectos ms bsicos para la creacin de su Blog hasta los ms avanzados. Espero que lo disfruten.

PAGINA - 2

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

CAPTULO I
CREAR Y PUBLICAR UN BLOG CON BLOGGER
En menos de cinco minutos entrars a formar parte de un fenmeno que est transformando Internet y los medios de comunicacin en una actividad participativa.

1.- INGRESANDO A BLOGGER Y RECONOCIENDO SU INTERFAZ


Para ingresar a BLOGGER Abre Internet Explorer
Internet Explorer

y en la barra de Direccin digita:

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


Revisa las partes Principales de la interfaz de Blogger, eso har ms rpido nuestro trabajo.

1.- Botn Comenzar: Aqu iniciars la creacin de tu Blog en tres pasos.

2.- Bloque Acceder a tu cuenta ya creada en Blogger: Con tu Correo Electrnico y Contrasea.

3.- Estos enlaces te permiten hacer la bsqueda de Blogs importantes.

4.- Enlaces Informativos de Blogger.

NOTAS: 1.- Cada cuenta a crear en Blogger requiere de: - Un Correo Electrnico (E-mail) diferente, puede ser en: Hotmail, Terra, Yahoo, etc. - Un Telfono Mvil a la mano (Celular). Se puede crear hasta 3 Cuentas por Nmero. 2.- En una Cuenta de Blogger puedes crear muchos Blogs independientes, slo comparten el perfil.

PAGINA - 3

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

2.- CREANDO TU BLOG EN 3 PASOS


En la Interfaz de Blogger, nos dirigimos al botn Comenzar, que te guiar de manera sencilla y en 3 pasos todo el proceso de creacin de tu Blog. Empecemos: 1.- Da un Clic sobre el botn naranja.

Paso 1: Creando tu Cuenta


Aparecer el siguiente cuadro que debes completar siguiendo las indicaciones:

1.- Nombre de usuario: Digite el Correo Electrnico que ser su Nombre de usuario. Antalo aqu: __________________________

2.- Contrasea: Como mnimo 8 caracteres y segura. Para que no se te olvide, Antalo aqu: _____________________

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

4.- Digite los caracteres que aparecen encima

5.- Active el cuadro de aceptacin de las condiciones del servicio.

6.- Una vez culminado da un clic en Continuar


PAGINA - 4

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

Ahora se te pedir tu nmero de Telfono Celular para que a travs del sistema telefnico de verificacin de manera gratuita te proporcionen un cdigo:

980216582

60516

4.- Digita el cdigo recibido y da un clic en el botn Verificar.

1.- Seleccione su pas de origen. 2.- Digite su nmero de Celular.

NOTA: Por cada Nmero de Telfono slo te limitan a crear 03 blogs.

3.- Da un Clic en el botn Enviar y de inmediato recibirs una llamada a tu celular en el que te dictarn un cdigo de 05 dgitos.

Paso 2: Asignndole un nombre a tu Blog


1.-El Ttulo se ubicar en la Cabecera de tu Blog, por ello debe tener relacin con la informacin a publicar.
APRENDA A ELABORAR SU BLOG

2.- La direccin URL ser para que t y el resto puedan acceder al Blog a travs de Internet Explorer, sea creativo y digite sin WWW:. Comprueba que est disponible y Antalo aqu: _________________.blogspot.com para no olvidarlo.

3.- Una vez culminado da un Clic en Continuar

PAGINA - 5

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

Paso 3: Eligiendo una Plantilla para tu Blog.


Puedes elegir la plantilla que ms te agrade slo seleccinalo y Contina:

1.Selecciona una plantilla, dando un Clic sobre l. Luego podrs cambiarla.

2.- Ahora da un Clic en Continuar.

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.

NOTA 1.- Con este enlace puede personalizar la apariencia de su blog antes de publicar: Le recomendamos primero empezar a publicar.

NOTA 2.- Opciones avanzadas de configuracin.- Desplegando este enlace puedes comprar un dominio personalizado para tu blog o insertar un blog de Blogger al nuevo.

CAMBIAR LA PLANTILLA

CAMBIAR COLORES

PAGINA - 6

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

CAMBIAR DISEO

CAMBIOS AVANZADOS

3.- CREANDO ENTRADAS


Cuando uno da Clic en EMPEZAR A PUBLICAR, aparece la siguiente pantalla con la ficha Creacin de entradas superpuesta, donde puedes desarrollar las siguientes acciones:

3.1. Crear la Primera entrada.En el enlace Nueva entrada est el Editor de Entrada que se trabaja como cualquier
procesador de textos, reconozca sus elementos y contine los siguientes pasos: 1.- Coloca el Ttulo que llevar tu entrada. 2.- BARRA DE HERRAMIENTAS.- Para
Aadir Imagen y dar Formato al Texto. Sus elementos se explican ms adelante.

7.- Ficha Edicin de HTML.-

3.- Ficha Redactar.- Es el AREA DE EDICION, donde se desarrolla el contenido de tu Entrada: Texto Imgenes Vdeos - Enlaces.

Para agregar cdigos de HTML de otras funciones o de servicios de otras pginas como YouTube.

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

5.- Despliegue el enlace Opciones de


entrada.- Para controlar los comentarios
y cambiar el orden de las Entradas modificando su fecha y hora de creacin.

4.- Publique para ver su blog.


PAGINA - 7

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

BARRA DE HERRAMIENTAS DEL EDITOR DE ENTRADAS


SUBRAYA REHACE DESHACE VNCULOS CURSIVA NEGRITA COLOR DE FONDO DEL TEXTO INSERTAR IMAGEN COMPROBAR ORTOGRAFA CITA

LISTA NUMERADA

INSERTAR UN VIDEO
(Desde tu equipo)

TACHADO TAMAOS DE TEXTO

AADE O ELIMINA UN ENLACE INSERTAR SALTO DE LNEA

LISTA CON VIETAS ELIMINA EL FORMATO

ALINEACION COLOR DEL TEXTO

3.1.1.-Aadiendo una Imagen a tu entrada


1.-Da un clic en el botn Insertar Imagen de la Barra de Herramientas del editor. 2.-Aparece el panel Aadir una imagen desde su equipo o aadir una imagen de la Web. Donde debes seguir los siguientes pasos para aadir una imagen desde tu equipo:
1.- Da un Clic en el botn Examinar para dirigirnos a la carpeta donde tiene almacenado su imagen y seleccionarlo. (La imagen debe ser de formato JPG[Fotos], Gif , BMP o Png. Tamao mximo 8 Mb.

NOTA.- Puedes aadir una imagen de la Web seleccionando este enlace y colocando su URL.

2.- Da un Clic en el botn Aceptar para agregar la imagen a tu Entrada. NOTA: no olvides que las imgenes subirn a la red y pasarn a ser de dominio pblico. As que debes tener cuidado con las fotos que subes a la Web.
PAGINA - 8

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

3.- Una vez insertada la imagen se puede editar:

1.- Da un Clic sobre la imagen y aparecer la Barra de Edicin donde podrs: -Cambiar el Tamao. -Alinear. -Aadir una leyenda o -Eliminar.

NOTA: Antes de insertar la imagen se te recomienda crear varias lneas con la tecla [Enter]. As podrs desplazar el punto de Insercin ms fcil.

3.1.2.-Aadiendo texto a tu entrada


VER ENTRADA El Editor de Entradas es un Procesador de textos, as que con los conocimientos que EN UNA tengas de cualquier procesador de textos el trabajo ser muy fcil. Si queremos ver nuestro avance damos clic en el botn Vista previa, si VENTANA deseamos volver da un Clic al enlace Ocultar vista preliminar. NUEVA Una vez culminado la entrada da un Clic en el botn Publicar Entrada para terminar.

4.- PUBLICANDO LA ENTRADA Y VIENDO TU BLOG


Una vez publicado tu Blog aparecer la siguiente pantalla con la Ficha Creacin de entradas superpuesta que te indica que la entrada de tu Blog ha sido publicada.

NOTA: Para Ver tu Blog: En una ventana nueva haz Clic en este cono.

Esta pantalla es importante para continuar trabajando: Ver tu Blog, Crear otra entrada, Editar la ltima entrada o cualquiera.
PAGINA - 9

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

4.1.-Visualizando tu Blog (Importante)


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

Ver entrada, Ver blog : Permite ver tu Blog, pero en la Misma Ventana, debemos utilizar
el botn Atrs del Internet Explorer para volver a la Ventana anterior. (Ver grfico anterior).

Icono

: Permite ver tu Blog en Otra Ventana, es la ms recomendable para el trabajo. (Ver grfico anterior). 2.-Por el momento utiliza la segunda opcin para revisar tu Blog publicado y cierra la ventana.

5.-CREAR UNA NUEVA ENTRADA A TU BLOG


1.- En la Pantalla Anterior de la Ficha Creacin de entradas seleccionamos la opcin Nueva entrada o el enlace celeste Crear una entrada nueva, veamos el primer caso

2.-Luego ingresamos la informacin siguiendo los mismos pasos que en la primera entrada hasta publicarlo, adems puedes ver tu Blog publicado. NOTA: Observars que las entradas se publican en estricto orden cronolgico inverso al orden de publicacin, es decir se mostrar en primer lugar la ms reciente en el tiempo. As que organiza tus entradas antes de crearlas.

PAGINA - 10

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

6.-EDITAR UNA ENTRADA CREADA


Si deseas realizar algunos cambios a cualquiera de las Entradas creadas, sigue los siguientes pasos: 1.-En la Ficha Creacin de entradas selecciona el enlace Editar entradas, veamos:

Aqu

Edita la ltima entrada creada.

2.-Aparecer la siguiente pantalla donde podrs modificar cualquier entrada creada y otros cambios importantes en tu Blog. Slo sigue el paso 1: NOTA A.- Aqu puedes modificar el nmero de entradas que se mostrarn en cada pgina de tu Blog de 5 300.

1.-Da un Clic, sobre el Opcin Editar de la Entrada que desee modificar, guese por el Ttulo de la entrada.

NOTA B.- Puedes Eliminar cualquier entrada publicada, seleccionndolo y con un Clic en Suprimir Seleccin.

3.- Se ingresar al Editor de la entrada elegida, donde podrs realizar los cambios necesarios para finalmente volver a publicarlo.

7.-ENTRAR A TU BLOG A TRAVS DE INTERNET EXPLORER


Una vez publicado tu Blog, cualquier persona de cualquier parte del mundo que conozca la direccin URL de tu Blog puede acceder a l. De la siguiente manera: 1.-Abre Internet Explorer y en la barra de direccin digitar la direccin de tu Blog creado: www._____________________.blogspot.com
PAGINA - 11

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

AUTOEVALUACION N 1 Qu has aprendido?


Debes desarrollar las siguientes preguntas: I.- VOCABULARIO: Define los siguientes trminos informticos: 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 Cul es a tu parecer la importancia de sus recursos? 2.- Con tus propias palabras Qu es un Blog y que funcin tienen? 3.- Qu materiales educativos puedes elaborar en tu rea de trabajo con Blogger?

PROYECTO Qu haras con lo aprendido?


AVANCE DEL PROYECTO N 1 LIBRO ELECTRNICO
1.- Crea una nueva cuenta de Correo Electrnico, slo para el proyecto: Antelo Aqu: Contrasea:

2.- Escoge la temtica del Libro Electrnico 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 Electrnico en hojas, escribiendo una entrada por Blog, con las imgenes que colocars. La cual presentar las siguientes secciones:

4.- Inicia la Creacin de tu cuenta en Blogger y elabora la entrada de la presentacin pon en prctica tu creatividad.

PAGINA - 12

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

CAPTULO II
EDITAR TU PERFIL Y ADMINISTRAR OPCIONES Y DISEOS 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 fotografa; tambin se puede modificar el Ttulo de tu Blog as como agregarle una descripcin. 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: 1.- Ingresa tu Nombre de Usuario: E-mail
utilizado y anotado en la Pgina 4.

NOTA1: Si trabajas en una PC propia activa esta opcin para que ingrese directo a tu cuenta.

2.- Ingresa tu Contrasea: Anotado en Pgina 4. 3.- Da un Clic en el botn ACCEDER.

NOTA2: Si te direcciona a la ventana Google cuentas ubica y selecciona el enlace Blogger para empezar.

Inmediatamente ingresars por primera vez al Panel Escritorio, donde distinguiremos las siguientes opciones a utilizar en adelante:
1.- EDITAR PERFIL: Lo Utilizars para agregar y modificar datos de tu perfil as como una foto.

7.-Te permite crear muchos blogs en una misma cuenta de Blogger. Utilizar para crear Libros Electrnicos.

3.-Te direcciona a la ficha Creacin de entradas: Nueva entrada, Editar Entradas.

4.-Te direcciona a la Ficha Configuracin: Bsico, Publicacin, Formato, Comentarios, etc.

2.-NUEVA ENTRADA: Lo utilizars para agregar una nueva entrada a tu Blog.

6.-Te lleva a la Ficha Monetizar: Donde con AdSense ganars dinero gracias a los anuncios orientados que se colocan en tu blog.

5.-Te lleva a la Ficha Diseo: Elementos de la Pgina, Edicin de HTML, Diseador de Plantillas. PAGINA - 13

PROYECTO: LIBROS ELECTRNICOS

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 direccin URL en Internet. 1.1.- INGRESANDO TUS DATOS Y AADIENDO 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 segn tu informacin personal. Estoy seguro de que es fcil para ti. Por lo que slo te explicar como agregar la foto. Revisa detenidamente el siguiente grfico:

NOTA: Algunos datos ya aparecen llenos. Si deseas slo completa los obligatorios.

PAGINA - 14

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

Contina 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. Slo haga 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.- Seleccione Desde la Web, haga un Clic en la barra de texto y presione

[Ctrl] + [V].

Contina
PAGINA - 15

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

2.- Una vez culminado da un clic sobre este botn para guardar su perfil.

4.- Aparecer el siguiente mensaje donde debes seleccionar la opcin Volver a: Escritorio. 1.- Da un clic en el enlace Escritorio.

5.- Retornars al Panel Escritorio de Blogger donde podrs ver la foto del perfil y tambin ver tu Blog:

1.- Da un Clic en el Icono para Ver el Blog en una ventana nueva.

6.- Ahora Cierra BLOGGER y entra a tu Blog por Internet Explorer Recuerda: www. ___________________.blogspot.com Podrs observar tu perfil con los datos ingresados as como la Foto. [Enter]

PAGINA - 16

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

2.- CAMBIANDO ALGUNAS OPCIONES DE TU BLOG.


Si deseas modificar algunos datos de tu Blog como el Ttulo, agregarle un Subttulo o Descripcin, 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 Contrasea. 2.- Selecciona el enlace Configuracin del Panel Escritorio.

Aqu

3.-Aparecer la siguiente pantalla con la ficha Configuracin superpuesta, los cambios lo hars en el enlace Bsico, que est recortada para desarrollar slo las opciones que nos interesa, t puedes descubrir qu opciones ms contiene:

NOTA 1.- Exportar-Importar tu blog.Puedes exportar tu blog descargndolo a tu PC y luego importarlo a otro blog.

NOTA 2.- Puedes Eliminar tu blog haciendo un clic en este enlace.

1.- Cambia el ttulo del Blog que habas colocado

2.- Ingrese una Descripcin del Ttulo ste se colocar en la Cabecera como Subttulo.

3.- Culminado los cambios Guarde la Configuracin para que se apliquen.

PAGINA - 17

PROYECTO: LIBROS ELECTRNICOS

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

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 Publicacin y seguimos los siguientes pasos:

1.- Ingrese la nueva direccin URL que modificar la anterior. No olvides ser original para que no lo rechace. 2.-Digita los caracteres de verificacin.

3.- Da un clic para guardar la nueva configuracin. 2.- Aparecer un mensaje que me indica que los cambios se han guardado: Continuemos con otros cambios: 2.3.- CAMBIAR TIEMPO DE PUBLICACIN, EL FORMATO E IDIOMA DE LAS FECHAS Y HORA DE TU BLOG 1.- Selecciona el enlace Formato de la ficha Configuracin. 2.-Aparecer la siguiente pantalla en la que debes buscar con mucha paciencia los valores referentes a nuestro pas. Slo los indicados. Empieza, s que lo puedes hacer:
PAGINA - 18

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

1.- Para establecer el # de entradas que se vern en la pgina 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: (GMT-05:00) Lima y El idioma de la fecha: espaol (Per)
5.- Da un Clic para guardar los cambios.

3.- Aparecer el mensaje que indica que los cambios se han guardado. 2.4.- CONTROLAR LOS COMENTARIOS A TUS ENTRADAS DE TU BLOG 1.- Selecciona el enlace Comentarios de la ficha Configuracin. 2.-Aparecer la siguiente pantalla que est recortada para desarrollar slo las opciones que nos interesa, t puedes descubrir qu opciones ms contiene:

1.- Mostrar u ocultar los comentarios a tus entradas que se vern en tu Blog.

2.- Limita la posibilidad comentar a los usuarios.

de

3.- Permite ubicar los formularios de comentarios de tal modo que sea ms cmodo para los usuarios. 4.- Da un Clic para guardar los cambios.

PAGINA - 19

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

3.- Aparecer el mensaje que indica que los cambios se han guardado. 2.5.- PERMISOS A AUTORES Y LECTORES CONVERTIR TU BLOG EN UNA INTRANET. 1.- Selecciona el enlace Permisos de la ficha Configuracin. 2.-Aparecer la siguiente pantalla que est recortada para desarrollar slo las opciones que nos interesa, t puedes descubrir qu opciones ms contiene:

1.- Puedes aadir hasta 100 autores que pueden escribir en tu blog. Slo requieres su correo electrnico para invitarlos.

2.- Lectores del blog.- Tiene los casos. Cualquiera.- De forma predeterminada para un acceso libre. Slo a los usuarios que yo elija.- til para elaborar una Intranet, en la que los usuarios necesitan su informacin de acceso. Slo requieres su correo electrnico para invitarlo. Luego ellos reciben un correo para registrarse: Con su correo y aadiendo una contrasea queda listo. nicamente autores del blog.- Restringe el uso slo a los autores aadidos.

3.- PERSONALIZAR EL DISEO DE TU BLOG.


Hasta este momento tu Blog estar como en la imagen siguiente. En la que ubicars las partes que se describen, las que quizs quieras personalizar:
1.- BARRA NAVBAR: Buscador, Salir, etc. 2.- CABECERA DEL BLOG: Muestra el Ttulo y Subttulo.

4.- ZONA DE VNCULOS 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 entradas publicadas en orden inverso a la fecha de creacin.

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

PAGINA - 20

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

La ficha Diseo de Blogger facilita a los usuarios la personalizacin del diseo de su Blog con pocos conocimientos tcnicos o ninguno. Cambios como: Aadir, eliminar y organizar Elementos de la Pgina, Modificar las fuentes y colores, Edicin de HTML y Seleccionar una plantilla nueva para tu Blog son fciles de realizar. Para iniciar debes seguir los siguientes pasos: 3.1.- EDITAR ELEMENTOS DE LA PGINA. 1.- Abre BLOGGER e ingresa con tu Nombre de Usuario y Contrasea. 2.- Selecciona el enlace Diseo del Panel Escritorio.

Aqu

3.-Aparecer la siguiente pantalla con la ficha Diseo superpuesta, los cambios lo trabajars en el enlace Elementos de la pgina. Que se explican en la siguiente pgina:
Botones: Guardar, Vista previa y Borrar Cambios

3.1 3.2

3.4 3.5 3.7 3.3

PAGINA - 21

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

3.1.- Editar la Barra de Navegacin.- Para editar esta barra ejecuta lo siguiente: 1.- Da un clic sobre el enlace Editar de la barra de navegacin, aparecer la siguiente ventana donde podrs seleccionar un color distinto para esta barra. 2.- Guarda los cambios y puedes revisarlo con el botn Vista previa.

3.2.- Editar el Encabezado - Colocar una imagen.- Para editar la Cabecera ejecuta lo siguiente: 1.- Da un clic sobre el enlace Editar de la Cabecera, aparecer la siguiente ventana donde podrs:

2.- Puedes subir una imagen desde tu equipo, o desde la Web con la URL de la imagen.
NOTA1.- Para no desproporcionar la cabecera la imagen debe tener dimensiones hasta Ancho: 700 x Alto 124 Pxeles. Para cubrir toda la cabecera. NOTA 2.- Cuando se pega la URL de la imagen debes mover el punto de insercin al inicio de la URL, slo as se ver la imagen.

1.- Modifica el Ttulo y la descripcin de tu Blog.

3.- Puedes ubicar la imagen en lugar del ttulo o detrs.

5.- Da un clic en guardar y puedes revisarlo son el botn vista previa.

4.- No olvides activar reducir hasta ajustar

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

PAGINA - 22

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

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 podrs modificar: El nmero de entradas, El formato de fechas, etc. As como ordenar las etiquetas arrastrndolos.

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

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

3.- Guarda los cambios.

PAGINA - 23

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

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 podrs modificar: El Ttulo, Estilo, Formato de Fecha, etc.

1.- Modifica el Ttulo por ENLACES DE ENTRADAS 2.- Elige un Estilo de presentacin: Jerarqua, Lista o Men desplegable.

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

3.- Da un clic en guardar y puedes revisar los cambios con el botn Vista previa.

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 podrs Editar: El Ttulo, Datos personales y Ubicacin. 2.- Guarda los cambios y puedes revisarlo con el botn Vista previa.

PAGINA - 24

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

ACTIVIDAD 2.- Elimina el elemento Seguidores de tu blog. Para ello edita el elemento.

3.6.- Organizar elementos de la pgina.- Slo se pueden organizar los elementos de tu pgina: Seguidores, Datos personales y Archivo de blog o los elementos aadidos. Para ello ejecuta lo siguiente:

2.- Guarda los cambios y puedes revisarlo con el botn Vista previa.

1.- Arrastra el elemento Datos personales a la ubicacin deseada, veamos que quede sobre el elemento Seguidores.

3.7.- Aadir un Elemento de Pgina a tu Blog (Aadir un gadget).- Debemos tener en cuenta lo siguiente: 1.- Hay varias zonas para aadir un elemento a tu pgina: La Zona de enlaces principal, La Zona de enlaces secundaria y en la parte inferior de tu blog. 2.- Puedes aadir los siguientes Elementos bsicos:

Da un clic sobre la imagen o ttulo del elemento.

PAGINA - 25

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

NOTA 1: Puedes agregar otros elementos bsicos como: AdSense: Publicidad. Lista de blogs: Blogs favoritos. Actualidad, etc.
NOTA 2: Tambin puedes aadir otros elementos: DESTACADOS: Flickr Photostream, Recent post, Twitter Updates, Picasa Photostream, etc. LOS MS POPULARES: Blogger Play, Fish, Digg 2.0, etc. Ms gadgets: Sudoku, Sala de Juegos, Google Video, etc. Y puedes buscar de alguna empresa: YouTube, Google, etc.

Slo desarrollaremos dos elementos bsicos: Lista de vnculos e Imagen ya que el proceso es el mismo para el resto, slo trabaja con paciencia. Empecemos: A.- Aadir una Lista de vnculos.- Para aadir una lista de vnculos debes tener en cuenta lo siguiente: 1.- Lo ms recomendable es hacerlo en la Zona de vnculos secundaria. 2.- Debes contar con una lista de direcciones de pginas 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: 1.- Da un clic sobre el enlace Aadir un elemento de pgina (Aadir un gadget) de la Zona de vnculos secundario, aparecer la ventana Aadir un gadget. 2.-Ubica el elemento Lista de Enlaces y da un clic sobre la imagen. Aparecer la ventana siguiente en la cual sigue los pasos indicados:

PAGINA - 26

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

1.- Escribe el ttulo general del Elemento o la zona de enlaces.

2.- Puedes ordenar los enlaces alfabticamente 3.- Digitar la direccin de la pgina Web (URL) a que se enlazar. 5.- Para aadir varios vnculos al mismo elemento usa este botn. Para nuestro caso son 4. 4.- Digitar el nombre que aparecer en los enlaces y que los usuarios de tu blog leern. 6.- Puedes editar, suprimir y cambiar de ubicacin a los enlaces agregados.

NOTA: Si desea eliminar el elemento total, Edita el elemento y el botn ATRS cambiar por ELIMINAR.

7.- Guarda los cambios y revisa los avances con el botn Vista previa o el enlace Ver blog. Nota.- En la pantalla Elementos de la pgina slo se ver el ttulo del elemento y Editar.

3.- Puedes aadir otra Lista de vnculos si lo desea, slo debes repetir los pasos anteriores. B.- Aadir una Imagen.- Puedes aadir una imagen desde tu equipo o desde cualquier otro lugar de Internet. Adems ahora puedes enlazar esa imagen con una Pgina Web, conociendo su direccin. Para desarrollar estas acciones debes tener en cuenta: 1.- Para aadir una imagen colgada en Internet, debes conocer la direccin URL de la imagen. (Debes copiar la URL). 2.- Si deseas enlazar esa imagen con una Web, debes conocer la direccin URL de esa Web. Luego ejecuta lo siguiente: 1.- Da un clic sobre el enlace Aadir un elemento de pgina de la zona que desees, por ejemplo la zona de vnculos principal, aparecer la ventana Aadir un elemento de pgina (Aadir un gadget).
PAGINA - 27

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

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 de la Web elegida. 3.1.- Si la imagen est en tu PC da un clic en el botn examinar, luego ubica y selecciona la imagen.

1.- Coloca un Ttulo a tu Imagen.

3.2.- Si la imagen es de la Web, selecciona esta opcin y digita o pega en la barra de texto la direccin 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 botn Vista previa o el enlace Ver blog.

NOTA.1.- Si desea eliminar el elemento total, Edita el elemento y el botn ATRS cambiar por ELIMINAR. 2.- Si no deseas enlazar la imagen slo deja vaco la barra Enlace. 3.- El elemento HTML/Javascript que Aade una caracterstica de un tercero u otro cdigo a tu blog se trabajar en el Captulo III: OPCIONES AVANZADAS.

3.2.- CAMBIAR LAS FUENTES Y COLORES DE LA PLANTILLA. 1.- Abre BLOGGER e ingresa con tu Nombre de Usuario y Contrasea. 2.- Selecciona el enlace Diseo del Panel Escritorio.

Aqu

PAGINA - 28

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

3.-Aparecer la siguiente pantalla Diseador de plantillas de Blogger con la ficha Plantillas superpuesta, donde primero debemos reconocer sus elementos:
1.-MEN PRINCIPAL del Diseador de Plantillas de Blogger. 2.-PANEL DE OPCIONES de cada elemento del men principal. 3.-PANEL DE ELEMENTOS a aplicar. 4.- RETORNA A LA FICHA DISEO.

5.- APLICA CAMBIOS AL BLOG.

3.3.- CAMBIAR DE PLANTILLA.


6.-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 Pgina.1.- En el men principal selecciona Avanzado y del Panel de Opciones selecciona Fondos. Y ejecuta lo siguiente:
1.-Puedes seleccionar un Color de fondo Exterior y Principal. 2.-Selecciona un Color de Fondo de Cabecera. Por ejemplo Verde.

3.-Aplique los cambios.

Vista previa para verificar los cambios antes de aplicarlos

PAGINA - 29

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

B.- Otros colores que puedes cambiar en los elementos de tu blog son: Color del texto Color del ttulo de la entrada Color de la cabecera de fecha Color del borde Color del vnculo Color del ttulo del blog Color del ttulo de la barra lateral principal Color de fondo de la columna lateral superior Color del texto de la columna lateral superior Bottom Sidebar Title Color Color del enlace ACTIVIDAD 3.-Como prctica cambia el color del Ttulo de tu Blog y haz otros retoques de acuerdo a tu gusto y que mejoren la presentacin de tu Blog. 3.2.- Cambiar la Fuente de los elementos de la plantilla.A.- Cambiar la Fuente del Ttulo del blog.1.- En el men principal selecciona Avanzado y del Panel de Opciones selecciona Ttulo del blog. Y ejecuta lo siguiente:

1.-Selecciona el tipo de Fuente del ttulo del Blog: Georgia.

3.- Selecciona un color para el ttulo.

4.-Puedes cambiar el color de la descripcin.

5.-Aplique los cambios.

2.-Activa los Estilos de fuente: Negrita, Cursiva y Tamao. Vista previa para verificar los cambios aplicados.

PAGINA - 30

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

B.- Otras Fuentes que puedes cambiar son.Aa Aa Aa


Aa

Texto de la pgina Texto de la pestaa Ttulo de la entrada Fuente del ttulo de la barra lateral Pie de pgina de la entrada

Aa

ACTIVIDAD 4.- Como prctica cambia el tipo de Fuente y Tamao de los ttulos de las entradas de tu Blog y haz otros retoques de acuerdo a tu gusto y que mejoren la presentacin de tu Blog.

NOTAS: 1.- Los elementos del PANEL DE OPCIONES pueden variar de acuerdo a la plantilla elegida, slo identifica las necesarias. 2.-El uso del enlace Edicin de HTML de la ficha Diseo requiere de conocimientos ms 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 Contrasea. 2.- Selecciona el enlace Diseo del Panel Escritorio.

Aqu

3.-Aparecer la siguiente pantalla con la ficha Diseo superpuesta, se pueden cambiar las plantillas de dos maneras: Nota.- Si modificas la plantilla, se descartarn los cambios que hayas efectuado en Fuentes y colores, pero se conservarn los elementos de la pgina.

3.1.- A travs del Diseador de Plantillas.1.- En la ficha Diseo selecciona el enlace Diseador de plantillas y ejecuta lo siguiente:
PAGINA - 31

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

2.-Una vez decidido aplcalo a tu Blog. 1.- Selecciona una Plantilla de la lista.

3.2.- A travs del Editor de HTML.1.- En la ficha Diseo selecciona el enlace Edicin de HTML y ejecuta lo siguiente: A.- Carga una plantilla desde un archivo de tu disco duro, este archivo puede descargarse de Internet. NOTA.- Puede descargar la plantilla antes de hacer cambios para seguridad.

1.-En el enlace Edicin de HTML

2.-haz Clic en el botn

haz Clic en el botn Examinar para ubicar el archivo de plantilla.

Subir para plantilla.

cargar

la

B.- Seleccionar una plantilla de diseo antigua (2006), pero estas plantillas anulan muchas de las funciones nuevas.

1.-En la parte inferior del enlace

Edicin de HTML haz Clic en el enlace Seleccionar plantilla de diseo.

PAGINA - 32

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

3.-Guarda la Plantilla

NOTA: La plantilla Stretch Denim es una plantilla que abarca todo el ancho de la pantalla. 2.-EN EL PANEL DE GRUPOS DE PLANTILLAS.Selecciona la plantilla que elijas.

2.- Ahora puedes mejorar el aspecto de tu Blog a tu gusto. No te olvides que cada vez que cambies de Plantilla se descartarn los cambios efectuados en Fuentes y Colores.

PAGINA - 33

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

AUTOEVALUACION N 2 Qu has aprendido?


Debes desarrollar las siguientes preguntas: I.- VOCABULARIO: Define los siguientes trminos informticos: 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 Edicin de HTML y Redactar del Editor de Entradas? 2.- Elabora un esquema de los elementos de la Pgina y explica las funciones de cada uno de ellos? 3.- Si modificas la Plantilla de tu Blog, Qu cambios se descartarn?

PROYECTO Qu haras con lo aprendido?


AVANCE DEL PROYECTO N 2 LIBRO ELECTRNICO
1.- Ingresa al Panel Escritorio de tu Blog creado y con el enlace Crear un Blog crea los blogs necesarios para cada pgina de tu libro electrnico. Anote aqu las direcciones URL de cada uno: Pgina 1: www.____________________ Pgina 2: www.____________________ Pgina 3: www.____________________ Pgina 4: www.____________________ Pgina 5: www.____________________

2.- Modifica tu Perfil, si deseas escanea tu foto para colocarlo en el perfil de tu Blog. 3.- Aade una lista de vnculos, que llevar de ttulo NDICE, a cada blog. Para enlazarlos con las Blogs creados para cada pgina del libro electrnico. 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, Tamao y color de fuente, Los tamaos y posiciones de las imgenes agregadas, etc. 6.- Entra a la ficha Diseo y selecciona el enlace Editar del elemento de pgina Entradas del blog y desactiva todas las opciones. Esto es para que quitar estos datos de tu Blog. 7.- En la misma ficha Diseo selecciona el enlace Editar del elemento de pgina Archivo del blog y Elimnalo.

PAGINA - 34

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

CAPTULO 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, Tablas, Preguntas de opciones mltiples. Servicios gratuitos de otras pginas como: Panel de Mensajes, Vdeos de YouTube, Canales de Vdeos, Presentador de fotos, Contador de ingresantes, etc. Todo ello se puede hacer agregando algunos cdigos HTML de servicios que algunas pginas permiten de modo gratuito. Algunos servicios gratuitos son: 1.- PANEL DE MENSAJES EN TU BLOG CON CBOX: Pgina Web: www.cbox.ws

2.- VDEOS DE LA PGINA DE YOUTUBE EN TU BLOG: Pgina Web: www.youtube.es 3.- SLIDE SHOW PRESENTADOR DE FOTOS CON SLIDE: Pgina Web: www.slide.com

4.- SUBIR DOCUMENTOS A TU BLOG Y COMPARTIRLOS Pginas Web: www.box.net www.scribd.com 5.- CONTADORES DE INGRESANTES A TU BLOG Pgina Web: www.freelogs.com 6.- COMPARTIR Y MANEJAR SUS ARCHIVOS EN LNEA CON BOX. Pgina Web: www.box.net 7.- RELOJES PARA MEJORAR LA PRESENTACION DE TU BLOG CON CLOCKLINK. Pgina Web: www.clocklink.com/ Existen otros servicios gratuitos que podrs ir descubriendo con la experiencia. Empecemos esta parte de manera prctica, con las fichas de trabajo que a continuacin colocamos, slo con algunos servicios, el resto queda para que investigues.

PAGINA - 35

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

FICHA DE TRABAJO N 1 AGREGNDOLE UN SONIDO DE FONDO A TU BLOG COMO ELEMENTO DE PGINA


1.- OBTENIENDO DIRECCIONES URL DE SONIDOS MIDI: A.- Abre la siguiente pgina Web: www.culturageneral.net B.- Selecciona la opcin Msica Clsica. C.- Luego Sonata n 14 Claro de Luna .

D.- Luego en la ventana que se presenta haz Clic Derecho sobre el Reproductor de la Msica o sobre la palabra AQU y seleccionar Propiedades. E.- En la ventana Propiedades selecciona y copia la Ubicacin: 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 Diseo. B.- Selecciona el enlace Aadir un elemento de pgina (Aadir un gadget). C.- En la ventana que aparece ubica el elemento HTML/Javascript y seleccionalo. D.- En la siguiente ventana coloca un Ttulo y Digita las siguientes lneas de cdigos en Contenido:

PAGINA - 36

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

<embed width="200" autostart="true" loop="true" src="Pega Aqu la Direccin URL del sonido MIDI" height="40"></embed> NOTA: En el cdigo src pega la direccin del sonido Midi copiado. Quedara 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 botn GUARDAR y Ver blog. F.- Puedes reubicar el elemento aadido o cambiar el sonido Midi por otro.

NOTAS PARA TOMAR EN CUENTA:

Parmetro
SRC WIDTH y HEIGHT AUTOSTART="true" LOOP="true"

Utilidad
Contiene la direccin URL del archivo de sonido a reproducir Aparece un pequeo reproductor, estos parmetros especifican su tamao. Ancho y Alto respectivamente. Arranca automticamente la reproduccin. Para que no arranque automticamente en lugar de true colocamos 0 Reproduce ininterrumpidamente el fichero hasta que salimos de la pgina.

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

Aqu unas pginas Web para obtener direcciones de melodas Midi: Para obtener la URL de otras melodas revisa las siguientes pginas. Slo 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 - 37

PROYECTO: LIBROS ELECTRNICOS

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 PGINA
1.- OBTENIENDO LOS CODIGOS INSERTAR DEL PANEL EN LA PGINA DE CBOX: A.- Abre la siguiente pgina Web: www.cbox.ws B.- Sigue los siguientes pasos. Recuerda que debes contar con una cuenta de correo electrnico. 1.- Da un clic en la pestaa sign up.

2.- Completa los datos que nos solicitan: -Nombre de usuario. Puede ser cualquiera. Siempre cambiar para crear un nuevo Cbox con el mismo correo. -Correo Electrnico. -Contrasea. Antalo para no olvidarte. -La URL del Blog. -Elige un Estilo. 4.- Ahora da un clic sobre el botn Create my Cbox! 3.- Acepta las condiciones del servicio. C.- Cierra la ventana de Cbox que aparece y tienes que ingresar a tu correo para verificar tu cuenta en Cbox, en este correo vendr tu nombre de usuario y contrasea para acceder a tu cuenta.

1.- Da un clic en este enlace de verificacin.

PAGINA - 38

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

D.- Aparecer la siguiente pantalla, donde ingresars con tu nombre de usuario y contrasea:

1.- Digita tu nombre de usuario.

2.- Digita contrasea

tu

E.- aparecer la siguiente ventana final:

1.- Da un clic en el botn Update.

NOTA.- Para crear un nuevo Cbox con la misma cuenta de correo, sal de este panel y repite los pasos. Slo cambia el nombre de usuario al crear tu cuenta.

2.- Selecciona y copia los cdigos de la barra. 2.- AGREGANDO LOS CODIGOS INSERTAR EN EL EDITOR DE HTML DE UNA ENTRADA A.- Crea o Ingresa a la entrada donde vas a colocar el Panel de comentarios. B.- Selecciona la ficha Edicin de HTML de la entrada y pega ([Ctrl]+[V]) los cdigos en el lugar que desees. Quedar as:
<!-- 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 - 39

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

D.- Finalmente Selecciona el botn PUBLICAR ENTRADA y visualiza tu Blog en una ventana nueva. NOTA: Para modificar el tamao del Panel debemos saber que: 1.- Los parmetros: width=" " : Establece el Ancho del Panel height=" " : Establece el Alto del Panel 2.- Modifica segn tu necesidad. Cambiando el primer par se modifica la zona para visualizar el mensaje. El segundo par modifica la zona donde se digita el nombre y el mensaje. Siempre deben coincidir los width. 3.- AGREGANDO LOS CODIGOS INSERTAR COMO ELEMENTO DE PGINA (HTML/Javascript) A.- Selecciona la ficha Diseo. B.- Selecciona el enlace Aadir un elemento de pgina (Aadir un gadget). C.- Da un clic en el elemento HTML/Javascript. D.- Digita el ttulo: PANEL DE MENSAJES. E.- Pega el cdigo Insertar en el rea CONTENIDO. F.- Modifica los valores de width y height si lo deseas. D.- Seleccione el botn GUARDAR. E.- Finalmente Seleccione el enlace Ver blog de elemento de pgina aadida.

PAGINA - 40

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

FICHA DE TRABAJO N 3 AGREGAR UN VDEO DE YOUTUBE A UNA ENTRADA DE TU BLOG Y COMO ELEMENTO DE TU PGINA
1.- OBTENIENDO LOS CODIGOS INSERTAR DEL VDEO EN LA PGINA DE YOUTUBE: A.- Abre la siguiente pgina Web: www.youtube.com B.- En la barra Buscar digita el tema o personaje: cusco-promperu C.- Luego, da un clic al vdeo de la lista: Cusco Promperu Tv Comercial. Puedes ver el vdeo para asegurarte que es el que buscas de lo contrario puedes cambiarlo en la lista de la derecha.

D.- Selecciona la ficha Insertar.

F.- Copia ([Ctrl] + [C]) los cdigos que aparecen.

E.- Puede personalizar la presentacin del vdeo: No incluir videos relacionados, El ancho y alto, incluir o no videos relacionados.

Si deseas puedes seleccionar en este panel otro vdeo 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. B.- Trabajando en la ficha Redactar coloca de ttulo CUSCO - PROMPERU TV COMERCIAL y en la entrada: Una belleza milenaria para admirar - (Darle formato)

PAGINA - 41

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

C.- Selecciona la ficha Edicin de HTML de la entrada y pega ([Ctrl]+[V]) el cdigo Insertar de Youtube. <iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/C_eMIww1wjc?rel=0" frameborder="0" allowfullscreen></iframe>

D.- Finalmente Seleccione el botn PUBLICAR ENTRADA y visualiza tu Blog en una ventana nueva. NOTA: Para modificar el tamao de un vdeo debemos saber que: 1.- Los parmetros: 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 EN UNA ENTRADA PANEL DERECHO ELEMENTO valores Menos Menos 225 165

width="425" height="355" COMO width="210" height="150"

o o A A

3.- AGREGANDO LOS CODIGOS INSERTAR COMO ELEMENTO DE PGINA (HTML/Javascript) A.- Selecciona la ficha Diseo. B.- Selecciona el enlace Aadir un elemento de pgina (Aadir un gadget). C.- Da un clic en el elemento HTML/Javascript. D.- Digita el ttulo : CUSCO - PROMPERU TV COMERCIAL. E.- Pega el cdigo Insertar en el rea CONTENIDO. F.- Modifica los valores de width y height de la parte inferior por:

width="210" height="150"
D.- Seleccione el botn GUARDAR. E.- Finalmente Seleccione el enlace Ver blog de elemento de pgina aadida.

PAGINA - 42

PROYECTO: LIBROS ELECTRNICOS

LIC. ALDO VEGA ROSALES

FICHA DE TRABAJO N 4 AGREGAR UNA LISTA DE VDEOS ESCOGIDOS DE YOUTUBE A UNA ENTRADA DE TU BLOG Y COMO ELEMENTO DE TU PGINA
Este elemento es muy importante para integrar una pelcula que ha sido subido a YouTube en varias partes, de esta manera podrs ponerlo en forma secuencial y automtica. Veamos como: 1.- OBTENIENDO LOS CODIGOS INSERTAR DEL VDEO EN LA PGINA DE YOUTUBE: A.- Abre la siguiente pgina Web: www.youtube.com y regstrate de la siguiente manera: 1.- Seleccione el enlace Crear cuenta

Nota: las siguientes veces ingresars por la zona: Acceder

2.- En la siguiente ventana seleccione Regstrame

3.-Completando los datos que se te piden en esta zona: 1.-Correo electrnico 2.-El nombre: Debe ser original. 3.-Ubicain 4.-Fecha de nacimiento. 5.-Sexo

4.-Finalmente Selecciona el botn Acepto.


PAGINA - 43

INTERNET : LIBROS ELECTRONICOS

LIC. ALDO VEGA ROSALES

B.- En la siguiente ventana te pedir crear una nueva cuenta de Google, contina:

1.-Si no tienes una cuenta de Google debes contar con un telfono mvil a la mano. Completa los datos que se te piden en esta zona: 1.-Contrasea. 2.-Palabra de verificacin

Nota: Si ya tienes una cuenta de Google selecciona este enlace para evitar crear una nueva.

2.-Selecciona el botn Crear mi nueva cuenta.

3.- Seleccione su pas de origen. 4.- Digite su nmero de Celular.

6.- Digita el cdigo recibido y da un clic en el botn Verificar.

5.- Da un Clic en el botn Enviar y de inmediato recibirs una llamada a tu celular en el que te dictarn un cdigo de 05 dgitos.

C.- Te llegar un correo electrnico para la confirmacin de la cuenta, la cual debes de confirmar antes de continuar.

1.- Abre tu correo y selecciona el enlace de verificacin.

PAGINA - 44

INTERNET : LIBROS ELECTRONICOS

LIC. ALDO VEGA ROSALES

D.- Ahora hacemos una bsqueda de los vdeos que queremos: Ejemplo PIRAMIDES DE CARAL.

1.-Digita el tema, Youtube tiene absolutamente todo tipo de videos. Luego pulsa Search

2.-Se mostrar la Lista de vdeos, selecciona el video parte 1. O el que desees para visualizarlo, ser tu primer vdeo.

E.- Una vez visto el vdeo que queremos lo aadimos a +Playlists:

1.- Crea una lista. Despliega +Aadir a y selecciona Lista de reproduccin nueva

3.- Selecciona el vdeo parte 2.

2.- Puedes seleccionar o crear tus listas. Para nuestro caso crearemos la lista de nombre CARAL. Automticamente se agrega el primer vdeo. F.-Para el segundo vdeo, sigue los siguientes pasos: 1.-Visualiza el vdeo 2 y luego selecciona +Aadir a y selecciona Lista CARAL. Automticamente se aadir.

2.- Al aadir los vdeos puedes eliminar o cambiar de posicin. Para nuestro caso: CARAL.

PAGINA - 45

INTERNET : LIBROS ELECTRONICOS

LIC. ALDO VEGA ROSALES

Repite estos pasos para agregar el tercer y el resto de los vdeos. Para nuestro caso Las pirmides de Caral son 05, ya sabes si deseas puedes cambiar de tema o autor. G.-Terminando de agregar los vdeos a la lista, sigue los siguientes pasos: 1.- En la parte superior de la ventana Despliega el botn de tu cuenta y selecciona el enlace Mis vdeos.

2.- En la siguiente ventana selecciona la lista de reproduccin creada. En nuestro caso el botn CARAL.

3.- Podemos editar la lista de videos creada: cambiar el orden, eliminar, aumentar vdeos a tu lista, etc.

H.-Obtener el cdigo HTML de la siguiente manera: 1.- En la parte superior selecciona la pestaa Compartir.

2.- Selecciona la barra Insertar cdigo y cpialo ([Ctrl]+[C]).

PAGINA - 46

INTERNET : LIBROS ELECTRONICOS

LIC. ALDO VEGA ROSALES

2.- AGREGANDO LOS CODIGOS EN EL EDITOR DE HTML DE UNA ENTRADA: A.- Crea una Nueva Entrada en tu Blog. B.- Coloca de ttulo LAS PIRMIDES DE CARAL C.- Selecciona la ficha Edicin de HTML de la entrada y pega ([Ctrl]+[V]) el cdigo de Youtube. <object width="480" height="385"><param name="movie" value="http://www.youtube.com/p/006441E1F327C846?hl=es_ES&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/p/006441E1F327C846?hl=es_ES&fs=1" type="application/xshockwave-flash" width="480" height="385" allowscriptaccess="always" allowfullscreen="true"></embed></object> D.- Finalmente Seleccione el botn PUBLICAR ENTRADA y visualiza tu Blog en una ventana nueva. NOTA: Para modificar el tamao de un vdeo debemos saber que: 1.- Los parmetros: 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 EN UNA ENTRADA PANEL DERECHO ELEMENTO valores Menos Menos 225 165

width="425" height="355" COMO width="210" height="150"

o o A A

3.- AGREGANDO LOS CODIGOS INSERTAR COMO ELEMENTO DE PGINA (HTML/Javascript) A.- Selecciona la ficha Diseo. B.- Selecciona el enlace Aadir un elemento de pgina (Aadir un gadget). C.- Da un clic en el elemento HTML/Javascript. D.- Digita el ttulo : LA CIUDAD PERDIDA DE CARAL. E.- Pega el cdigo HTML 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 botn GUARDAR. E.- Finalmente Seleccione el enlace Ver blog de elemento de pgina aadida.

NOTA: 1.- Una vez creado una Lista en YouTube, para modifiarlo debes ingresar con tu Nombre de usuario y Contrasea. 2.- Los cambios que hagas en la lista se aplicarn automticamente en tu Blog, ya no es necesario copiar y pegar los cdigos. 3.- Puedes agregar dos o ms listas en tu Blog.

PAGINA - 47

INTERNET : LIBROS ELECTRONICOS

LIC. ALDO VEGA ROSALES

FICHA DE TRABAJO N 5 PONER UN SLIDE SHOW EN TU BLOG


1.- REGISTRANDONOS Y EMPEZANDO A CREAR NUESTRO SLIDE SHOW: A.- Abre la siguiente pgina Web: www.slide.com B.- En la pgina de slide nos registramos siguiendo los siguientes pasos: 1.-Da un clic en el botn Regstrarse.
NOTA.-Da un clic en el botn Ingresar para acceder a tu cuenta ya creada. Te pedir el correo electrnico y la contrasea

2.- REGISTRATE.- En la siguiente ventana con un correo electrnico y una contrasea. Luego da un clic en el botn Registrarse. Te llegar un correo de notificacin recordndote tu e-mail y password.

3.- En la siguiente pantalla de tu perfil da un clic en el Icono Crear Slideshow, para empezar a crear el slide. Puedes completar tu perfil.

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

4.- Darle un Borde (Skins).

1.- Seleccionar las imagenes

2.- Subir las imgenes.

5.- Darle un Tamao. Considerar los valores de los videos: Para una Entrada dejar como esta. Para aadirlo como un Elemento de pgina: Ancho: 210 y Altura 150.
PAGINA - 48

INTERNET : LIBROS ELECTRONICOS

LIC. ALDO VEGA ROSALES

B.- Luego podemos reordenar las imgenes arrastrndolos y ponerle una leyenda desarrollando: 1.- Arrastrar las fotos 4.- Guardamos los cambios a las fotos.

3.- Cambiar colores de Fuente y fondo del pie de foto.

2.- Colocar una leyenda C.- Guardamos el SLIDE SHOW, agregndole un ttulo, para obtener el cdigo HTML. D.- Copiamos el cdigo 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 ttulo LAS MARAVILLAS DEL CUSCO C.- Selecciona la ficha Edicin de HTML de la entrada y pega ([Ctrl]+[V]) el cdigo HTML. <div><embed src="http://widget-00.slide.com/widgets/slideticker.swf" type="application/xshockwave-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://widget00.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://widget00.slide.com/p2/1873497444995296512/h5_t016_v000_s0un_f00/images/xslide2.gif" border="0" ismap="ismap" /></a></div></div>

PAGINA - 49

INTERNET : LIBROS ELECTRONICOS

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 valor que el anterior. E.- Finalmente Seleccione el botn PUBLICAR ENTRADA y saldr un error:

Este error lo arreglamos haciendo el siguiente cambio en los cdigos: <div><embed src="http://widget-00.slide.com/widgets/slideticker.swf" type="application/xshockwave-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://widgetCambiar por: 00.slide.com/p1/1873497444995296512/h5_t016_v000_s0un_f00/images/xslide1.gif" border="0" "middle"></embed><div style ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=h5&at=un&id=1873497444995296512&map=2" target="_blank"><img src="http://widgetListo, Ahora si podemos publicar la entrada. 00.slide.com/p2/1873497444995296512/h5_t016_v000_s0un_f00/images/xslide2.gif" border="0" ismap="ismap" /></a></div></div> 4.- AGREGANDO EL SLIDE SHOW COMO ELEMENTO DE PGINA (HTML/Javascript) A.- Selecciona la ficha Diseo. B.- Selecciona el enlace Aadir un elemento de pgina (Aadir un gadget). C.- Da un clic en el elemento HTML/Javascript. D.- Digita el ttulo : LAS MARAVILLAS DEL CUSCO. E.- Pega ([Ctrl]+[V]) el cdigo 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 botn GUARDAR. I.- Finalmente Seleccione el enlace Ver blog de elemento de pgina aadida. NOTA: Si deseas quitar los anuncios del Slide Show para ahorrar espacio. Esto es muy fcil. Con mucho
cuidado borra todos los cdigos y qudate slo con las lneas: <embed src=.... align="middle"></embed>

PAGINA - 50

INTERNET : LIBROS ELECTRONICOS

LIC. ALDO VEGA ROSALES

FICHA DE TRABAJO N 6 COLOCANDO DOCUMENTOS PARA DESCARGAR DE TU BLOG


Box es otra pgina que te permite Colgar y Compartir en la red tus documentos en cualquier formato, aunque se recomienda que sean PDF. Tus documentos sern fcilmente descargados por los usuarios, se colocan en una entrada o como elemento en tu blog. Slo sigue los siguientes pasos: 1.- REGISTRANDOTE EN LA PGINA DE BOX Y PUBLICANDO TU DOCUMENTO: NOTA.- Para ingresar a tu cuenta las A.- Abre la siguiente pgina Web: www.box.net siguientes veces con tu correo y Password. B.- Sigue los siguientes pasos.

1.- Completa los datos que nos solicitan en Sign Up Now: -Nombre -Correo Electrnico: Uno por cuenta. -Contrasea y Confirmar. -Phone: No es necesario.

3.- En la siguiente ventana verifica que est seleccionado la opcin Lite y nuevamente da un clic en el botn Continue.

2.- Ahora da un clic sobre el botn Continue.

C.- Aparecer la siguiente ventana donde podrs Crear el primer flder para subir tus documentos: 1.- Coloca un Nombre al Flder.

3.- Da un clic en el botn No thanks. Para visualizar tu flder creado

2.- Da un clic en el botn Create Folder. Aparecer un mensaje.


PAGINA - 51

INTERNET : LIBROS ELECTRONICOS

LIC. ALDO VEGA ROSALES

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

NOTA.- Si deseas crear otro folder.

1.- Da un clic sobre el flder creado: TUTORIA. Aparecer el siguiente mensaje.

2.- Da un clic sobre el enlace Upload new files.

E.- Aparecer la siguiente ventana donde podrs:


1.- Da un clic en el botn Add files. Aparecer una ventana para ubicar y subir los documentos que desees repitiendo el proceso.

3.- Aparecer el siguiente mensaje que indica el % en que va subiendo el o los archivos. 2.- Ahora da un clic en el botn Upload para que suban los archivos.

F.- Cuando termine aparecer la siguiente ventana donde podrs visualizar los documentos subidos al flder creado. As como obtener el cdigo embed del flder.

PAGINA - 52

INTERNET : LIBROS ELECTRONICOS

LIC. ALDO VEGA ROSALES

1.- Da un clic en el botn All Files.

NOTA2.- El botn naranja despliega el siguiente men del documento.

NOTA1.- La opcin Shared despliega las siguientes opciones del documento.

2.- Da un clic en Shared.


4.- Aparecer la siguiente ventana donde puedes modificar los tamaos y la vista de los documentos.

3.- Da un clic en el enlace Embed flder in your site. 5.- Adems seleccionar y copiar los cdigos 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 Edicin de HTML de la entrada y pega ([Ctrl]+[V]) los cdigos. <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 presentacin de los documentos a: width="400" height="300" o de acuerdo a tu gusto. Ms informacin, en la siguiente pgina.

PAGINA - 53

INTERNET : LIBROS ELECTRONICOS

LIC. ALDO VEGA ROSALES

C.- Finalmente Selecciona el botn PUBLICAR ENTRADA NOTA: Para modificar el tamao de presentacin debemos saber que: 1.- Los parmetros: width=" " : Establece el Ancho y height=" " : Establece el Alto Valores aproximados para los casos: Lugar donde ubicas el video EN UNA ENTRADA PANEL DERECHO ELEMENTO DE PGINA width="425" height="355" COMO width="210" height="150" o o A A valores Menos Menos 225 165

3.- AGREGANDO LOS CODIGOS INSERTAR COMO ELEMENTO DE PGINA (HTML/Javascript) A.- Selecciona la ficha Diseo. B.- Selecciona el enlace Aadir un elemento de pgina (Aadir un gadget). C.- Da un clic en el elemento HTML/Javascript. D.- Digita el ttulo: Ttulo del Grupo de Documentos. E.- Pega el cdigo Insertar(embed) en el rea CONTENIDO. F.- Modifica los valores de width y height por:

width="210" height="150"
D.- Seleccione el botn GUARDAR. E.- Finalmente Seleccione el enlace Ver blog de Elemento de pgina aadido.

Finalmente tus documentos se vern de la siguiente manera:

PAGINA - 54

INTERNET : LIBROS ELECTRONICOS

LIC. ALDO VEGA ROSALES

FICHA DE TRABAJO N 7 PUBLICAR UN DOCUMENTO EN ISSUU Y AGREGARLO A TU BLOG


Issuu es una pgina que te permite Editar, Recopilar, Compartir y Publicar tus documentos en un formato interactivo. Tus documentos PDF se vern en una entrada o como elemento en tu blog, de manera que los usuarios puedan leerlo o descargarlo, esto es bastante dinmico y sencillo. Slo sigue los siguientes pasos: 1.- REGISTRANDONOS EN LA PGINA DE ISSUU Y PUBLICANDO TU DOCUMENTO: A.- Abre la siguiente pgina Web: www.issuu.com B.- Sigue los siguientes pasos. NOTA: Recuerda que debes contar con una cuenta de correo electrnico.

1.- Da un clic sobre el enlace Sign up. O en el Botn Sign up now. NOTA: Este botn te permitir subir un documento una vez que 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: ________________ Gnero y Edad Palabra Clave: Digita una de las palabras que aparecen.
NOTA:

Para crear otra cuenta necesitas otro correo.

2.- Acepta las condiciones del servicio.

3.- Da un Clic en el botn Agree and continue. Aparecer la ventana de bienvenida que te pedir confirmar el email que se te envi a tu correo.
PAGINA - 55

INTERNET : LIBROS ELECTRONICOS

LIC. ALDO VEGA ROSALES

D.- Ingresa a tu correo electrnico 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 pgina 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 botn Browse. Y selecciona el documento a subir

3. Luego clic en el botn UPLOAD DOCUMENT para subir el primer documento.

2. Ingresa tu correo y password. Luego da un clic en el botn Log in.

5.- Completa slo los datos: Title: Ttulo del documento. Descriptions: Breve resumen Keywords: Palabras sobre el tema: Mnimo 2 separados por una coma. Type: Tipo de documento. Que son obligatorios.

6. Finalmente da un clic en el botn Upload file.

PAGINA - 56

INTERNET : LIBROS ELECTRONICOS

LIC. ALDO VEGA ROSALES

F.- Ahora tendremos nuestro documento publicado. Pasaramos a obtener su cdigo embed para insertarlo en nuestro blog. NOTA.- Si deseas subir otro documento.

1.- Da un clic en Published y aparecer tu documento a la derecha. Debes seleccionarlo.

2.- Da un clic en el men More y selecciona Get embed code.

Aparecer la siguiente ventana, donde:

1.- Da un clic en el enlace Copy to clipboard para seleccionar y copiar los cdigos HTML de la barra de texto (Embed code).

PAGINA - 57

INTERNET : LIBROS ELECTRONICOS

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 ttulo del documento en la entrada: C.- Selecciona la ficha Edicin de HTML de la entrada y pega ([Ctrl]+[V]) el cdigo HTML text copiado. Quedar as: Cambia el Ancho y Alto de la presentacin <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 o se dan ms abajo: width:425;height:355 mp;documentId=090329014956de 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=0903290149560661c1d5da65491fa65ad74e5ee84ee7&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:


El cdigo final quedar:

Cmbialo por </embed> y listo.

=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 botn PUBLICAR ENTRADA NOTA: Para modificar el tamao de presentacin debemos saber que: 1.- Los parmetros: width=" " : Establece el Ancho y height=" " : Establece el Alto Valores aproximados para los casos: Lugar donde ubicas el video EN UNA ENTRADA PANEL DERECHO ELEMENTO DE PGINA width="425" height="355" COMO width="210" height="150" o o A A valores Menos Menos 225 165

3.- AGREGANDO LOS CODIGOS INSERTAR COMO ELEMENTO DE PGINA (HTML/Javascript) A.- Selecciona la ficha Diseo. B.- Selecciona el enlace Aadir un elemento de pgina (Aadir un gadget). C.- Da un clic en el elemento HTML/Javascript. D.- Digita el ttulo: Ttulo del documento. E.- Pega el cdigo Insertar en el rea CONTENIDO. F.- Modifica los valores de width y height por:

width="210" height="150"
D.- Seleccione el botn GUARDAR. E.- Finalmente Seleccione el enlace Ver blog de Elemento de pgina aadido.
PAGINA - 58

INTERNET : LIBROS ELECTRONICOS

LIC. ALDO VEGA ROSALES

FICHA DE TRABAJO N 8 PUBLICAR UN DOCUMENTO EN SCRIBD Y AGREGARLO A TU BLOG


Scribd es otra pgina que te permite Editar, Recopilar, Compartir y Publicar tus documentos en cualquier formato, aunque se recomienda que sean PDF. Tus documentos PDF se vern en una entrada o como elemento en tu blog, de manera que los usuarios puedan leerlo o descargarlo. Slo sigue los siguientes pasos: 1.- REGISTRANDOTE EN LA PGINA DE SCRIBD Y PUBLICANDO TU DOCUMENTO: A.- Abre la siguiente pgina Web: www.scribd.com B.- Sigue los siguientes pasos.

Nota: El botn Upload nos permitir subir un documento ms adelante.

1.- Completa los datos que nos solicitan en Sign Up: -Correo Electrnico: Uno por cuenta. -Contrasea. -Nombre. Para registrarnos.

2.- Ahora da un clic sobre el botn Sign Up. C.- Aparecer la siguiente ventana donde podrs subir tu documento: 1.- Da un clic sobre el botn Clic to Choose Files. 3.- Edita el ttulo de tu documento.

4.- Terminado da un clic en el botn Upload Docs. 2.- Aparecer el cuadro para buscar el documento y abrirlo.
PAGINA - 59

INTERNET : LIBROS ELECTRONICOS

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

3.- Da un clic sobre el botn Save Changes. 1.- Completa los datos que te piden: Title, Type, Category y Tags. 2.- Ingresa un breve resumen del documento.

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

1.- Ingrese el correo electrnico que utiliz al principio.

3.- Aparecer el siguiente mensaje, slo da un clic en el botn Finish.

2.- Da un clic en el botn Send.

PAGINA - 60

INTERNET : LIBROS ELECTRONICOS

LIC. ALDO VEGA ROSALES

G.- Cuando termine aparecer la siguiente ventana donde obtendrs el cdigo embed:

1.- Da un clic en el enlace Share y aparecer una ventana.

2.- Da un clic en el botn Copy de la barra Embed Code. Con esto ya puedes pegar el cdigo 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 Edicin de HTML de la entrada y pega ([Ctrl]+[V]) los cdigos.
<a title="View Manual para elaborar un blog on Scribd" href="http://www.scribd.com/doc/14017068/Manual-para-elaborar-un-blog" NOTAS style="margin: 12px auto 6px auto; font-family: Helvetica,Arial,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font1.- La block; text-decoration: size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; display:autoevaluacin N 3 debe ser presentado dentro de los tres underline;">Manual para elaborar un blog</a> <object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" a la culminacin das siguientes id="doc_403183320880181" name="doc_403183320880181" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" align="middle" del taller. El encargado de height="500" width="100%" > <param name="movie" decepcionar ser el profesor que value="http://d.scribd.com/ScribdViewer.swf?document_id=14017068&access_key=key13l03g8yujrusxehp3f&page=1&version=1&viewMode="> <param name="quality" value="high"> dict el taller. <param name="play" value="true"> <param name="loop" value="true"> <param El <param name="devicefont" proyecto final ser name="scale" value="showall"> <param name="wmode" value="opaque"> 2.value="false"> <param name="bgcolor" value="#ffffff"> C.- Cambia el Alto y Ancho de la presentacin <paramevaluado porvalue="true"> el tercer name="menu" el profesor <param name="allowFullScreen" value="true"> <param name="allowScriptAccess" value="always"> del documento:da de acabado el taller. As de a height:500 width:450 o que <param name="salign" value=""> <embed acuerdo a tu plantilla. Ms informacin, ms trabajar. src="http://d.scribd.com/ScribdViewer.swf?document_id=14017068&access_key=keyabajo. 13l03g8yujrusxehp3f&page=1&version=1&viewMode=" quality="high" 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,Sansserif; 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 todo el cdigo href="http://www.scribd.com/browse/Books/Education" style="text-decoration: underline;">Education</a> <a <div style.Hasta</div> href="http://www.scribd.com/browse/Books/" style="text-decoration: underline;">Books</a> <a Para retirar mensajes incluidos. href="http://www.scribd.com/tag/Blog" style="text-decoration: underline;">Blog</a> <a href="http://www.scribd.com/tag/Internet" style="text-decoration: underline;">Internet</a> </div>

PAGINA - 61

INTERNET : LIBROS ELECTRONICOS

LIC. ALDO VEGA ROSALES

D.- Finalmente Selecciona el botn PUBLICAR ENTRADA NOTA: Para modificar el tamao de presentacin debemos saber que: 1.- Los parmetros: width=" " : Establece el Ancho y height=" " : Establece el Alto Valores aproximados para los casos: Lugar donde ubicas el video EN UNA ENTRADA PANEL DERECHO ELEMENTO DE PGINA width="425" height="355" COMO width="210" height="150" o o A A valores Menos Menos 225 165

3.- AGREGANDO LOS CODIGOS INSERTAR COMO ELEMENTO DE PGINA (HTML/Javascript) A.- Selecciona la ficha Diseo. B.- Selecciona el enlace Aadir un elemento de pgina: (gadget), (Add a Page Element). C.- Da un clic en el botn o enlace HTML/Javascript. D.- Digita el ttulo: Ttulo del documento. E.- Pega el cdigo Insertar en el rea CONTENIDO. F.- Modifica los valores de width y height por:

width="210" height="150"
D.- Seleccione el botn GUARDAR. E.- Finalmente Seleccione el enlace Ver blog de Elemento de pgina aadido.

PAGINA - 62

INTERNET : LIBROS ELECTRONICOS

LIC. ALDO VEGA ROSALES

FICHA DE TRABAJO N 9 AGREGAR UN CONTADOR DE USUARIOS A TU BLOG COMO ELEMENTO DE TU PGINA


1.- REGISTRANDOTE EN LA PGINA DE FREELOGS: A.- Abre la siguiente pgina Web: www.freelogs.com B.- Sigue los siguientes pasos.

1.- Selecciona este enlace para empezar a registrarte.

C.- Completa tus datos para registrarte:

3.- CONTEO.- De cunto en cunto deseas que se cuente las visitas.

1.- NOMBRE.- Debe ser diferente para cada contador. 2.- PASSSWORD.- 6 dgitos puede ser cualquiera.

4.- Debes colocar un Correo electrnico cualquiera. 6.- Seleccionar un Estilo de la Lista. Utilizar See Styles para visualizar los modelos. Luego Cerrar y ubicarlo por su nombre en la lista.

5.-Colocar la direccin del Blog.

7.-Activar esta opcin. 8.- Selecciona el botn Create Counter.

PAGINA - 63

INTERNET : LIBROS ELECTRONICOS

LIC. ALDO VEGA ROSALES

D.- Aparecer la siguiente pantalla, del cual debemos seleccionar y copiar los cdigos que nos da de resultado:

Seleccionar y Copiar Copiar: [Ctrl] + [C]

2.- AGREGANDO LOS CODIGOS INSERTAR COMO ELEMENTO DE PGINA (HTML/Javascript) A.- Selecciona la ficha Diseo. B.- Selecciona el enlace Aadir un elemento de pgina (Aadir un gadget). En la ubicacin que desees. C.- Da un clic en el elemento HTML/Javascript. D.- Digita el ttulo: VISITAS A MI BLOG. E.- Pega el cdigo Insertar en el rea CONTENIDO. F.- Seleccione el botn GUARDAR. G.- Finalmente Seleccione el enlace Ver blog de Elemento de pgina aadido.

PAGINA - 64

INTERNET : LIBROS ELECTRONICOS

LIC. ALDO VEGA ROSALES

FICHA DE TRABAJO N 10
CRANDO TABLAS Y PREGUNTAS DE OPCIONES MLTIPLES EN TU BLOG Cmo se crea una tabla?
Para crear las tablas ser necesario usar la etiqueta: TABLE, que significa, en ingls, tabla. Esta etiqueta consta de instruccin de inicio, <TABLE BORDER="1">, e instruccin de fin, </TABLE>. Entre ambas debemos introducir otras tres etiquetas, que definirn la estructura de la tabla. Estas etiquetas son: TR: La etiqueta Table Row nos permitir insertar filas en la tabla. La tabla tendr tantas filas como apariciones de esta etiqueta haya entre <TABLE BORDER="1"> y </TABLE>. La instruccin de inicio de TR, <TR>, marca el comienzo de la lnea, la instruccin de fin, </TR>, marca su final. TD: La etiqueta Table Data (Datos de tabla), nos permite insertar columnas en una fila de la tabla. El comienzo de la instruccin viene dado por, <TD> y finaliza con la instruccin de fin, </TD>. En general entre el comienzo y el fin se inserta texto que queramos, pero tambin podemos insertar cualquier elemento de HTML: imgenes, listas, e incluso otras tablas. Ejemplo 1: Para empezar crearemos una tabla sencilla de dos filas y dos columnas. 1. En primer lugar ponemos la instruccin de inicio y fin de la etiqueta TABLE dejando una lnea entre ellas para insertar posteriormente el resto de etiquetas: <TABLE BORDER="1">
...Otras etiquetas...

</TABLE> 2. A continuacin insertamos las filas. La tabla que nos hemos propuesto crear consta de dos filas. Por tanto debemos usar la etiqueta TR dos veces. Lo que insertemos en la primera (entre la instruccin de inicio y la instruccin de fin) ser el contenido de la primera fila y lo que insertemos en la segunda ser el contenido de la segunda fila: <TABLE BORDER="1">
<TR> </TR> <TR> </TR>

</TABLE> 3. El tercer paso ser definir el contenido de cada fila. Como nos habamos propuesto que la tabla tuviese dos columnas en cada fila debemos insertar dos celdas en cada una. Para crear una celda debemos usar la etiqueta TD. Entre la instruccin de inicio y la instruccin de fin de sta etiqueta ser donde insertaremos el contenido de la celda.
<TR>
<TD> Columna1 </TD> <TD> Columna2 </TD>

</TR>

4. El cuarto paso es ponerlo todo junto, repitiendo el cdigo anterior para cada fila. El cdigo final de la tabla ser: <TABLE BORDER="1">
<TR>
<TD>

Fila1,Columna1
</TD> <TD>

Fila1,Columna2
</TD>

</TR> <TR>
<TD>

Fila2,Columna1
</TD> <TD>

Fila2,Columna2
</TD>

</TR>

</TABLE>

PAGINA - 65

INTERNET : LIBROS ELECTRONICOS Ejemplo 2: Crearemos una tabla de una fila tres columnas. <TABLE BORDER="2">
<TR>
<TD>

LIC. ALDO VEGA ROSALES

Fila1,Columna1
</TD> <TD>

Fila1,Columna2
</TD> <TD>

Fila1,Columna3
</TD>

</TR>

</TABLE> Como hemos podido comprobar, esta tabla se va creando por filas, y dentro de cada fila se insertan las celdas, cada una de las cuales aparecern en una columna.

Celdas que abarcan varias filas o columnas


Es hora ya de comenzar con dos de los atributos ms interesantes en la creacin de tablas: ROWSPAN y COLSPAN. Gracias a estos atributos podremos crear tablas mucho ms complejas y que se adapten a nuestras necesidades. Estos dos atributos sirven tanto para las celdas normales, TD, como para las celdas encabezado, TH, y su funcin ser extender una fila (ROWSPAN) o una columna (COLSPAN) para que ocupen el tamao de varias. Para comprender el significado del concepto extender lo mejor es ver un ejemplo: <TABLE BORDER="3">
<TR>
<TH COLSPAN="2">

Celda de dos columnas


</TH>

</TR> <TR>
<TD ROWSPAN="2">

Celda de dos filas


</TD> <TD>

Fila2,Columna2
</TD>

</TR> <TR>
<TD>

Fila3,Columna2
</TD>

</TR>

</TABLE>

Notas
TH: La etiqueta Table Header, encabezado de tabla. Al igual que la etiqueta TD el comienzo del encabezado viene dado por la instruccin de inicio, <TH> y finaliza con la instruccin de fin, </TH>. En general entre el comienzo y el fin se suele insertar texto, que ser mostrado resaltado y centrado. En los ejemplos escribimos en lneas separadas y las etiquetas en diferente color para que nos facilite su lectura. Pero podemos escribir el cdigo en una sola lnea y tambin funcionara. El atributo BORDER, que significa borde en ingls. puede tomar un valor en pixeles que representa el grosor del borde a mostrar, presentndose los casos: - A mayor valor mayor grosor del borde de la tabla. - Si incluimos BORDER sin ningn valor es equivalente a BORDER=1. - Si no incluimos BORDER la tabla no presentar bordes.

PAGINA - 66

INTERNET : LIBROS ELECTRONICOS

LIC. ALDO VEGA ROSALES

1.- CREANDO TABLAS EN EL EDITOR DE HTML DE UNA ENTRADA A.- Crea o Ingresa a la entrada donde vas a crear la tabla. B.- Selecciona la ficha Edicin de HTML de la entrada y desarrolla los siguientes pasos: Para nuestro caso crearemos las tres tablas de los ejemplos:

EJEMPLO 1:

<TABLE BORDER="1"> <TR><TD>Fila1,Columna1</TD><TD>Fila1,Columna2</TD></TR> <TR><TD>Fila2,Columna1</TD><TD>Fila2,Columna2</TD></TR> </TABLE>


EJEMPLO 2:

1.- Digita los cdigos de la tabla a crear.


NOTA: Los ttulos externos a la tabla pueden digitarse en la ficha Redactar y luego volver a Edicin de HTML.

<TABLE BORDER="2"> <TR><TD>Fila1,Columna1</TD><TD>Fila1,Columna2</TD><TD>Fila1,Columna3</TD></TR> </TABLE>


EJEMPLO 3:

<TABLE BORDER="3"> <TR><TH COLSPAN="2">Celda de dos columnas</TH></TR> <TR><TD ROWSPAN="2">Celda de dos filas</TD><TD>Fila2,Columna2</TD></TR> <TR><TD>Fila3,Columna2</TD></TR> </TABLE>

3.- Publica la entrada y visualzalo en una ventana nueva.

EJEMPLO 1:

NOTAS FINALES:
1.-Digitar los cdigos lo ms ordenadamente posible para que las celdas salgan ordenados. 2.- El lenguaje HTML agregar algunos cdigos por defecto que no es necesario que los digites.
EJEMPLO 2:

2.- En la ficha Redactar Verificar la correcta presentacin de las tablas creadas.


NOTA: Puedo elaborar cambios a los contenidos antes de publicar.

EJEMPLO 3:

PAGINA - 67

INTERNET : LIBROS ELECTRONICOS

LIC. ALDO VEGA ROSALES

2.- CREANDO OPCIONES MLTIPLES EN EL EDITOR DE HTML DE UNA ENTRADA Si deseas colocar en tu Blog preguntas de opciones mltiples, que al elegir una te salga un mensaje, como en el siguiente ejemplo:

CDIGOS PARA MENSAJES:


OPCIN CORRECTA <input name="q1" onclick="alert('\Correcto.\n\ Es, un buen comienzo!')" type="radio" /> TEXTO OPCION INCORRECTA <input name="q1" onclick="alert('\Incorrecto.\n\Intenta Mejorar!')" type="radio" /> TEXTO
Tenemos para nuestro ejemplo: 1.- Claves ordenadas, as que debemos usar tabla (1x4), en este caso sin bordes. 2.- Opcin Correcta B) 45

DESARROLLADO SERA:

<TABLE> <tr> <td><input name="q1" onclick="alert('\Incorrecto.\n\Intenta Mejorar!')" type="radio" /> A)40</td> <td><input name="q1" onclick="alert('\Correcto.\n\ Es, un buen comienzo!')" type="radio" /> B)45</td> <td><input name="q1" onclick="alert('\Incorrecto!\n\ Acepta y prueba nuevamente.')" type="radio" /> C)41</td> <td><input name="q1" onclick="alert('\Incorrecto.\n\Intenta Mejorar!')" type="radio" /> D) 43</td> </tr> </TABLE>

Empecemos: A.- Crea o Ingresa a la entrada donde vas a crear la Opcin Mltiple. B.- Selecciona la ficha Redactar y digita el Encabezado de la pregunta. C.- Selecciona la ficha Edicin de HTML y desarrolla los siguientes pasos:

La suma de cuatro nmeros consecutivos es 90. Halla la suma del mayor y el menor.
<TABLE> <tr> <td><input name="q1" onclick="alert('\Incorrecto.\n\Intenta Mejorar!')" type="radio" /> A)40</td> <td><input name="q1" onclick="alert('\Correcto.\n\ Es, un buen comienzo!')" type="radio" /> B)45</td> <td><input name="q1" onclick="alert('\Incorrecto!\n\ Acepta y prueba nuevamente.')" type="radio" /> C)41</td> <td><input name="q1" onclick="alert('\Incorrecto.\n\Intenta Mejorar!')" type="radio" /> D) 43</td> </tr> </TABLE>

1.- Digita los cdigos de las opciones.


NOTA: Los ttulos externos a la tabla pueden digitarse en la ficha Redactar y luego volver a Edicin de HTML.

PAGINA - 68

INTERNET : LIBROS ELECTRONICOS

LIC. ALDO VEGA ROSALES

3.- Publica la entrada de tu Blog y al elegir una opcin saldr un mensaje:


NOTA: Puedo colocar otras frases slo cambindolo en la ficha Edicin de HTML.

2.- En la ficha Redactar Verificar la correcta presentacin.


NOTA: Puedo elaborar cambios a los contenidos antes de publicar.

PAGINA - 69

INTERNET : LIBROS ELECTRONICOS

LIC. ALDO VEGA ROSALES

AUTOEVALUACION N 3 Qu has aprendido?


I.- VOCABULARIO: Define los siguientes trminos informticos: 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 puedes dar a un Blog? 2.- Bosqueja un pequeo proyecto sobre la aplicacin de los Blog en tus Clases.

PROYECTO Qu haras con lo aprendido?


CULMINACIN DEL PROYECTO LIBRO ELECTRNICO
1.- Agrgale a tu Blog: Sonido de Fondo, puedes utilizar el que ms te agrade.

2.- Agrgale un Panel de Mensajes con CBOX para las Auto evaluaciones, colocndole las preguntas requeridas. Con este avance se culminar la evaluacin del proyecto.

3.- Otros cambios y mejoras queda a tu creatividad, las cuales realzarn la presentacin y el contenido de tu Libro Electrnico.

PAGINA - 70

INTERNET : LIBROS ELECTRONICOS

LIC. ALDO VEGA ROSALES

CONCLUSIONESY POTENCIALIDADES EDUCATIVAS


1.- Hay muchas Pginas Web que te brindan el servicio gratuito para crear tu Blog. Elegimos el servicio de Blogger para crear libros electrnicos porque nuestra experiencia desde el ao 2006 ha sido un trabajo en una interfaz cada da ms fcil de utilizar y la posibilidad de modificar las plantillas adems de ser un servicio gratuito con una publicacin y actualizacin 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 educacin: 2.1.- LIBROS ELECTRNICOS Esta experiencia la estamos implementando la cual a sido pensada para elaborar textos tanto por parte de los docentes como tambin por los alumnos. Abre la posibilidad de poder producir material de consulta y en lnea. 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 tcnica 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
INTRODUCCIN

Nivel: Secundaria

En el mundo actual, el nivel de desarrollo de un pas se mide por la cantidad de residuos que produce. Pero no es menos cierto que su grado de cultura y desarrollo cvico es funcin 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 informacin y orientacin en este sentido.

PREGUNTAS

1.- Cual es la materia prima para la fabricacin papel? 2.- Por qu crees que es necesario reciclar el papel? 3.- Crees que es mas ecolgico 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 pginas recomendadas encontrars alguna actividad interesante para realizar en el laboratorio. Prepara el guin. RECURSOS

pgina 1 pgina 2 pgina 3 LA GRAN PREGUNTA

http://www.iespana.es/natureduca/activ_reciclaje_papel.htm http://www.redcicla.com/index.htm http://alternativa-joven.org/extrenatura/sub4/rrr.html Vamos a probar tu idea sobre el reciclado: Qu porcentaje de la basura domstica crees que se puede reciclar?... (pinsalo y contesta)...Ahora busca en la pgina 2 y comprueba.

PAGINA - 71

INTERNET : LIBROS ELECTRONICOS EVALUACIN

LIC. ALDO VEGA ROSALES

Se valorar la precisin en la respuesta, la justificacin en aquellas que lo necesiten, la redaccin clara y escrita atendiendo a las reglas gramaticales y ortogrficas.

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 mayora de docentes tenemos una desconfianza de los vdeos que encontramos en YouTube, no podemos negar que es una pgina a la que acceden la gran mayora de nuestros estudiantes. Por ello debemos explotarlo de modo orientando y seleccionando los materiales positivos de esa pgina. La facilidad con que se insertan y manipulan los vdeos hace que podamos utilizar con mucho valor este servicio: EJEMPLO: www.aniversuizo.blogspot.com

2.4.- PERIODICOS ESCOLARES ELECTRNICOS.Herramienta que explotan los docentes de comunicacin para que los alumnos puedan publicar noticias locales, regionales, nacionales e internacionales. Poniendo en prctica sus opiniones y creatividad sobre la realidad.

2.5.- MDULOS 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 ao escolar satisfactoriamente. 2.6.- TRABAJAR EN REDES EDUCATIVAS.A travs de esta herramienta todos los trabajos de las Instituciones Educativas pueden integrarse y actualizarse en tiempo real, de esa forma se estn comunicando los avances en los diferentes programas que se desarrollan. EJEMPLO: http://promotoresescolares7084.blogspot.com/

2.7.- PRODUCCION Y PUBLICACIN DE TRABAJOS DE INVESTIGACIN DE LOS DOCENTES.2.8.- DIFUNDIR LOS AVANCES PROPIOS DE CADA INSTITUCIN.EJEMPLO: www.aniversuizo.blogspot.com

PAGINA - 72

INTERNET : LIBROS ELECTRONICOS

LIC. ALDO VEGA ROSALES

ANEXO
Antes de ingresar a elaborar su Blog todo participante debe desarrollar por escrito el contenido, para ello debemos utilizar las fichas de prctica:

FICHA DE PRCTICA N 1
Ttulo : Blog [Descripcin]

Sbado
Ttulo : Entrada

de Octubre de 2010

Archivos del blog 2010 ( ) Octubre ( )

Datos personales

Posted by _ _ _ _ @ 9:15 AM

Ver todo mi perfil

Sbado
Ttulo : Entrada

de Octubre de 2010

Posted by _ _ _ _ @ 10:15 AM

PAGINA - 73

INTERNET : LIBROS ELECTRONICOS

LIC. ALDO VEGA ROSALES

FICHA DE PRCTICA N 2

ELABORANDO UNA ENTRADA A TU BLOG APLICANDO FORMATOS


1.- Ingresa a la pgina de Blogger 2.- Ingresa a tu Blog con tu Nombre de usuario y Contrasea para agregar la siguiente Entrada

Ttulo Entrada :

HISTORIA DEL CUSCO


FUNDACION INCAICA Dos leyendas indgenas atribuyen su fundacin a su primer jefe de estado, un personaje legendario llamado Manco Cpac, junto a su hermana y consorte Mama Ocllo. En ambas se afirma que el lugar fue revelado por el dios sol (Inti) a los fundadores despus de una peregrinacin iniciada al sur del Valle Sagrado de los Incas en busca del lugar exacto.

Por datos arqueolgicos y antropolgicos se ha ido estudiando el verdadero proceso de la ocupacin del Cusco. El consenso apunta a que, debido al colapso del reino de Taypiqala se produjo la migracin de su pueblo. Este grupo de cerca de 500 hombres se habra establecido paulatinamente en el valle del ro Huatanay, proceso que culminara con la fundacin del Cuzco. Se desconoce la fecha aproximada pero gracias a vestigios se acuerda que el emplazamiento donde se ubica la ciudad ya se encontraba habitado hace 3000 aos. Sin embargo, considerando nicamente su emplazamiento como capital del Imperio inca (mediados del siglo XIII) el Cuzco aparece como la ciudad habitada ms antigua de toda Amrica. Municipalidad del cusco Diario del cusco

3.- Sigue las siguientes indicaciones: A.- Ingresa el Ttulo de la Entrada: HISTORIA DEL CUSCO B.- Agrega las Imagenes a tu entrada: B.1.- Una imagen est ubicado en: Escritorio y la otra agrgalo de Internet (Google-HISTORIA DEL CUSCO) C.- Formato del contenido: C.1.- Formato del Ttulo del contenido: Tipo de Texto: Verdana C.3.- Formato de Prrafos con vietas: Tamao de Texto: Grande Tipo de Texto: Lucida Grande Atributos: Negrita y Cursiva Tamao de Texto: Grande Color: Azul Atributos: Negrita Alineacin: Centrada Color: Naranja C.2.- Formato de Primer y segundo Alineacin: Centrada Prrafos: Tipo de Texto: Courier Enlaces: Tamao de Texto: Normal Municipalidad del cusco: Atributos: Sin atributos www.municusco.gob.pe Color: Rojo Diario del cusco: Alineacin: Justificada www.diariodelcusco.com
PAGINA - 74

INTERNET : LIBROS ELECTRONICOS

LIC. ALDO VEGA ROSALES

FICHA DE PRCTICA N 3

ELABORANDO UNA NUEVA ENTRADA A TU BLOG, APLICANDO FORMATOS E IMAGEN DESDE LA WEB Y CAMBIANDO SU UBICACION
1.- Ingresa a la pgina de Blogger e Ingresa a tu Blog para agregar la siguiente Entrada

Ttulo Entrada

FUNDACION ESPAOLA DEL CUSCO

Los conquistadores espaoles supieron desde su llegada a lo que es hoy territorio peruano, que su meta era tomar la ciudad del Cusco, capital del imperio. Luego de capturar al inca Atahualpa en Cajamarca, iniciaron su marcha hacia el Cusco. En el camino fundaron algunas ciudades como enlace entre la capital del Imperio y la pionera ciudad de San Miguel de Tangarar. El 15 de noviembre de 1533, Francisco Pizarro fund la ciudad del Cusco, estableciendo como Plaza de Armas la locacin que an mantiene la ciudad moderna y que era tambin la plaza principal durante el incanato y que se encontraba rodeada de los palacios de quienes fueron los soberanos incas. En el solar que da al norte se inici la construccin de la catedral. Pizarro otorg al Cuzco la denominacin de Cusco, Ciudad Noble y Grande el 23 de marzo de 1534. Historia del Cusco en WIKIPEDIA Gua del Cusco
Posted by _ _ _ _ @ 4:15 PM

3.- Sigue las siguientes indicaciones para el Formato: A.- Ingresa el Ttulo de la Entrada: FUNDACION ESPAOLA DEL CUSCO B.- Agrega la Imagen a tu entrada: B.1.- La imagen esta ubicado en: Google/Imgenes Francisco Pizarro B.2.- Formato de Imagen: Diseo: Derecha - Tamao: Pequea C.- Formato del contenido: C.1.- Formato de Primer y segundo Prrafos: Tipo de Texto: Times Tamao de Texto: Normal Color: Azul Alineacin: Justificada D.- Vnculos para las dos ltimas lneas: Pgina de historia del Cusco en WIKIPEDIA Pgina de Gua del Cusco 4.- Ubica esta entrada al final de tu blog: http://es.wikipedia.org/wiki/Cusco http://guiadelcusco.perucultural.org.pe/his.htm C.2.- Formato de Prrafos con vietas: Tipo de Texto: Lucida Grande Tamao de Texto: Grandes Atributos: Negrita Color: Azul Alineacin: Centrada

- Visualiza y anota las fechas de creacin de tus entradas. - Editar entradas/Editar/Opciones de entrada Cambia la fecha.
PAGINA - 75

INTERNET : LIBROS ELECTRONICOS

LIC. ALDO VEGA ROSALES

BIBLIOGRAFA CONSULTADA
Pginas 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 - 76

You might also like