Crear blog-con-blogger

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

    03-Nov-2014
  • Category

    Technology

  • view

    687
  • download

    2

Embed Size (px)

description

 

Transcript of Crear blog-con-blogger

  • 1. www.cuentos-suizo.blogspot.comPROFESOR: LIC. ALDO VEGA ROSALESProhibido su reproduccin total o parcial sin autorizacin del autor

2. INTERNET : LIBROS ELECTRNICOSLIC. ALDO VEGA ROSALES INTRODUCCIN QU ES UN BLOG?Un Blog puede definirse de forma sencilla como un sitio Web donde el usuario puede hacerpublicaciones 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 puedanparticipar.UNA PGINA QUE REVOLUCIONA: BLOGGERBlogger es una pgina Web que desde su lanzamiento, hace prcticamente cinco aos, ha permitidoque los Blogs transformen Internet, han influido en la poltica, han revolucionado el periodismo y hanpermitido a millones de personas expresar sus opiniones y ponerse en contacto entre s. Todo ello demodo gratuito, con una interfaz fcil de utilizar y publicacin en tiempo real. Veamos algunas de lasbondades 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 esadaptarlo de manera til en nuestras actividades educativas. Los Blogs permiten cristalizar en la reddos campos complementarios destinados a la unin: la Comunicacin y la Educacin. Se hanconvertido 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 porobservacin de modelos, direccionndolo hacia la prctica de la tica digital, la convivencia libre ytolerante. Por eso es imperativo que los educadores peruanos de los diversos niveles de la educacin bsicay superior puedan acceder a la llamada alfabetizacin digital, como opcin personal y profesional. Deese modo se accedera a espacios gratuitos que ofrece la Red, en este caso, la creacin ymantenimiento de Blogs, llamados a convertirse en edublogs conducidos por blogsfesores entusiastas yresponsables. Algunas herramientas educativas fciles de crear con Blogger son: Libros Electrnicos,Peridicos Electrnicos Escolares, Museos virtuales, Clases virtuales utilizando positivamenteYouTube, etc. Slo depende de tu dedicacin y creatividad. Este es un curso guiado con ejemplos y prcticas que no requieren ms que conocimientosbsicos de informtica para llevarlo a cabo y cubre desde los aspectos ms bsicos para la creacin desu Blog hasta los ms avanzados. Espero que lo disfruten. PAGINA - 2 - 3. INTERNET : LIBROS ELECTRNICOSLIC. ALDO VEGA ROSALES CAPTULO ICREAR Y PUBLICAR UN BLOG CON BLOGGEREn menos de cinco minutos entrars a formar parte de un fenmeno que est transformando Internet ylos medios de comunicacin en una actividad participativa.1.- INGRESANDO A BLOGGER Y RECONOCIENDO SU INTERFAZPara ingresar a BLOGGER Abre Internet Explorery en la barra de Direccin digita: Internet Explorerwww.blogger.com (Luego presione [ENTER])Revisa las partes Principales de la interfaz de Blogger, eso har ms rpido nuestro trabajo.2.- Bloque Acceder a tu cuentacreada en Blogger: Con tu CorreoElectrnico y Contrasea.3.- Estos enlaces te permiten hacer labsqueda de Blogs importantes.4.- Bloque Ayuda de Blogger1.- Bloque Crear un Blog, aqu iniciarsla creacin de tu Blog en tres pasos. NOTAS: 1.- Cada cuenta a crear en Blogger requiere de un Correo Electrnico (E-mail) diferente, puede ser en: Hotmail, Terra, Yahoo, etc. 2.- En una cuenta de Blogger puedes crear muchos Blogs independientes, slo comparten el perfil. PAGINA - 3 - 4. INTERNET : LIBROS ELECTRNICOSLIC. ALDO VEGA ROSALES2.- CREANDO TU BLOG EN 3 PASOSEn la Interfaz de Blogger, nos dirigimos al Bloque Crear Blog, que te guiar de manera sencilla y en3 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 sersu Nombre de usuario. Antalo aqu:__________________________2.- Contrasea:Como mnimo 8 caracteres y Optima.Para que no se te olvide, Antaloaqu: ____________________ 3.- Nombre que registrar Blogger en las entradas de tu Blog. 4.- Digite los caracteres que aparecen encima 5.- Active el cuadro de aceptacindelas condiciones del servicio.6.- Una vez culminado da un clic en Continuar PAGINA - 4 - 5. INTERNET : 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 BLOG2.- La direccin URL ser para que Ud. y el resto pueda acceder a tu Blog atravs de Internet Explorer, sea creativo y digite sin www:Antelo aqu: _________________.blogspot.com para no olvidarlo. 3.- Una vez culminado da un Clic en Continuar Paso 3: Eligiendo una Plantilla para tu Blog. Puedes elegir la plantilla que ms te agrade slo seleccinalo y Contina: 1.-Selecciona una plantilla, dando un Clic sobre l. Para nuestro ejemplo selecciona:Rounders 3 2.- Una vez culminado da un Clic en Continuar PAGINA - 5 - 6. INTERNET : LIBROS ELECTRNICOSLIC. ALDO VEGA ROSALES Debes esperar hasta que aparezca el siguiente mensaje1.- Da un clic en EMPEZAR APUBLICAR para crear la PrimeraEntrada, que es obligatorio para publicartu Blog.3.- CREANDO ENTRADASCuando uno da Clic en EMPEZAR A PUBLICAR, aparece la siguiente pantalla con la fichaCreacin de entradassuperpuesta, donde puedes desarrollar las siguientes acciones: 3.1. Crear la Primera entrada.- En el enlace Crear est el Editor de Entrada que se trabaja como cualquier procesador detextos, reconozca sus elementos y contine los siguientes pasos:2.-BARRADE1.- Coloque el Ttulo que HERRAMIENTAS.- Para Aadirllevar tu entrada. Imagen y dar Formato al Texto. Suselementos se explican mas adelante.8.- Ficha Edicin de HTML 4.- Enlace Vista previa 3.- Ficha Redactar .- Es El AREA DE EDICION.- Donde se desarrolla elcontenido de tu Entrada: Texto Imgenes Enlaces. 6.- Enlace Opciones de entrada.- Permite cambiar el orden de las Entradas modificando sus fechas.7.- Coloque una etiqueta para su 5.- Publique para ver su entrada si lo desea. Esta aparecer blog al final de su entrada.PAGINA - 6 - 7. INTERNET : LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALESBARRA DE HERRAMIENTAS DEL EDITOR DE ENTRADASCURSIVA ESTILO DE VNCULOSELIMIMNARTEXTO LISTA CONFORMATO DE LA VIETAS SELECCION TAMAOSALINEACION DE TEXTOLISTA Aadir Vdeo COLOR DELNUMERICA TEXTOAADIRCOMPROBAR IMAGENORTOGRAFA NEGRITA3.1.1.-Aadiendo una Imagen a tu entrada1.-Da un clic en el botn Aadir 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: 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 almacenado su imagen y seleccionarlo. (La imagen debe ser de formato JPG[Fotos], Gif o BMP.3.- Seleccione el tamao dela 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 Subirimagen para agregar la imagen a tuEntrada.NOTA: La primera vez aparecern condiciones del servicio, al lado derecho de SUBIRIMAGEN, la que debes aceptar para poder aadir imgenes, stas subirn a la red y pasarn aser de dominio pblico. As que debes tener cuidado con las fotos que subes a la Web. PAGINA - 7 - 8. INTERNET : LIBROS ELECTRNICOSLIC. ALDO VEGA ROSALES3.-Debemos esperar, aparecer el siguiente mensaje:1.- D Clic para continuaraadiendo texto3.1.2.-Aadiendo texto a tu entradaEl Editor de Entradas es un Procesador de textos, as que con los conocimientos quetengas de cualquier procesador de textos el trabajo ser muy fcil.Si queremos ver nuestro avance damos clic en el enlace Vista previa de la Barra deHerramientas, si deseamos volver da un Clic al enlace Ocultar vista preliminar. Unavez culminado da un Clic en el botn Publicar para terminar.4.- PUBLICANDO LA ENTRADA Y VIENDO TU BLOGUna vez publicado tu Blog aparecer la siguiente pantalla con la Ficha Creacin de entradassuperpuesta que te indica que tu Blog ha sido publicado.NOTA: esta pantalla es importante paracontinuar trabajando: Ver tu Blog: Enuna ventana nueva o en la mismaventana, Crear otra entrada, Editar laltima entrada o cualquiera. 4.1.-Viendo tu Blog (Importante) 1.-Para ver tu Blog publicado, en la pantalla anterior tenemos dos opciones directas: Ver blog : Permite ver tu Blog, pero en la Misma Ventana, debemos utilizar el botn 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 opcin para revisar tu Blog publicado y cierra la ventana.PAGINA - 8 - 9. INTERNET : LIBROS ELECTRNICOSLIC. ALDO VEGA ROSALES5.-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 caso1 2 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 ingreso, es decir se mostrar en primer lugar la ms reciente en el tiempo. As que organiza tus entradas antes de crearlas.6.-EDITAR UNA ENTRADA CREADASi 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:AquEdita la ltimaentrada creada. PAGINA - 9 - 10. INTERNET : 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 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 NOTA B.-Aqu puedes Eliminar de la Entrada que desee modificar,cualquier entrada publicada, con un Clic guese por el Ttulo de la entrada. 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 EXPLORERUna vez publicado tu Blog, cualquier persona de cualquier parte del mundo que conozca la direccinURL 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 - 10 - 11. INTERNET : LIBROS ELECTRNICOSLIC. ALDO VEGA ROSALESAUTOEVALUACION N 1 Qu has aprendido?Debes desarrollar las siguientes preguntas:I.- VOCABULARIO: Define los siguientes trminos informticos:1.-Internet 3.-Interfaz2.-Plantilla4.-Editor de Entradas3.-URL5.-FichaII.- 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 ELECTRNICO1.- 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 lasimgenes 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 tucratividad.PAGINA - 11 - 12. INTERNET : LIBROS ELECTRNICOSLIC. ALDO VEGA ROSALESCAPTULO IIEDITAR TU PERFIL Y ADMINISTRAR OPCIONES Y DISEOS DE TU BLOGBlogger establece tu perfil con los datos que ingresaste. Pero, puedes editar este perfil modificando tusdatos personales e incluso agregarle una fotografa; tambin se puede modificar el Ttulo de tu Blog ascomo 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 PERFILIngresa a BLOGGERRecuerda: www.blogger.com (Luego presione [ENTER])En la Interfaz de BLOGGER, nos dirigimos al Bloque Acceder a tu cuenta de Blog creado dondedebes ejecutar los siguientes pasos: 1.- Ingresa tu Nombre de Usuario: E-2.- Ingresa tu Contrasea: mail utilizado y anotado en la Pgina 4.Anotado en Pgina 4.Si trabajas en unaPC propia activa3.- Da un Clic en elesta opcin para que botn ACCEDER. ingrese directo a tucuenta.Inmediatamente ingresar por primera vez al Panel Escritorio, donde distinguiremos las siguientesopciones a utilizar en adelante: 6.-Te permite crear muchos1.- EDITAR PERFIL: Lo Utilizars parablogs en tu misma cuenta deagregar y modificar datos de tu perfil as comoBlogger. Importante para crearuna foto.Libros Electrnicos.4.-Me direcciona a la fichaOpciones: Bsico, Publicacin,Formato, Comentarios, etc.2.-NUEVA ENTRADA: Lo3.-Me direcciona a la ficha5.-Me direcciona a la ficha Diseo:utilizars para agregar una Creacin de entradas: Crear, Elementos de la Pgina, Fuentes ynueva entrada a tu Blog.Editar Entradas. colores,Edicin de HTML, Seleccionar Plantilla Nueva.PAGINA - 12- 13. INTERNET : LIBROS ELECTRNICOSLIC. ALDO VEGA ROSALESNOTA: Para agregar una Foto o Imagen a tu perfil, tenemos dos casos:1.- Podemos subirlo desde tu equipo o2.- 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 aparecenllenos. Si deseas slo completa losobligatorios. Contina PAGINA - 13 - 14. INTERNET : LIBROS ELECTRNICOSLIC. ALDO VEGA ROSALES NOTA: Veamos los casos para subir una foto o imagen a tu perfil:CASO 1: Se puede subir una foto oimagen de su equipo. Slo de Clic enExaminar y seleccione la foto.http://bp3.blogger.com/_2HCcfuntMz8/RZ1cxdaTsJCASO 2: Si la foto o imagen es de la Web:A.- Debe copiar la URL de la Foto o Imagen.B.- Pegue la URL o direccin Web de la foto. Seleccione Desde la Web,un Clic en la barra de texto y presione [Ctrl] + [V]. Contina PAGINA - 14 - 15. INTERNET : LIBROS ELECTRNICOSLIC. 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 enlaceEscritorio. 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 blogpara ver su Blog. 6.- Ahora Cierre BLOGGER y entra a tu Blog por Internet ExplorerRecuerda: www. ___________________.blogspot.com[Enter] Podrs observar tu perfil con los datos ingresados as como la Foto.PAGINA - 15 - 16. INTERNET : LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES2.- 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 pasos2.1.- CAMBIAR EL TITULO DE TU BLOG Y AGREGARLE UNA DESCRIPCION1.- 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: 1.- Cambia el ttulo del Blog que haba colocado 2.- Ingrese una Descripcin del Ttulo ste 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- 17. INTERNET : 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.CB AMensaje 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 quemodificar la anterior. No olvides seroriginal para que no lo rechace y digitaos caracteres de verificacin.2.- Da un clic para guardarla 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 - 17 - 18. INTERNET : LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES1.- Para establecer el # de entradas quese vern en la pgina principal de tuBlog.2.- Para establecer el formato de fechaque se ubica en la cabecera de cadaentrada de tu Blog y del panelArchivos.3.- Para establecer el formato de lahora en que se publica una entrada detu Blog.4.- Para establecer La zona horaria: [UTC-05:00] Hora de PeryEl 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 IMPORTANTEOtras opciones a modificar quedarn como parte de la prctica que t irs descubriendo en laelaboracin 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 las partesque 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 agregarotros elementos: Imagen, Lista de enlaces, etc. 3.-ZONA DELAS ENTRADAS: Muestra las 5.- ZONA DE VNCULOS entradas publicadas en ordenSECUNDARIA: Se le puede inverso a la fecha de creacin. agregar elementos: Imagen, Lista de enlaces, etc. PAGINA - 18 - 19. INTERNET : LIBROS ELECTRNICOSLIC. ALDO VEGA ROSALESLa ficha Diseo de Blogger facilita a los usuarios la personalizacin del diseo de su Blog conpocos conocimientos tcnicos o ninguno. Cambios como: Aadir y organizar elementos de la Pgina,Modificar las fuentes y colores, Edicin de HTML y Seleccionar una plantilla nueva para tu Blog sonfciles 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, Vistaprevia y Borrar Cambios3.13.2 3.4 3.53.33.7PAGINA - 19 - 20. INTERNET : LIBROS ELECTRNICOSLIC. 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.- Para editar la Cabecera o Encabezado ejecuta lo siguiente: 1.- Da un clic sobre el enlace Editar de la Cabecera, aparecer la siguiente ventana donde podrs Ejecutar: 1.- Modifica el Ttuloyla2.- Puedes subir una imagendescripcin de tudesde tu equipo o de la webBlog.con la URL de la imagen.3.- Puedes ubicar la imagenen lugar del ttulo o detrs.5.- Da un clic en guardar y puedes revisarlo son el4.- No olvides activar reducir botn vista previa.hasta ajustarNOTA: Si la imagen no te gusta, puedes editar nuevamente y eliminar la imagen 3.3.- Editar las Entradas del Blog.- Para configurar las Entradas ejecuta lo siguiente: 1.- Da un clic sobre el enlace Editar de la zona de Entradas del blog, aparecer la siguiente ventana donde podrs modificar: El nmero de entradas, El formato de fechas, etc. As como ordenar las etiquetas arrastrndolos. 2.- Guarda los cambios y puedes revisarlo con el botn Vista previa.PAGINA - 20- 21. INTERNET : LIBROS ELECTRNICOSLIC. ALDO VEGA ROSALES 1.- Puedes desactivar estas opciones si deseas que desaparezcan estos elementos de tu Blog.2.- Arrastrar las etiquetaspara 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 revisarlo con el botn Vista previa.1.- Modificar Ttulo porENLACES DE ENTRADAS2.- Puedes eliminar esta listade enlaces a las entradas.PAGINA - 21 - 22. INTERNET : LIBROS ELECTRNICOSLIC. ALDO VEGA ROSALES 3.5.- Editar la zona Datos personales o Perfil del Blog.- Para configurar la zona del perfil de tu blog ejecuta lo siguiente: 1.- Da un clic sobre el enlace Editar de la Zona Datos personales, aparecer la siguiente ventana donde 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 tu pgina: Datos personales y Archivo de blog o los elementos agregados para ello ejecuta lo siguiente: 2.- Guarda los cambios y puedes revisar los cambios con el 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 - 23. INTERNET : LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES3.7.- Aadir un Elemento de Pgina a tu Blog (Aadir un gadget).- Debemos teneren cuenta lo siguiente:1.- Hay tres zonas para aadir un elemento a tu pgina: La Zona de enlacesprincipal, 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.NOTA:Tambin puedes aadir otros elementos:DESTACADOS: Blogger Play, YouTube, Nasa Photo of the day, etc.LOS MS POPULARES: Search YouTube, Traductor, Tiempo del Mundo, 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.- 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:PAGINA - 23 - 24. INTERNET : LIBROS ELECTRNICOSLIC. ALDO VEGA ROSALES1.- Da un clic sobre el enlace Aadir un elemento de pgina (Aadirun gadget) de la Zona de vnculos secundario, aparecer la ventana Aadir ungadget.2.-Ubica el elemento 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 enlacesalfabticamente3.- Digitar la direccin de lapgina Web (URL) a que seenlazar. 5.- Para aadir varios vnculos al mismo elemento usa este botn. Para nuestro caso son 4.4.- Digitar el nombre que aparecer enlos enlaces y que los usuarios de tublog leern.6.- Puedes editar, suprimir ycambiar de ubicacin a losenlaces agregados.NOTA: Si desea eliminar el elemento7.- Guarda los cambios y revisa los avances con eltotal, Edita el elemento y el botnbotn Vista previa o el enlace Ver blog.ATRS cambiar por ELIMINAR. 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 lospasos anteriores.B.- Aadir una Imagen.- Puedes aadir una imagen desde tu equipo o desdecualquier otro lugar de Internet. Adems ahora puedes enlazar esa imagen con unaPgina Web, conociendo su direccin. Para desarrollar estas acciones debes teneren cuenta: 1.- Para aadir una imagen colgada en Internet, debes conocer la direccin URL de la imagen. (Debes copiar la URL).PAGINA - 24- 25. INTERNET : LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES 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). 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 URL1.- Coloca un Ttulo ade la Web elegida.tu Imagen. 3.1.- Si la imagen 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 barra de texto la direccin URL de la imagen previamente seleccionada o copiada.Una vez que sube la imagen aparecer la siguienteventana: 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.- Si deseas subir una imagen de la Web, te recomiendo que primero la bajes a tu PC. De ese modo serms 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 Escritorio. PAGINA - 25- 26. INTERNET : LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES Aqu 3.-Aparecer la siguiente pantalla con la ficha Diseo superpuesta, los cambios lo trabajars en el enlace Fuentes y colores que presenta la siguiente pantalla donde debemos reconocer sus elementos:1.-BARRA DE LISTA DE LOS2.-LISTAS DE: COLORES ELEMENTOS DE LA PLANTILLA FORMATOS DE FUENTESCUYOS COLORES Y FUENTES A APLICAR.PUEDES CAMBIAR. 4.-GUARDAR O BORRAR CAMBIOS 3.3.- CAMBIAR DE PLANTILLA.3.-PANEL DE VISTA PREVIA3.1.- Cambiar colores de los elementos de la plantilla.-A.- Cambiar el Color de Fondo de la Cabecera de la Pgina.- 1.- En la barra de Lista de colores y Fuentes selecciona la opcin Color de fondo de la cabecera de la pgina. Elemento 1 en el grfico anterior. Ejecuta lo siguiente:PAGINA - 26 - 27. INTERNET : LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES 2.-Puedes elegir el color de fondo que desees de1.-Selecciona la opcin Color de fondo los paneles: Colores de tu blog, Colores quede la cabecera de la pgina. 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 previa para verificar los cambios antes de guardarlosB.- Otros colores que puedes cambiar en los elementos son: Color de fondo principal Color del texto Color del ttulo de la entrada Color de la cabecera de fecha Color 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 Sidebar Title Color Bottom Sidebar Link Color Bottom Sidebar Visited Link ColorComo prctica cambia el color del Ttulo de tu Blog y haz otros retoques de acuerdo atu gusto y que mejoren la presentacin de tu Blog.PAGINA - 27 - 28. INTERNET : LIBROS ELECTRNICOSLIC. ALDO VEGA ROSALES 3.2.- Cambiar la Fuente de los elementos de la plantilla.- A.- Cambiar la Fuente del Ttulo del blog.-1.- En la barra de Lista de colores y Fuentes selecciona la opcin Color de fondode la cabecera de la pgina. Elemento 1 en el grfico anterior. Ejecuta losiguiente:2.- Selecciona Georgia de la Familia de fuentes1.-Selecciona la opcin Fuente del ttulodel blog.3.-Activa los Estilos de fuente: Negrita y Cursiva.6.-Para ver tu blog en otra ventana5.-Guarda los cambios.luego de haber guardado los cambios.Vista previa para verificar los4.-Aumenta o disminuye el tamao decambios antes de guardarlosla fuente del ttulo si es necesario.B.- Otras Fuentes que puedes cambiar son.- AaFuente del texto AaFuente del ttulo del blog AaFuente de descripcin del blog AaFuente del ttulo de la barra lateralAa Fuente del ttulo de la entrada Como prctica cambia el tipo de Fuente y Tamao de la descripcin de tu Blog y haz otros 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 conocimientosms 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.PAGINA - 28 - 29. INTERNET : LIBROS ELECTRNICOSLIC. ALDO VEGA ROSALES Aqu3.-Aparecer la siguiente pantalla con la ficha Plantilla superpuesta, los cambios lo trabajarsen el enlace Seleccionar plantilla nueva. Para cambiar de plantilla debes tener en cuenta losiguiente:Nota.- Si modificas la plantilla, se descartarn los cambios que hayas efectuado en Fuentesy 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 guardado los cambios.NOTA: La plantilla Stretch Denimes una plantilla que abarca todo elancho de la pantalla. 1.-ENEL PANEL DE GRUPOS DE PLANTILLAS.- Selecciona laplantilla Rounders 2 de este grupo.2.- Ahora puedes mejorar el aspecto de tu Blog a tu gusto. No te olvides que cada vez que cambies de Plantilla se descartarn los cambios efectuados en Fuentes y Colores.PAGINA - 29 - 30. INTERNET : LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALESAUTOEVALUACION N 2 Qu has aprendido?Debes desarrollar las siguientes preguntas:I.- VOCABULARIO: Define los siguientes trminos informticos:1.-Http 4.-JPG2.-Enlace 5.-Perfil3.-Plantilla6.-FuenteII.- 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 ELECTRNICO1.- Ingresa al Panel Escritorio de tu Blog creado y con el enlace Crear un Blog crea los blogsnecesarios 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 lasBlogs 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 yposiciones de las imgenes agregadas, etc.6.- Entra a la ficha Diseo y selecciona el enlace Edita del elemento de pgina Entradas del blog ydesactiva todas las opciones. Esto es para que quitar estos datos de tu Blog.7.- En la misma ficha Diseo selecciona el enlace Edita del elemento de pgina Archivo del blog yElimnalo.PAGINA - 30 - 31. INTERNET : LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES CAPTULO III OPCIONES AVANZADASHasta este momento tu Blog se presenta atractivo. Pero ahora quiz desees personalizarlo de modoavanzado: Incluir otros formatos, Agregarle un sonido de fondo, 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 permitende modo gratuito.Algunos servicios gratuitos son:1.- PANEL DE MENSAJES EN TU BLOG CON CBOX: Pgina Web:www.cbox.ws2.- VDEOS DE LA PGINA DE YOUTUBE EN TU BLOG: Pgina Web:www.youtube.es3.- SLIDE SHOW PRESENTADOR DE FOTOS CON SLIDE: Pgina Web:www.slide.com4.- SPLASHCAST VIDEOS DE YOUTUBE POR CANALES Y OTROS:Pgina Web: www.splashcastmedia.com6.- CONTADORES DE INGRESANTES A TU BLOG Pgina Web: www.freelogs.com7.- COMPARTIR Y MANEJAR SUS ARCHIVOS EN LNEA CON BOX. Pgina Web: www.box.net8.- ESPACIOS DE TRABAJO COLABORATIVO INTRANET Y OTROS CON MAYETICVILLAGE. Pgina Web: http://es.mayeticvillage.com9.- 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 demanera prctica, con las fichas de trabajo que a continuacin colocamos, slo con algunos servicios, el restoqueda para que investigues.PAGINA - 31 - 32. INTERNET : LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES FICHA DE TRABAJO N 1 AGREGNDOLE UN SONIDO DE FONDO A TU BLOG COMO ELEMENTO DE PGINA1.- OBTENIENDO DIRECCIONES URL DE SONIDOS MIDI:A.- Abre la siguiente pgina Web: www.culturageneral.netB.- 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 sobrela palabra AQU y seleccionar Propiedades.E.- En la ventana Propiedades selecciona y copia la Ubicacin: URL del sonido MIDI. RecuerdaCopiar: [Ctrl]+[C]. Veamos:2.- Selecciona y copiaesta URL:1.- Clic derecho sobrecualquiera 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 aparece ubica el elemento HTML/Javascript y seleccionalo.D.- En la ventana que aparece coloca un ttulo y Digita las siguientes lneas de cdigos: PAGINA - 32 - 33. INTERNET : LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALESNOTA: En el cdigo src pega la direccin del sonido Midi copiado.Quedara de la siguiente manera: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 UtilidadSRC Contiene la direccin URL del archivo de sonido a reproducirWIDTH y HEIGHTAparece un pequeo reproductor, estos parmetros especifican sutamao. Ancho y Alto respectivamente.AUTOSTART="true"Arranca automticamente la reproduccin. Para que no arranqueautomticamente en lugar de true colocamos 0LOOP="true" Reproduce ininterrumpidamente el fichero hasta que salimos de lapgina.Como se dio WIDTH="200" y HEIGTH="40" se mostrar un controlador de sonido. Segn elsistema 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 elEnlace y selecciona Propiedades, luego Selecciona y Copia la URL de la ventana que aparece:http://www.geocities.com/CollegePark/Dorm/9834/midi.htmlhttp://www.piano-midi.de/beeth_es.htmhttp://photofiltrecastellano.iespana.es/musicamidi.htm PAGINA - 33 - 34. INTERNET : LIBROS ELECTRNICOSLIC. ALDO VEGA ROSALESFICHA DE TRABAJO N 2AGREGAR UN PANEL DE MENSAJES DE CBOX A UNA ENTRADA DE TUBLOG Y COMO ELEMENTO DE TU PGINA1.- OBTENIENDO LOS CODIGOS INSERTAR DEL PANEL EN LA PGINA DE CBOX:A.- Abre la siguiente pgina Web: www.cbox.wsB.- 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 botnCreate my Cbox!3.- Acepta las condiciones del servicio. C.- Cierra la ventana que aparece y tienes que ingresar a tu correo para verificar tu cuenta en Cbox, en este correo vendr tu nombre de usuario y contrasea para acceder a tu cuenta.1.- Da un clic en este enlacede verificacin.PAGINA - 34 - 35. INTERNET : 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 2.- Digitatu usuario contrasea E.- aparecer la siguiente ventana final: 1.- Da un clic en el botn Update.2.- Selecciona ycopia los cdigos dela barra.2.- AGREGANDO LOS CODIGOS INSERTAR EN EL EDITOR DE HTML DE UNA ENTRADAA.- 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 lugarque deses.

PAGINA - 35- 36. INTERNET : LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALESD.- Finalmente Seleccione el botn PUBLICAR ENTRADA y visualiza tu Blog en unaventana nueva.NOTA: Para modificar el tamao del Panel debemos saber que:1.- Los parmetros:width=" " : Establece el Ancho del Panelheight=" " : Establece el Alto del Panel2.- Modifica segn tu necesidad. Cambiando el primer par es para visualizar el mensaje. Elsegundo par es para poner nombre y digitar 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 (Add a Page Element).C.- Da un clic en el botn AADIR AL BLOG del 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 - 36- 37. INTERNET : LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES FICHA DE TRABAJO N 3AGREGAR UN VDEO DE YOUTUBE A UNA ENTRADA DE TU BLOG Y COMO ELEMENTO DE TU PGINA1.- OBTENIENDO LOS CODIGOS INSERTAR DEL VDEO EN LA PGINA DE YOUTUBE:A.- Abre la siguiente pgina Web: www.youtube.esB.- En la barra Buscar digita el tema o personaje: cuscoC.- Luego, da un clic al vdeo de la lista: Cusco Promperu Tv Comercial. Puedes ver el vdeopara asegurarte que es el que buscas de lo contrario puedes cambiarlo en la lista de la derecha.D.- Puede personalizar la presentacin delvdeo: No incluir videos relacionados,Mostrar borde. Selecciona en este panel otro vdeo si el anterior no te gusta. NOTA: Si deseas cambiar de tema tienes que ir a la barra Search.E.- Da un clic sobre la barra Insertar yCopia ([Ctrl] + [C]) los cdigos queaparecen.Si deseas puedes seleccionar en este panelotro vdeo si el anterior no te gusta.NOTA: Si deseas cambiar de tema tienesque ir a la barra Buscar.2.- AGREGANDO LOS CODIGOS INSERTAR EN EL EDITOR DE HTML DE UNA ENTRADAA.- Crea una Nueva Entrada en tu Blog.B.- Trabajando en la ficha Redactar coloca de ttulo CUSCO - PROMPERU TV COMERCIAL yen la entrada: PAGINA - 37 - 38. INTERNET : LIBROS ELECTRNICOSLIC. ALDO VEGA ROSALES Una belleza milenaria para admirar - (Darle formato) C.- Selecciona la ficha Edicin de HTML de la entrada y pega ([Ctrl]+[V]) el cdigo Insertar de Youtube. 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 Videoheight=" " : Establece el Alto del video2.- Cambiando el segundo par es suficiente, pero es recomendable cambiar los dos pares a lasmismas medidas. Valores aproximados para los casos: Lugar donde ubicas el videovaloresEN UNA ENTRADAwidth="425" o Menosheight="355"o MenosPANEL DERECHO COMO width="210" A225ELEMENTOheight="150"A 1653.- AGREGANDO LOS CODIGOS INSERTAR COMO ELEMENTO DE PGINA (HTML/Javascript)A.- Selecciona 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 : 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 (SEGUNDA PAREJA) por: width="210" height="150"D.- Seleccione el botn GUARDAR.E.- Finalmente Seleccione el enlace Ver blog de elemento de pgina aadida. PAGINA - 38 - 39. INTERNET : LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES FICHA DE TRABAJO N 4 PONER UN SLIDE SHOW EN TU BLOG1.- REGISTRANDONOS Y EMPEZANDO A CREAR NUESTRO SLIDE SHOW:A.- Abre la siguiente pgina Web: www.slide.comB.- En la pgina de slide nos registramos siguiendo los siguientes pasos:1.- REGISTRATE.- Para ello damos unclic en el botn Regstrate. Ycompletamos los datos de la siguienteventana: 2.- SUSCRIBETE.- Con un correo electrnico y una contrasea. Luego da un clic en el botn Regstrate. 2.- En la siguiente pantalla da un clic en el enlace Clic here, para empezar a crear el slide.2.- AGREGANDO LAS FOTOS AL SLIDE SHOW.-A.- Debemos seguir los siguientes pasos y ser muy curiosos ya que hay muchos efectos: VISUALIZADOR DEL SLIDE SHOW3.- Darle un 4.- Darle un BordeEstilo.(Skins). 2.- Subir las1.- Seleccionarimgenes.las imagenes 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- 40. INTERNET : LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALESB.- Luego podemos reordenar las imgenes arrastrndolos y ponerle una leyenda desarrollando:4.- Guardamos para obtener el 1.- Arrastrarcdigo HTML. las fotos3.- Cambiar coloresFuente y fondo. 2.- Colocar una leyendaC.- 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 CUSCOC.- Selecciona la ficha Edicin de HTML de la entrada y pega ([Ctrl]+[V]) el cdigo HTML.

PAGINA - 40 - 41. INTERNET : LIBROS ELECTRNICOSLIC. ALDO VEGA ROSALESD.- Puedes modificar los valores de width y height de la parte superior para cambiar el Ancho yAlto del Slide respectivamente. El Width de la parte inferior debe llevar el mismo 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:

OJO:Antes de publicar debes cambiar lo siguiente:Cmbialo por y listo. El cdigo final quedar: D.- Finalmente Seleccione el botn PUBLICAR ENTRADANOTA: Para modificar el tamao de un vdeo debemos saber que:1.- Los parmetros: width=" " : Establece el Ancho y height=" " : Establece el Alto del videoValores aproximados para los casos:Lugar donde ubicas el video valores EN UNA ENTRADA width="425" o Menosheight="355"o Menos PANEL DERECHO COMO width="210" A225 ELEMENTO height="150"A 165PAGINA - 47 - 48. INTERNET : LIBROS ELECTRNICOS LIC. ALDO VEGA ROSALES3.- 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: CUSCO. 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 - 48 - 49. INTERNET : LIBROS ELECTRNICOSLIC. ALDO VEGA ROSALESAUTOEVALUACION N 3 Qu has aprendido? I.- VOCABULARIO: Define los siguientes trminos informticos:1.-E-mail 4.-HTML2.-Chat 5.-MP33.-Sonido MID 6.-WWWII.- CUESTIONARIO: Desarrolla las siguientes preguntas:1.- Qu otros usos educativos le puede dar usted a su 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 ELECTRNICO1.- Agrgale a tu Blog: Sonido de Fondo, puedes utilizar el que ms te agrade.2.- Agrgale un Panel de Mensajes con CBOX para las Autoevaluaciones. Con este avance se culminar laevaluacin del proyecto.3.- Otros cambios y mejoras queda a tu creatividad, las cuales realzarn el contenido de tu Libro. PAGINA - 49 - 50. INTERNET : CREAR UN BLOGLIC. ALDO VEGA ROSALES CONCLUSIONESY POTENCIALIDADES EDUCATIVAS1.- Hay muchas Pginas Web que te brindan el servicio gratuito para crear tu Blog. Elegimos el servicio deBlogger para crear libros electrnicos porque nuestra experiencia desde el ao 2006 ha sido un trabajo enuna interfaz cada da ms fcil de utilizar y la posibilidad de modificar las plantillas adems de ser unservicio 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 muyamplia de materiales educativos, experiencias que podemos asegurar y demostrar. Contamos con lassiguientes experiencias de los Blogs aplicados en la educacin: 2.1.- LIBROS ELECTRNICOSEsta experiencia la estamos implementando la cual a sido pensada para elaborar textos tanto por parte de losdocentes como tambin por los alumnos. Abre la posibilidad de poder producir material de consulta y enlnea.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 ypositivo de las bondades del Internet. Veamos un ejemplo:RECICLAJErea: Ciencias SocialesNivel: Secundaria INTRODUCCINEn 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.PREGUNTAS1.- 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 algunaactividad interesante para realizar en el laboratorio. Prepara el guin.RECURSOSpgina 1 http://www.iespana.es/natureduca/activ_reciclaje_papel.htmpgina 2 http://www.redcicla.com/index.htmpgina 3 http://alternativa-joven.org/extrenatura/sub4/rrr.html LA GRAN Vamos a probar tu idea sobre el reciclado: Qu porcentaje de la basuraPREGUNTA domstica crees que se puede reciclar?... (pinsalo y contesta)...Ahora busca en la pgina 2 y comprueba. PAGINA - 50 - 51. INTERNET : CREAR UN BLOG LIC. ALDO VEGA ROSALES EVALUACIN Se valorar la precisin en la respuesta, la justificacin en aquellas que lonecesiten, la redaccin clara y escrita atendiendo a las reglas gramaticalesy 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, nopodemos negar que es una pgina a la que acceden la gran mayora de nuestros estudiantes. Por ellodebemos 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 esteservicio:EJEMPLO:www.aniversuizo.blogspot.com 2.4.- PERIODICOS ESCOLARES ELECTRNICOS.-Herramienta que explotan los docentes de comunicacin para que los alumnos puedan publicar noticiaslocales, regionales, nacionales e internacionales. Poniendo en prctica sus opiniones y creatividad sobre larealidad.2.5.- MDULOS DE TRABAJO PARA CASOS DE ALUMNOS QUE FALTAN A LAESCUELA O PARA ESTUDIOS A LARGA DISTANCIA.-Herramienta que abre las opciones de facilitar los estudios para alumnos que se hayan ausentado de clasespor 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 conevaluaciones 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 yactualizarse en tiempo real, de esa forma se estn comunicando los avances en los diferentes programas quese 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.comPAGINA - 51 - 52. INTERNET : CREAR UN BLOGLIC. ALDO VEGA ROSALES BIBLIOGRAFA CONSULTADAPginas Web:1.- https://www.blogger.com/2.- http://www.latarea.com.mx/articu/articu12/salcid12.htm3.- http://www.cidse.itcr.ac.cr/revistamate/index.html4.- http://www.aula21.net/5.- http://dewey.uab.es/pmarques/buenidea.htm#intro6.- http://www.eduteka.org/ComprensionLecturaInternet.php7.- http://dewey.uab.es/pmarques/habilweb.htm#riesgos#riesgos8.- http://contexto-educativo.com.ar/2003/4/nota-02.htm9.- http://www.eduteka.org/BlogsEducacion.phpPAGINA - 52 -