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 pue de hacer publicaciones diarias, con un orden cronolgico de archivos, sobre cualqu ier tema: Un diario personal, Un espacio de colaboracin, Una fuente de noticias i mpactantes, 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 rev olucionado el periodismo y han permitido a millones de personas expresar sus opi niones y ponerse en contacto entre s. Todo ello de modo gratuito, con una interfa z 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, famil ias u otros colectivos. Enviar fotografas En ocasiones, simplemente desea compartir una fotografa. Hay un botn para subir fo tografas en la interfaz de Blogger. Si bien los Blogs surgieron en el campo perio dstico, nuestro rol de docentes creativos es adaptarlo de manera til en nuestras a ctividades educativas. Los Blogs permiten cristalizar en la red dos campos compl ementarios 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 aprendiza je social o por observacin de modelos, direccionndolo hacia la prctica de la tica di gital, la convivencia libre y tolerante. Por eso es imperativo que los educadore s 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 ma ntenimiento de Blogs, llamados a convertirse en edublogs conducidos por blogsfes ores entusiastas y responsables. Algunas herramientas educativas fciles de crear con Blogger son: Libros Electrnicos, Peridicos Electrnicos Escolares, Museos virtua les, Clases virtuales utilizando positivamente YouTube, etc. Slo depende de tu de dicacin y creatividad. Este es un curso guiado con ejemplos y prcticas que no requ ieren 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 transformand o 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 t rabajo. 2.- Bloque Acceder a tu cuenta creada en Blogger: Con tu Correo Electrnico y Cont rasea. 3.- Estos enlaces te permiten hacer la bsqueda de Blogs importantes. 4.- Bloque Ayuda de Blogger 1.- Bloque Crear un Blog, aqu iniciars la creacin de tu Blog en tres pasos. NOTAS: 1.- Cada cuenta a crear en Blogger requiere de un Correo Electrnico (E-mai l) diferente, puede ser en: Hotmail, Terra, Yahoo, etc. 2.- En una cuenta de Blo gger 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 Bloque Crear Blog, que te guiar de ma nera sencilla y en 3 pasos todo el proceso de creacin de tu Blog. Empecemos: 1.Da un Clic sobre la Flecha anaranjada. Paso 1: Creando tu Cuenta Aparecer el siguiente cuadro que debes completar siguiendo las indicaciones: 1.- Nombre de usuario: Digite el Correo Electrnico que ser su Nombre de usuario. A ntalo aqu: __________________________ 2.- Contrasea: Como mnimo 8 caracteres y Optima. Para que no se te olvide, Antalo a qu: ____________________ 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 cu lminado da un clic en Continuar PAGINA - 4 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES 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 Ud. y el resto pueda acceder a tu Blog a travs de Internet Explorer, sea creativo y digite sin www: Antelo aqu: _________________.bl ogspot.com para no olvidarlo. 3.- Una vez culminado da un Clic en Continuar Paso 3: Eligiendo una Plantilla para tu Blog. Puedes elegir la plantilla que ms te agrade slo seleccinalo y Contina: 1.Selecciona una plantilla, dando un Clic sobre l. Para nuestro ejemplo seleccion a: Rounders 3 2.- Una vez culminado da un Clic en Continuar PAGINA - 5 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES Debes esperar hasta que aparezca el siguiente mensaje 1.- Da un clic en EMPEZAR A PUBLICAR para crear la Primera Entrada, que es oblig atorio para publicar tu Blog. 3.- CREANDO ENTRADAS Cuando uno da Clic en EMPEZAR A PUBLICAR, aparece la siguiente pantalla con la f icha Creacin de entradas superpuesta, donde puedes desarrollar las siguientes acc iones: 3.1. Crear la Primera entrada.En el enlace Crear est el Editor de Entrada que se trabaja como cualquier procesador de textos, reconozca sus elementos y contine los siguientes pasos: 1.- Coloque el Ttu lo que llevar tu entrada. 2.BARRA DE HERRAMIENTAS.- Para Aadir Imagen y dar Format o al Texto. Sus elementos se explican mas adelante. 8.- Ficha Edicin de HTML 4.- Enlace Vista previa 3.- Ficha Redactar .- Es El AREA DE EDICION.- Donde se desarrolla el contenido d e tu Entrada: Texto Imgenes Enlaces. 6.- Enlace Opciones de entrada.Permite cambiar el orden de las Entradas modifica ndo sus fechas. 7.- Coloque una etiqueta para su entrada si lo desea. Esta apare cer al final de su entrada. 5.- Publique para ver su blog PAGINA - 6 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES BARRA DE HERRAMIENTAS DEL EDITOR DE ENTRADAS ESTILO DE TEXTO CURSIVA VNCULOS ALINEACION LISTA CON VIETAS ELIMIMNAR FORMATO DE L A SELECCION TAMAOS DE TEXTO COLOR DEL TEXTO NEGRITA LISTA NUMERICA COMPROBAR ORTOGRAFA Aadir Vdeo AADIR IMAGEN 3.1.1.-Aadiendo una Imagen a tu entrada 1.-Da un clic en el botn Aadir Imagen de la barra de herramientas del editor. 2.-A parece el panel Aadir una imagen desde su equipo o aadir una imagen de la Web. Don de debes seguir los siguientes pasos para aadir una imagen desde tu equipo: NOTA.- Puedes aadir una imagen de la Web colocando su URL. 1.- Da un Clic en el botn Examinar para dirigirnos a la carpeta donde tiene almac enado su imagen y seleccionarlo. (La imagen debe ser de formato JPG[Fotos], Gif o BMP. 3.- Seleccione el tamao de la imagen que desea. 2.- Clic en uno de los Diseos para la ubicacin de la imagen con respecto al texto. 4.- Da un Clic en el botn Subir imagen para agregar la imagen a tu Entrada. NOTA: La primera vez aparecern condiciones del servicio, al lado derecho de SUBIR IMAGEN, la que debes aceptar para poder aadir imgenes, stas 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 - 7 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES 3.-Debemos esperar, aparecer el siguiente mensaje: 1.- D Clic para continuar aadiendo texto 3.1.2.-Aadiendo texto a tu entrada El Editor de Entradas es un Procesador de textos, as que con los conocimientos qu e tengas de cualquier procesador de textos el trabajo ser muy fcil. Si queremos ve r nuestro avance damos clic en el enlace Vista previa de la Barra de Herramienta s, si deseamos volver da un Clic al enlace Ocultar vista preliminar. Una vez cul minado da un Clic en el botn Publicar para terminar. 4.- PUBLICANDO LA ENTRADA Y VIENDO TU BLOG Una vez publicado tu Blog aparecer la siguiente pantalla con la Ficha Creacin de e ntradas superpuesta que te indica que tu Blog ha sido publicado. NOTA: esta pantalla es importante para continuar trabajando: Ver tu Blog: En una ventana nueva o en la misma ventana, Crear otra entrada, Editar la ltima entrada o cualquiera. 4.1.-Viendo tu Blog (Importante) 1.-Para ver tu Blog publicado, en la pantalla anterior tenemos dos opciones dire ctas: Ver blog : Permite ver tu Blog, pero en la Misma Ventana, debemos utilizar el bo tn Atrs del Internet Explorer para volver a la Ventana anterior. (Ver grfico anterior). ( En una ventana nueva): Permite ver tu Blog en Otra Ventana, es la ms recomendable para el trabajo. (Ver grfico anterior). 2.-Por el momento utiliza la segunda opc in para revisar tu Blog publicado y cierra la ventana. PAGINA - 8 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES 5.-CREAR UNA NUEVA ENTRADA A TU BLOG 1.- En la Pantalla Anterior de la Ficha Creacin de entradas seleccionamos la opcin Crear o el enlace celeste Crear una entrada nueva, veamos el primer caso 1 2 2.-Luego ingresamos la informacin siguiendo los mismos pasos que en la primera en trada hasta publicarlo, adems puedes ver tu Blog publicado. NOTA: Observars que la s entradas se publican en estricto orden cronolgico inverso al orden de ingreso, es decir se mostrar en primer lugar la ms reciente en el tiempo. As que organiza tu s entradas antes de crearlas. 6.-EDITAR UNA ENTRADA CREADA Si deseas realizar algunos cambios a cualquiera de las Entradas creadas, sigue l os siguientes pasos: 1.-En la Ficha Creacin de entradas selecciona el enlace Edit ar entradas, veamos: Aqu Edita la ltima entrada creada. PAGINA - 9 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES 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 mo dificar 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.-Aqu puedes Eliminar cualquier entrada publicada, con un Clic en Suprimir y luego la confirmacin. 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 co nozca la direccin URL de tu Blog puede acceder a l. De la siguiente manera: 1.-Abr e Internet Explorer y en la barra de direccin digitar la direccin de tu Blog cread o: www._____________________.blogspot.com PAGINA - 10 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES AUTOEVALUACION N 1 Qu has aprendido? Debes desarrollar las siguientes preguntas: I.- VOCABULARIO: Define los siguient es trminos informticos: 1.-Internet 2.-Plantilla 3.-URL 3.-Interfaz 4.-Editor de E ntradas 5.-Ficha II.- CUESTIONARIO: Desarrolla las siguientes preguntas: 1.- Qu entiendes por Blogg er y Cul es a tu parecer la importancia de sus recursos? 2.- Con tus propias pala bras 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: Co ntrasea: 2.- Escoge la temtica del Libro Electrnico a crear: Personal, Familiar, Laboral, P rofesional, 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 presenta cin pon en prctica tu creatividad. PAGINA - 11 -

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 es te perfil modificando tus datos personales e incluso agregarle una fotografa; tam bin se puede modificar el Ttulo de tu Blog as como agregarle una descripcin. Veamos: Nota Previa: Antes de iniciar debes Verificar la Direccin de Correo Electrnico de Google, para lo cual debes ingresar a tu correo utilizado y abrir el mensaje de verificacin en el que debes dar un Clic sobre el enlace que te indican y listo. Ahora si continuemos: 1.- EDITANDO TU PERFIL Ingresa a BLOGGER Recuerda: www.blogger.com (Luego presione [ENTER]) En la Inter faz 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: Email ut ilizado y anotado en la Pgina 4. 2.- Ingresa tu Contrasea: Anotado en Pgina 4. 3.- Da un Clic en el botn ACCEDER. Si trabajas en una PC propia activa esta opcin para que ingrese directo a tu cuen ta. Inmediatamente ingresar 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 com o una foto. 6.-Te permite crear muchos blogs en tu misma cuenta de Blogger. Importante para crear Libros Electrnicos. 4.-Me direcciona a la ficha Opciones: Bsico, Publicacin, Formato, Comentarios, etc . 2.-NUEVA ENTRADA: Lo utilizars para agregar una nueva entrada a tu Blog. 3.-Me direcciona a la ficha Creacin de entradas: Crear, Editar Entradas. 5.-Me direcciona a la ficha Diseo: Elementos de la Pgina, Fuentes y colores, Edicin de HTML, Seleccionar Plantilla Nueva. PAGINA - 12 -

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.- Aparece r 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 par a ti. Por lo que slo te explicar como agregar la foto. Revisa detenidamente el sig uiente grfico: NOTA: Algunos datos ya aparecen llenos. Si deseas slo completa los obligatorios. Contina PAGINA - 13 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES NOTA: Veamos los casos para subir una foto o imagen a tu perfil: CASO 1: Se puede subir una foto o imagen de su equipo. Slo de Clic en Examinar y s eleccione 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 Im agen. B.- Pegue la URL o direccin Web de la foto. Seleccione Desde la Web, un Cli c en la barra de texto y presione [Ctrl] + [V]. Contina PAGINA - 14 -

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: Escri torio. 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 enlace Ver blog para ver su Blog. 6.- Ahora Cierre BLOGGER y entra a tu Blog por Internet Explorer Recuerda: www. ___________________.blogspot.com Podrs observar tu perfil con los datos ingresado s as como la Foto. [Enter] PAGINA - 15 -

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 BLO G Y AGREGARLE UNA DESCRIPCION 1.- Abre BLOGGER e ingresa con tu Nombre de Usuari o y Contrasea. 2.- Selecciona el enlace Configuracin del Panel Escritorio. Aqu 3.-Aparecer la siguiente pantalla con la ficha Configuracin superpuesta, los cambi os lo hars en el enlace Bsico, que est recortada para desarrollar slo las opciones q ue nos interesa: 1.- Cambia el ttulo del Blog que haba colocado 2.- Ingrese una Descripcin del Ttulo s te se colocar en la Cabecera como Subttulo. 3.- Guarde los valores para que los cambios se apliquen. NOTA A.- En esta pantalla tambin puede eliminar su Blog dando un Clic en este botn . PAGINA - 16 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES 4.- Aparecer un mensaje que me indica que los cambios se han guardado. Ahora pued es: 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 seleccionam os el enlace Publicacin y seguimos los siguientes pasos: 1.- Ingrese la nueva direccin URL que modificar la anterior. No olvides ser origin al para que no lo rechace y digita os caracteres de verificacin. 2.- 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.- CAM BIAR 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 nue stro pas. Slo los indicados. Empieza, s que lo puedes hacer: PAGINA - 17 -

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 entr ada de tu Blog y del panel Archivos. 3.- Para establecer el formato de la hora e n que se publica una entrada de tu Blog. 4.- Para establecer La zona horaria: [U TC-05:00] Hora de Per 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. NOTA IMPORTAN TE Otras opciones a modificar quedarn como parte de la prctica que t irs descubriendo e n la elaboracin de tu Blog. 3.- PERSONALIZAR EL DISEO DE TU BLOG. Hasta este momento tu Blog estar como en la imagen siguiente. En la que ubicars la s 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 (P erfil) y se le puede agregar otros elementos: Imagen, Lista de enlaces, etc. 3.Z ONA 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 e nlaces, etc. PAGINA - 18 -

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 y organizar e lementos de la Pgina, Modificar las fuentes y colores, Edicin de HTML y Selecciona r una plantilla nueva para tu Blog son fciles de realizar. Para iniciar debes seg uir 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 P anel Escritorio. Aqu 3.-Aparecer la siguiente pantalla con la ficha Diseo superpuesta, los cambios lo t rabajars 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.3 3.7 PAGINA - 19 -

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 sigui ente ventana donde podrs seleccionar un color distinto para esta barra. 2.- Guard a los cambios y puedes revisarlo con el botn Vista previa. 3.2.- Editar el Encabezado.- Para editar la Cabecera o Encabezado ejecuta lo sig uiente: 1.- Da un clic sobre el enlace Editar de la Cabecera, aparecer la siguien te ventana donde podrs Ejecutar: 2.- Puedes subir una imagen desde tu equipo o de la web con la URL de la imagen. 1.- Modifica el Ttulo y la descripcin de tu Blog. 3.- Puedes ubicar la imagen en lugar del ttulo o detrs. 4.- No olvides activar red ucir hasta ajustar 5.- Da un clic en guardar y puedes revisarlo son el botn vista previa. NOTA: Si la imagen no te gusta, puedes editar nuevamente y eliminar la imagen 3. 3.- Editar las Entradas del Blog.- Para configurar las Entradas ejecuta lo sigui ente: 1.- Da un clic sobre el enlace Editar de la zona de Entradas del blog, apa recer la siguiente ventana donde podrs modificar: El nmero de entradas, El formato de fechas, etc. As como ordenar las etiquetas arrastrndolos. 2.- Guarda los cambio s y puedes revisarlo con el botn Vista previa. PAGINA - 20 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES 1.- Puedes desactivar estas opciones si deseas que desaparezcan estos elementos de tu Blog. 2.- Arrastrar las etiquetas para ordenarlo, si lo desea. 3.4.- Editar la zona Archivo del Blog.- Para configurar la zona de enlaces a las Entradas de tu Blog ejecuta lo siguiente: 1.- Da un clic sobre el enlace Editar de la Zona Archivo del Blog, aparecer la siguiente ventana donde podrs modificar: El Ttulo, Estilo, Formato de Fecha, etc. 2.- Guarda los cambios y puedes revisar lo con el botn Vista previa. 1.- Modificar Ttulo por ENLACES DE ENTRADAS 2.- Puedes eliminar esta lista de enlaces a las entradas. PAGINA - 21 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES 3.5.- Editar la zona Datos personales o Perfil del Blog.- Para configurar la zon a del perfil de tu blog ejecuta lo siguiente: 1.- Da un clic sobre el enlace Edi tar 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. 3.6.- Organizar elementos de la pgina.- Slo se pueden organizar los elementos de t u pgina: Datos personales y Archivo de blog o los elementos agregados para ello e jecuta lo siguiente: 2.- Guarda los cambios y puedes revisar los cambios con el botn Vista previa. 1.- Arrastra el elemento Datos personales a la ubicacin deseada, veamos que quede sobre el elemento Archivo del Bolg (Enlaces de Entradas). PAGINA - 22 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES 3.7.- Aadir un Elemento de Pgina a tu Blog (Aadir un gadget).- Debemos tener en cue nta lo siguiente: 1.- Hay tres 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 b log. 2.- Puedes aadir los siguientes elementos bsicos: Da un clic sobre la imagen o ttulo del elemento. NOTA: Tambin puedes aadir otros elementos: DESTACADOS: Blogger Play, YouTube, Nasa Photo of the day, etc. LOS MS POPULARES: Search YouTube, Traductor, Tiempo del M undo, etc. EL MS RECIENTE: Sudoku, Sala de Juegos, Google Video, etc. Y Categoras como: Noticias, Herramientas, Comunicacin, Diversin y juegos, Finanzas, Deportes, etc. Slo desarrollaremos dos elementos bsicos: Lista de vnculos e Imagen ya que el proceso es el mismo para el resto, solo trabaja con paciencia. Empecemos: A.- Aad ir 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: PAGINA - 23 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES 1.- Da un clic sobre el enlace Aadir un elemento de pgina (Aadir un gadget) de la Z ona de vnculos secundario, aparecer la ventana Aadir un gadget. 2.-Ubica el element o Lista de vnculos y da un clic sobre la imagen. Aparecer la ventana siguiente en la cual sigue los pasos indicados: 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 W eb (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 ubi cacin a los enlaces agregados. NOTA: Si desea eliminar el elemento total, Edita el elemento y el botn ATRS cambia r 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 elemen to y Editar. 3.- Puedes aadir otra Lista de vnculos si lo desea, slo debes repetir los pasos ant eriores. B.- Aadir una Imagen.- Puedes aadir una imagen desde tu equipo o desde cu alquier otro lugar de Internet. Adems ahora puedes enlazar esa imagen con una Pgin a Web, conociendo su direccin. Para desarrollar estas acciones debes tener en cue nta: 1.- Para aadir una imagen colgada en Internet, debes conocer la direccin URL de la imagen. (Debes copiar la URL). PAGINA - 24 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES 2.- Si deseas enlazar esa imagen con una Web, debes conocer la direccin URL de es a Web. Luego ejecuta lo siguiente: 1.- Da un clic sobre el enlace Aadir un elemen to de pgina de la zona que desees, por ejemplo la zona de vnculos principal, apare cer la ventana Aadir un elemento de pgina (Aadir un gadget). 2.-Ubica el elemento Im agen 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 imag en est en tu PC da un clic en el botn examinar, luego ubica y selecciona la imagen . 3.2.- Si la imagen es de la Web, selecciona esta opcin y digita o pega en la ba rra de texto la direccin URL de la imagen previamente seleccionada o copiada. 1.- Coloca un Ttulo a tu Imagen. 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 va co la barra Enlace. 3.- Si deseas subir una imagen de la Web, te recomiendo que p rimero la bajes a tu PC. De ese modo ser ms sencillo. 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 Esc ritorio. PAGINA - 25 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES Aqu 3.-Aparecer la siguiente pantalla con la ficha Diseo superpuesta, los cambios lo t rabajars en el enlace Fuentes y colores que presenta la siguiente pantalla donde debemos reconocer sus elementos: 1.-BARRA DE LISTA DE LOS ELEMENTOS DE LA PLANTILLA CUYOS COLORES Y FUENTES PUEDE S CAMBIAR. 2.-LISTAS DE: COLORES FORMATOS DE FUENTES A APLICAR. 4.-GUARDAR O BORRAR CAMBIOS 3.3.- CAMBIAR DE PLANTILLA. 3.-PANEL DE VISTA PREVIA 3.1.- Cambiar colores de los elementos de la plantilla.A.- Cambiar el Color de F ondo de la Cabecera de la Pgina.1.- En la barra de Lista de colores y Fuentes sel ecciona la opcin Color de fondo de la cabecera de la pgina. Elemento 1 en el grfico anterior. Ejecuta lo siguiente: PAGINA - 26 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES 1.-Selecciona la opcin Color de fondo de la cabecera de la pgina. 2.-Puedes elegir el color de fondo que desees de los paneles: Colores de tu blog , Colores que combinan con tu blog y Ms colores. Por ejemplo Verde. 3.-Guarda los cambios. 4.-Para ver tu blog en otra ventana luego de haber guardado los cambios. Vista p revia para verificar los cambios antes de guardarlos B.- Otros colores que puedes cambiar en los elementos son: Color de fondo princi pal Color del texto Color del ttulo de la entrada Color de la cabecera de fecha C olor del borde de la entrada Color del vnculo Color de los vnculos visitados Color de fondo de la cabecera de la pgina 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 Color de los vnculos de la columna lateral superior Color de los vnculos visitados de la columna lateral superior Bottom Sid ebar Title Color Bottom Sidebar Link Color Bottom Sidebar Visited Link Color Com o prctica cambia el color del Ttulo de tu Blog y haz otros retoques de acuerdo a t u gusto y que mejoren la presentacin de tu Blog. PAGINA - 27 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES 3.2.- Cambiar la Fuente de los elementos de la plantilla.A.- Cambiar la Fuente d el Ttulo del blog.1.- En la barra de Lista de colores y Fuentes selecciona la opc in Color de fondo de la cabecera de la pgina. Elemento 1 en el grfico anterior. Eje cuta lo siguiente: 2.- Selecciona Georgia de la Familia de fuentes 1.-Selecciona la opcin Fuente del ttulo del blog. 3.-Activa los Estilos Negrita y Cursiva. de fuente: 5.-Guarda los cambios. 6.-Para ver tu blog en otra ventana luego de haber guardado los cambios. Vista previa para verificar los cambios antes de guardarlos 4.-Aumenta o disminuye el tamao de la fuente del ttulo si es necesario. B.- Otras Fuentes que puedes cambiar son.Aa Aa Aa Aa Fuente del texto Fuente del ttulo del blog Fuente de descripcin del blog Fuente de l ttulo de la barra lateral Fuente del ttulo de la entrada Aa Como prctica cambia el tipo de Fuente y Tamao de la descripcin de tu Blog y haz otr os retoques de acuerdo a tu gusto y que mejoren la presentacin de tu Blog. NOTA.- El uso del enlace Edicin de HTML de la ficha Plantilla requiere de conocim ientos ms avanzados. As que lo dejamos para otro momento. 3.3.- SELECCIONAR UNA PLANTILLA NUEVA PARA TU BLOG. 1.- Abre BLOGGER e ingresa c on tu Nombre de Usuario y Contrasea. 2.- Selecciona el enlace Diseo del Panel Escr itorio. PAGINA - 28 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES Aqu 3.-Aparecer la siguiente pantalla con la ficha Plantilla superpuesta, los cambios lo trabajars en el enlace Seleccionar plantilla nueva. Para cambiar de plantilla debes tener en cuenta lo siguiente: Nota.- Si modificas la plantilla, se descar tarn los cambios que hayas efectuado en Fuentes y colores, pero se conservarn los elementos de la pgina. 3.1.- Cambiar a la Plantilla Rounders 2.1.- En la pantalla Seleccionar plantilla nueva ejecuta lo siguiente: 2.-Guarda la Plantilla 3.-Para ver tu blog en otra ventana luego de haber guarda do los cambios. NOTA: La plantilla Stretch Denim es una plantilla que abarca todo el ancho de la pantalla. 1.-EN EL PANEL DE GRUPOS DE PLANTILLAS.Selecciona la plantilla Rounde rs 2 de este grupo. 2.- Ahora puedes mejorar el aspecto de tu Blog a tu gusto. No te olvides que cad a vez que cambies de Plantilla se descartarn los cambios efectuados en Fuentes y Colores. PAGINA - 29 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES AUTOEVALUACION N 2 Qu has aprendido? Debes desarrollar las siguientes preguntas: I.- VOCABULARIO: Define los siguient es trminos informticos: 1.-Http 2.-Enlace 3.-Plantilla 4.-JPG 5.-Perfil 6.-Fuente II.- CUESTIONARIO: Desarrolla las siguientes preguntas: 1.- Qu diferencia hay entr e la ficha Edicin de HTML y Redactar del Editor de Entradas? 2.- Elabora un esquem a 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 dir ecciones URL de cada uno: Pgina 1: www.____________________ Pgina 2: www._________ ___________ Pgina 3: www.____________________ Pgina 4: www.____________________ Pgi na 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 la s 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 fue nte, Los tamaos y posiciones de las imgenes agregadas, etc. 6.- Entra a la ficha D iseo y selecciona el enlace Edita del elemento de pgina Entradas del blog y desact iva todas las opciones. Esto es para que quitar estos datos de tu Blog. 7.- En l a misma ficha Diseo selecciona el enlace Edita del elemento de pgina Archivo del b log y Elimnalo. PAGINA - 30 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES CAPTULO III OPCIONES AVANZADAS Hasta este momento tu Blog se presenta atractivo. Pero ahora quiz desees personal izarlo de modo avanzado: Incluir otros formatos, Agregarle un sonido de fondo, S ervicios gratuitos de otras pginas como: Panel de Mensajes, Vdeos de YouTube, Cana les de Vdeos, Presentador de fotos, Contador de ingresantes, etc. Todo ello se pu ede hacer agregando algunos cdigos HTML de servicios que algunas pginas permiten d e modo gratuito. Algunos servicios gratuitos son: 1.- PANEL DE MENSAJES EN TU BL OG CON CBOX: Pgina Web: www.cbox.ws www.youtube.es 2.- VDEOS DE LA PGINA DE YOUTUBE EN TU BLOG: Pgina Web: 3.- SLIDE SHOW PRESENTADOR DE FOTOS CON SLIDE: Pgina Web: www.slide.com 4.- SPLASHCAST VIDEOS DE YOUTUBE AGRUPADOS POR CANALES Y OTROS Pgina Web: www.spl ashcastmedia.com 5.- SUBIR DOCUMENTOS A TU BLOG Y COMPARTIRLOS Pgina Web: www.box .net 6.- CONTADORES DE INGRESANTES A TU BLOG Pgina Web: www.freelogs.com 7.- COMP ARTIR Y MANEJAR SUS ARCHIVOS EN LNEA CON BOX. Pgina Web: www.box.net 8.- ESPACIOS DE TRABAJO COLABORATIVO INTRANET Y OTROS CON MAYETICVILLAGE. Pgina Web: http://es .mayeticvillage.com 9.- RELOJES PARA MEJORAR LA PRESENTACION DE TU BLOG CON CLOC KLINK. Pgina Web: www.clocklink.com/ Existen otros servicios gratuitos que podrs i r descubriendo con la experiencia. Empecemos esta parte de manera prctica, con la s fichas de trabajo que a continuacin colocamos, slo con algunos servicios, el res to queda para que investigues. PAGINA - 31 -

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.- Luego selecciona la opcin Msica Clsica. C.- Luego Sonata n 14 Claro de Luna . D.- Luego en la ventana que se presenta Clic Derecho sobre el Reproductor de la Msica o sobre la palabra AQU y seleccionar Propiedades. E.- En la ventana Propieda des 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. C.- En la ventana que a parece ubica el elemento HTML/Javascript y seleccionalo. D.- En la ventana que a parece coloca un ttulo y Digita las siguientes lneas de cdigos: PAGINA - 32 -

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 sonid o Midi copiado. Quedara de la siguiente manera: <embed width="200" autostart="tru e" loop="true" src="http://www.culturageneral.net/musica/clasica/htm/../htm/midi s/sonata_no_14_claro_de_luna. mid" height="40"></embed> E.- Finalmente Seleccion e 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 repr oductor, estos parmetros especifican su tamao. Ancho y Alto respectivamente. Arran ca automticamente la reproduccin. Para que no arranque automticamente en lugar de tr ue colocamos 0 Reproduce ininterrumpidamente el fichero hasta que salimos de la pgin a. 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 d e 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 apar ece: http://www.geocities.com/CollegePark/Dorm/9834/midi.html http://www.piano-midi.d e/beeth_es.htm http://photofiltrecastellano.iespana.es/musicamidi.htm PAGINA - 33 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES FICHA DE TRABAJO N 2 AGREGAR UN PANEL DE MENSAJES DE CBOX A UNA ENTRADA DE TU BLO G Y COMO ELEMENTO DE TU PGINA 1.- OBTENIENDO LOS CODIGOS INSERTAR DEL PANEL EN LA PGINA DE CBOX: A.- Abre la si guiente 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. -Correo Electrnico: Uno por cuenta. -Contrasea. -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 que aparece y tienes que ingresar a tu correo p ara verificar tu cuenta en Cbox, en este correo vendr tu nombre de usuario y cont rasea para acceder a tu cuenta. 1.- Da un clic en este enlace de verificacin. PAGINA - 34 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES D.- Aparecer la siguiente pantalla, donde ingresars con tu nombre de usuario y con trasea: 1.- Digita tu nombre de usuario 2.- Digita contrasea tu E.- aparecer la siguiente ventana final: 1.- Da un clic en el botn Update. 2.- Selecciona y copia los cdigos de la barra. 2.- AGREGANDO LOS CODIGOS INSERTAR EN EL EDITOR DE HTML DE UNA ENTRADA A.- Ingre sa a la entrada donde vas a colocar el Panel de comentarios. B.- Selecciona la f icha Edicin de HTML de la entrada y pega ([Ctrl]+[V]) los cdigos en el lugar que d eses. <!-- BEGIN CBOX - www.cbox.ws - v001 --> <div id="cboxdiv" style="text-align: ce nter; 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" marginheig ht="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe></div> <div><iframe fra meborder="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" al lowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top :0px" id="cboxform"></iframe></div> </div> <!-- END CBOX --> PAGINA - 35 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES D.- Finalmente Seleccione el botn PUBLICAR ENTRADA y visualiza tu Blog en una ven tana nueva. NOTA: Para modificar el tamao del Panel debemos saber que: 1.- Los pa rmetros: width=" " : Establece el Ancho del Panel height=" " : Establece el Alto del Panel 2.- Modifica segn tu necesidad. Cambiando el primer par es para visuali zar el mensaje. El segundo par es para poner nombre y digitar el mensaje. Siempr e deben coincidir los width. 3.- AGREGANDO LOS CODIGOS INSERTAR COMO ELEMENTO DE PGINA (HTML/Javascript) A.- S elecciona la ficha Diseo. B.- Selecciona el enlace Aadir un elemento de pgina (Add a Page Element). C.- Da un clic en el botn AADIR AL BLOG del elemento HTML/Javascr ipt. D.- Digita el ttulo: PANEL DE MENSAJES. E.- Pega el cdigo Insertar en el rea C ONTENIDO. F.- Modifica los valores de width y height si lo deseas. D.- Seleccion e el botn GUARDAR. E.- Finalmente Seleccione el enlace Ver blog de elemento de pgi na aadida. PAGINA - 36 -

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 EL EMENTO DE TU PGINA 1.- OBTENIENDO LOS CODIGOS INSERTAR DEL VDEO EN LA PGINA DE YOUTUBE: A.- Abre la s iguiente pgina Web: www.youtube.es B.- En la barra Buscar digita el tema o person aje: cusco 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.- Puede personalizar la presentacin del vde o: No incluir videos relacionados, Mostrar borde. Selecciona en este panel otro vdeo si el anterior no te gusta. NOTA: Si deseas ca mbiar de tema tienes que ir a la barra Search. E.- Da un clic sobre la barra Insertar y Copia ([Ctrl] + [C]) los cdigos que apar ecen. 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. PAGINA - 37 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES B.- Trabajando en la ficha Redactar coloca de ttulo CUSCO - PROMPERU TV COMERCIAL y en la entrada: Una belleza milenaria para admirar - (Darle formato) C.- Selec ciona la ficha Edicin de HTML de la entrada y pega ([Ctrl]+[V]) el cdigo Insertar de Youtube. <object width="425" height="355"><param name="movie" value="http://w ww.youtube.com/v/D7pbF2P8CLM&hl=en"></param><param name="wmode" value="transpare nt"></param><embed src="http://www.youtube.com/v/D7pbF2P8CLM&hl=en" type="applic ation/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></ object> D.- Finalmente Seleccione el botn PUBLICAR ENTRADA y visualiza tu Blog en una ven tana nueva. NOTA: Para modificar el tamao de un vdeo debemos saber que: 1.- Los pa rmetros: width=" " : Establece el Ancho del Video height=" " : Establece el Alto del video 2.- Cambiando el segundo par es suficiente, pero es recomendable cambi ar 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 elecciona la ficha Diseo. B.- Selecciona el enlace Aadir a Page Element). C.- Da un clic en el botn AADIR AL BLOG ipt. D.- Digita el ttulo : CUSCO - PROMPERU TV COMERCIAL. ar en el rea CONTENIDO. F.- Modifica los valores de width ferior (SEGUNDA PAREJA) por: (HTML/Javascript) A.- S un elemento de pgina (Add del elemento HTML/Javascr E.- Pega el cdigo Insert y height de la parte in

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

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES FICHA DE TRABAJO N 4 PONER UN SLIDE SHOW EN TU BLOG 1.- REGISTRANDONOS Y EMPEZANDO A CREAR NUESTRO SLIDE SHOW: A.- Abre la siguiente pgina Web: www.slide.com B.- En la pgina de slide nos registramos siguiendo los s iguientes pasos: 2.- SUSCRIBETE.- Con un correo electrnico y una contrasea. Luego da un clic en el botn Regstrate. 1.- REGISTRATE.- Para ello damos un clic en el botn Regstrate. Y completamos los d atos de la siguiente ventana: 2.- En la siguiente pantalla da un clic en el enlace Clic here, para empezar a c rear el slide. 2.- AGREGANDO LAS FOTOS AL SLIDE SHOW.A.- Debemos seguir los siguientes pasos y ser muy curiosos ya que hay muchos efectos: VISUALIZADOR DEL SLIDE SHOW 3.- Darle un 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 - 39 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES B.- Luego podemos reordenar las imgenes arrastrndolos y ponerle una leyenda desarr ollando: 1.- Arrastrar las fotos 4.- Guardamos para obtener el cdigo HTML. 3.- Cambiar colores Fuente y fondo. 2.- Colocar una leyenda C.- 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.- Selecc iona 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="applicati on/xshockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparen t" flashvars="cy=h5&il=1&channel=1873497444995296512&site=widget-00.slide.com" s tyle="width:426px;height:320px" name="flashticker" align="middle"/><div style="w idth: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/p 1/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=1873497444995 296512&map=2" target="_blank"><img src="http://widget00.slide.com/p2/18734974449 95296512/h5_t016_v000_s0un_f00/images/xslide2.gif" border="0" ismap="ismap" /></ a></div></div> PAGINA - 40 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES D.- Puedes modificar los valores de width y height de la parte superior para cam biar el Ancho y Alto del Slide respectivamente. El Width de la parte inferior de be llevar el mismo que el anterior. E.- Finalmente Seleccione el botn PUBLICAR EN TRADA 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/xshoc kwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent" flash vars="cy=h5&il=1&channel=1873497444995296512&site=widget-00.slide.com" style="wi dth:426px;height:320px" name="flashticker" align="middle"/><div style="width:426 px;text-align:left;"><a href="http://www.slide.com/pivot?cy=h5&at=un&id=18734974 44995296512&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 Listo, Ahora si podemos publ icar entrada. 4.- AGREGANDO EL SLIDE SHOW COMO ELEMENTO DE PGINA (HTML/Javascript) A.- Seleccio na la ficha Diseo. B.- Selecciona el enlace Aadir un elemento de pgina (Add a Page Element). C.- Da un clic en el botn AADIR AL BLOG del 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 heig ht 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 e lemento de pgina aadida. PAGINA - 41 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES FICHA DE TRABAJO N 5 AGREGAR UN SPLASHCAST A UNA ENTRADA DE TU BLOG Y/O COMO ELEM ENTO DE TU PGINA Un Splashcast es como una televisin orientada y virtual que puede ser compartida entre amigos y colgado en cualquier pgina Web. Teniendo una cuenta puedes colgar desde videos de YouTube hasta PowerPoint. 1.- REGISTRANDONOS EN LA PGINA DE SPLAS HCAST: A.- Abre la siguiente pgina Web: www.splashcastmedia.com B.- Sigue los sig uientes pasos. Recuerda que debes contar con una cuenta de correo electrnico. 1.Da un clic sobre el enlace Login 2.- Luego vamos a registrarnos, da un Clic en el botn register now. NOTA: Este panel es para ingresar las siguientes veces, luego que tengas tu cuen ta en SplashCast. C.- Completa los siguientes datos que te piden y anota aparte el password para que no se te olvide. 1.- Completa los datos obligatorios. NOTA: Para crear otra cuenta de splashCast, necesitas otro correo. 3.- Da un Clic en el botn done. 2.- Acepta las condiciones del servicio. PAGINA - 42 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES D.- En la siguiente ventana Friend Manager da un Clic en el botn skip this step. Aparecer la ventana de ingreso con tu email y password. E.- Activa remember me on this computer, para que recuerde siempre esos datos, y da un clic en el botn login. Ahora ya estamos listos para crear nuestro canal. 2.- CREAR UN CANAL DE PELICULAS CON VARIAS PARTES DE VIDEOS DE YOUTUBE A.- Cream os un Canal desplegando la barra indicada y completamos los datos: 1.- Desplegamos la barra Choose a Channel y seleccionamos la opcin Create new cha nnel. 2.- Completa los dos primeros datos: Name: historia del cusco Category: Educacin 3.- Da un Clic en el botn save. B.- Aparecer un mensaje de canal vaco y la pregunta si deseamos crear un show en e l canal, debemos aceptar dando clic en yes. Cada show creado puede contener vari os videos que pueden ser relacionados o no. PAGINA - 43 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES Desarrollemos los siguientes pasos para crear un show: 1.- Aparecer la siguiente ventana en la cual ejecutamos: 1.-Elegimos el tipo de show que vamos a trabajar. Para nuestro caso VIDEO. 2.-Ahora elegimos YouTube. 3.- Finalmente done 2.- En la siguiente ventana de bsqueda utilizamos slo la prime ra barra superior keywords: 1.- Digita el tema de los videos a buscar. Para nuestro caso: Cusco milenario y presiona go. NOTA: Uno puede buscar sus videos en la pgina de YouTube primero y u na vez elegidos puede colocar el ttulo de ellos para buscarlo. Esta forma es ms re comendada. 3.- Aparecer la siguiente ventana Search YouTube con los videos encont rados en miniatura, donde podemos ejecutar: 1.- Selecciona los videos que deseas para agregar a tu show. Clic en los cuadritos del vrtice superior izquierdo de c ada video. 2.- Puedes avanzar a la siguiente pgina para revisar otros videos. 3.- Este botn t e permite hacer otra bsqueda sumando videos a los elegidos anteriormente. 4.- Terminado se seleccionar los videos. Da un clic en save y luego en done. PAGINA - 44 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES 5.-Aparecer la siguiente pantalla de edicin: Edit Show, donde puedes organizar tus videos. 1.- Arrastrando puedes cambiar de posicin los videos. 3.- Puedes agregar otro video 2.- Puedes eliminar cualquier video 4.- Finalmente haz clic en el botn save. 6.- Aparecer la siguiente pantalla para g rabar el show. Completa slo los dos primeros datos y contina. 1.- Completa estos datos, son suficiente. 2.- Da un clic en next. 7.- Luego da un clic en el botn publish de la siguiente ventana: PAGINA - 45 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES 8.- Aparecer la siguiente ventana Publish Show, donde puedes modificar: 1.- El tiempo de transicin de un video al siguiente. Lo recomendable es 2 segundo s. 2.- Da un clic en el botn publish para continuar. 9.- Como no notificamos a ni ngn amigo, pasamos a la siguiente ventana: 1.- Da un clic en el botn skip this step, para continuar 10.- Aparecer la siguiente pantalla de Shows, en la que podemos agregar otro show o editar uno hecho, pero lo ms importante es que podemos obtener el cdigo HTML de l canal: 1.- Da un clic en el botn code para obtener los cdigos a insertar. PAGINA - 46 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES 11.- Aparecer la siguiente pantalla, donde podemos: 1.- Modificar el tamao de los videos: 320x240 : Para Entrada. 210x150 : Para Elem ento de Pgina, como no aparece lo debes cambiar en blogger, al pegar el cdigo. 2.- Da un clic en el botn copy HTML text. para copiar los cdigos. 3.- Finalmente hacemos clic en done o podemos cerrar la ventana para pasar a la ventana de blogger. 3.- AGREGANDO LOS CODIGOS HTML text EN EL EDITOR DE HTML DE UNA ENTRADA: A.- Crea una Nueva Entrada en tu Blog. B.- Trabajando en la ficha R edactar coloca de ttulo CUSCO en la entrada: C.- Selecciona la ficha Edicin de HTM L de la entrada y pega ([Ctrl]+[V]) el cdigo HTML text copiado. Quedar as: <embed s rc="http://web.splashcast.net/go/so/1/c/GCYV3146ZH" wmode="transparent" width="3 20" height="240" allowFullScreen="true" type="application/x-shockwave-flash" /> OJO: Antes de publicar debes cambiar lo siguiente: El cdigo final quedar: Cmbialo por </embed> y listo. <embed src="http://web.splashcast.net/go/so/1/c/GCYV3146ZH" wmode="transparent" width="320" height="240" allowFullScreen="true" type="application/x-shockwave-fl ash"></embed> D.- Finalmente Seleccione el botn PUBLICAR ENTRADA NOTA: Para modif icar el tamao de un vdeo debemos saber que: 1.- Los parmetros: width=" " : Establec e el Ancho y height=" " : Establece el Alto del video Valores aproximados para l os casos: Lugar donde ubicas el video EN UNA ENTRADA PANEL DERECHO ELEMENTO widt h="425" height="355" COMO width="210" height="150" o o A A valores Menos Menos 2 25 165 PAGINA - 47 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES 3.- AGREGANDO LOS CODIGOS INSERTAR COMO ELEMENTO DE PGINA (HTML/Javascript) A.- S elecciona la ficha Diseo. B.- Selecciona el enlace Aadir un elemento de pgina: (gad get), (Add a Page Element). C.- Da un clic en el botn o enlace HTML/Javascript. D .- Digita el ttulo: CUSCO. E.- Pega el cdigo Insertar en el rea CONTENIDO. F.- Modi fica los valores de width y height por: width="210" height="150" D.- Seleccione el botn GUARDAR. E.- Finalmente Seleccione el enlace Ver blog de E lemento de pgina aadido. PAGINA - 48 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES FICHA DE TRABAJO N 6 COLOCANDO DOCUMENTOS PARA DESCARGAR A TU BLOG Box es otra pgina que te permite Colgar y Compartir en la red tus documentos en c ualquier 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 b log. Slo sigue los siguientes pasos: 1.- REGISTRANDOTE EN LA PGINA DE BOX Y PUBLIC ANDO TU DOCUMENTO: NOTA.- Para ingresar a tu cuenta las A.- Abre la siguiente pgi na Web: www.box.net siguientes veces con tu correo y Password. B.- Sigue los sig uientes pasos. 1.- Completa los datos que nos solicitan en Sign Up Now: -Nombre -Correo Electrni co: Uno por cuenta. -Contrasea y Confirmar. -Phone: No es necesario. 3.- En la siguiente ventana verifica que est seleccionado la opcin Lite y nuevamen te 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 folder. 4.- Da un clic en el botn No thanks. Para visualizar tu flder creado 2.- Deja en blanco esta barra. 3.- Da un clic en el botn Create Folder. Aparecer un mensaje. PAGINA - 49 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES D.- Aparecer la siguiente pantalla donde debemos reconocer las siguiente herramie ntas: 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.- Cuando termine 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 para esperar. 2.- Ahora da un clic en el botn Up load para que suban los archivos. F.- Cuando termine aparecer la siguiente ventana donde podrs visualizar los docume ntos subidos al flder creado. As como obtener el cdigo embed del flder. PAGINA - 50 -

PROYECTO: LIBROS ELECTRNICOS 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.- Puedes modificar los tamaos y la vista de los documentos. 3.- Da un clic en el enlace Embed flder in your site. 5.- En la siguiente ventana selecciona y copia 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.- Ingre sa 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" h eight="345" wmode="transparent" type="application/x-shockwave-flash"></embed> C.- Puedes Cambiar el Ancho y Alto de la presentacin de los documentos: width="40 0" height="300" o de acuerdo a tu gusto. Ms informacin, en la siguiente pgina. PAGINA - 51 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES C.- Finalmente Selecciona el botn PUBLICAR ENTRADA NOTA: Para modificar el tamao d e presentacin debemos saber que: 1.- Los parmetros: width=" " : Establece el Ancho y height=" " : Establece el Alto Valores aproximados para los casos: Lugar dond e ubicas el video EN UNA ENTRADA PANEL DERECHO ELEMENTO DE PGINA width="425" heig ht="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.- S elecciona la ficha Diseo. B.- Selecciona el enlace Aadir un elemento de pgina: (gad get), (Add a Page Element). C.- Da un clic en el botn o enlace 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 E lemento de pgina aadido. Finalmente tus documentos se vern de la siguiente manera: PAGINA - 52 -

PROYECTO: LIBROS ELECTRNICOS 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 doc umentos en un formato interactivo. Tus documentos PDF se vern en una entrada o co mo 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.- REGISTRAN DONOS 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 cont ar 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 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-mai l Password: ________________ Gnero y Edad Palabra Clave: Digita una de las palabr as 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 qu e te pedir confirmar el email que se te envi a tu correo. PAGINA - 53 -

PROYECTO: LIBROS ELECTRNICOS 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 n uevo 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 solo los datos: Title: Ttulo del documento Descriptions: Breve resum en Keywords: Palabras sobre el tema: Mnimo 2 separados por una coma. Type: Tipo d e documento Que son obligatorios. 6. Finalmente da un clic en el botn Upload file. PAGINA - 54 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES F.- Ahora tendremos nuestro documento publicado. Pasaramos a obtener su cdigo embe d 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 seleccion arlo. 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 cdigo s HTML de la barra de texto (Embed code). PAGINA - 55 -

PROYECTO: LIBROS ELECTRNICOS 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 de l 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 docu mento. Sigue las indicaciones que value="http://static.issuu.com/webembed/viewer s/style1/v1/IssuuViewer.swf?mode=embed&a o se dan ms abajo: width:425;height:355 mp ;documentId=090329014956de acuerdo a tu plantilla. 0661c1d5da65491fa65ad74e5ee84 ee7&amp;documentUsername=aldo2009&amp;documentNa me=como_crear_un_blog_con_blogg er&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv% 2Flight%2Flayout.xml" /><param na me="allowFullScreen" value="true" /><embed src="http://static.issuu.com/webembed /viewers/style1/v1/IssuuViewer.swf" type="application/x-shockwave-flash" allowFu llScreen="true" style="width:600;height:450" flashvars="mode=embed&amp;documentI d=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 Sele ccione el botn PUBLICAR ENTRADA NOTA: Para modificar el tamao de presentacin debemo s saber que: 1.- Los parmetros: width=" " : Establece el Ancho y height=" " : Est ablece el Alto Valores aproximados para los casos: Lugar donde ubicas el video E N 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.- S elecciona la ficha Diseo. B.- Selecciona el enlace Aadir un elemento de pgina: (gad get), (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 CONTEN IDO. 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 E lemento de pgina aadido. PAGINA - 56 -

PROYECTO: LIBROS ELECTRNICOS 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 d ocumentos en cualquier formato, aunque se recomienda que sean PDF. Tus documento s PDF se vern en una entrada o como elemento en tu blog, de manera que los usuari os 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 dond e 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 busca r el documento y abrirlo. PAGINA - 57 -

PROYECTO: LIBROS ELECTRNICOS 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: T itle, 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 - 58 -

PROYECTO: LIBROS ELECTRNICOS 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 e l cdigo en tu blog. 2.- AGREGANDO LOS CODIGOS INSERTAR EN EL EDITOR DE HTML DE UNA ENTRADA A.- Ingre sa 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.c om/doc/14017068/Manual-para-elaborar-un-blog" style="margin: 12px auto 6px auto; font-family: Helvetica,Arial,Sans-serif; font-style: normal; font-variant: norm al; font-weight: normal; fontsize: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; display: block; text-decoratio n: underline;">Manual para elaborar un blog</a> <object codebase="http://downloa d.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" id="doc_4 03183320880181" name="doc_403183320880181" classid="clsid:d27cdb6e-ae6d-11cf-96b 8-444553540000" align="middle" height="500" width="100%" > <param name="movie" v alue="http://d.scribd.com/ScribdViewer.swf?document_id=14017068&access_key=key13 l03g8yujrusxehp3f&page=1&version=1&viewMode="> <param name="quality" value="high "> <param name="play" value="true"> <param name="loop" value="true"> <param name ="scale" value="showall"> <param name="wmode" value="opaque"> <param name="devic efont" value="false"> <param name="bgcolor" value="#ffffff"> C.- Cambia el Alto y Ancho de la presentacin <param name="menu" value="true"> <param name="allowFull Screen" value="true"> <param name="allowScriptAccess" value="always"> del docume nto: height:500 width:450 o de <param name="salign" value=""> <embed acuerdo a tu pl antilla. Ms informacin, ms src="http://d.scribd.com/ScribdViewer.swf?document_id=14 017068&access_key=keyabajo. 13l03g8yujrusxehp3f&page=1&version=1&viewMode=" qual ity="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" allowscrip taccess="always" salign="" type="application/x-shockwave-flash" align="middle" h eight="500" width="100%"></embed> </object> <div style="margin: 6px auto 3px aut o; font-family: Helvetica,Arial,Sansserif; font-style: normal; font-variant: nor mal; font-weight: normal; font-size: 12px; line-height: normal; font-size-adjust : none; font-stretch: normal; -x-system-font: none; display: block;"> <a href="h ttp://www.scribd.com/upload" style="text-decoration: underline;">Publish at Scri bd</a> or <a href="http://www.scribd.com/browse" style="text-decoration: underli ne;">explore</a> others: <a NOTA2: Puedes borrar el todo el cdigo href="http://ww w.scribd.com/browse/Books/Education" style="text-decoration: underline;">Educati on</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 - 59 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES D.- Finalmente Selecciona el botn PUBLICAR ENTRADA NOTA: Para modificar el tamao d e presentacin debemos saber que: 1.- Los parmetros: width=" " : Establece el Ancho y height=" " : Establece el Alto Valores aproximados para los casos: Lugar dond e ubicas el video EN UNA ENTRADA PANEL DERECHO ELEMENTO DE PGINA width="425" heig ht="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.- S elecciona la ficha Diseo. B.- Selecciona el enlace Aadir un elemento de pgina: (gad get), (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 CONTEN IDO. 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 E lemento de pgina aadido. PAGINA - 60 -

PROYECTO: LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES AUTOEVALUACION N 3 Qu has aprendido? I.- VOCABULARIO: Define los siguientes trminos informticos: 1.-E-mail 2.-Chat 3.-S onido MID 4.-HTML 5.-MP3 6.-WWW II.- CUESTIONARIO: Desarrolla las siguientes preguntas: 1.- Qu otros usos educativ os 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 l as preguntas requeridas. Con este avance se culminar la evaluacin del proyecto. 3.- Otros cambios y mejoras queda a tu creatividad, las cuales realzarn la presen tacin y el contenido de tu Libro Electrnico. PAGINA - 61 -

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 exp eriencia desde el ao 2006 ha sido un trabajo en una interfaz cada da ms fcil de util izar y la posibilidad de modificar las plantillas adems de ser un servicio gratui to 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. Contamo s con las siguientes experiencias de los Blogs aplicados en la educacin: 2.1.- LI BROS 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 el aborar 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 r esiduos que produce. Pero no es menos cierto que su grado de cultura y desarroll o cvico es funcin del nivel de reciclado de estos residuos que genera. Estamos a t iempo para concienciarnos del impacto medioambiental que producen nuestras basur as. 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 neces ario 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 acti vidad 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.c om/index.htm http://alternativa-joven.org/extrenatura/sub4/rrr.html Vamos a prob ar tu idea sobre el reciclado: Qu porcentaje de la basura domstica crees que se pue de reciclar?... (pinsalo y contesta)...Ahora busca en la pgina 2 y comprueba. PAGINA - 62 -

INTERNET : LIBROS ELECTRONICOS EVALUACIN LIC. ALDO VEGA ROSALES Se valorar la precisin en la respuesta, la justificacin en aquellas que lo necesite n, 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 mayo ra de docentes tenemos una desconfianza de los vdeos que encontramos en YouTube, n o podemos negar que es una pgina a la que acceden la gran mayora de nuestros estud iantes. Por ello debemos explotarlo de modo orientando y seleccionando los mater iales positivos de esa pgina. La facilidad con que se insertan y manipulan los vde os hace que podamos utilizar con mucho valor este servicio: EJEMPLO: www.anivers uizo.blogspot.com 2.4.- PERIODICOS ESCOLARES ELECTRNICOS.Herramienta que explotan los docentes de c omunicacin para que los alumnos puedan publicar noticias locales, regionales, nac ionales 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 ESTU DIOS A LARGA DISTANCIA.Herramienta que abre las opciones de facilitar los estudi os para alumnos que se hayan ausentado de clases por motivos de salud u otros. E n nuestra experiencia nos sirvi para trabajar con alumnos de la nocturna. Para lo s 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 pue den integrarse y actualizarse en tiempo real, de esa forma se estn comunicando lo s avances en los diferentes programas que se desarrollan. EJEMPLO: http://promot oresescolares7084.blogspot.com/ 2.7.- PRODUCCION Y PUBLICACIN DE TRABAJOS DE INVESTIGACIN DE LOS DOCENTES.2.8.- DI FUNDIR LOS AVANCES PROPIOS DE CADA INSTITUCIN.EJEMPLO: www.aniversuizo.blogspot.c om PAGINA - 63 -

INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES BIBLIOGRAFA CONSULTADA Pginas Web: 1.- https://www.blogger.com/ 2.- http://www.latarea.com.mx/articu/articu12/salci d12.htm 3.- http://www.cidse.itcr.ac.cr/revistamate/index.html 4.- http://www.au la21.net/ 5.- http://dewey.uab.es/pmarques/buenidea.htm#intro 6.- http://www.edu teka.org/ComprensionLecturaInternet.php 7.- http://dewey.uab.es/pmarques/habilwe b.htm#riesgos#riesgos 8.- http://contexto-educativo.com.ar/2003/4/nota-02.htm 9. - http://www.eduteka.org/BlogsEducacion.php PAGINA - 64 -