manual-para-crear-un-blog
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

manual-para-crear-un-blog

on

  • 801 views

 

Statistics

Views

Total Views
801
Views on SlideShare
800
Embed Views
1

Actions

Likes
1
Downloads
17
Comments
0

1 Embed 1

http://dextremos123.blogspot.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

manual-para-crear-un-blog Document Transcript

  • 1. Corregida y Aumentada www.cuentos-suizo.blogspot.com PROFESOR: LIC. ALDO VEGA ROSALESAutorizado por el autor sólo para impresiones – aldovr73@hotmail.com
  • 2. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES INTRODUCCIÓN ¿QUÉ ES UN BLOG? Un Blog puede definirse de forma sencilla como un sitio Web donde el usuario puede hacerpublicaciones diarias, con un orden cronológico de archivos, sobre cualquier tema: Un diario personal,Un espacio de colaboración, Una fuente de noticias impactantes, Una colección de vínculos, etc.Además de tener la posibilidad de insertar un sistema de comentarios para que los lectores puedanparticipar. UNA PÁGINA QUE REVOLUCIONA: BLOGGER Blogger es una página Web que desde su lanzamiento, hace prácticamente cinco años, ha permitidoque los Blogs transformen Internet, han influido en la política, 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 fácil de utilizar y publicación 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 opinión sobre la información que usted comparte en su Blog. Los grupos de Blogs.- pueden ser excelentes herramientas de comunicación para equipos reducidos, familias u otros colectivos. • Enviar fotografías En ocasiones, simplemente desea compartir una fotografía. Hay un botón para subir fotografías en la interfaz de Blogger. Si bien los Blogs surgieron en el campo periodístico, nuestro rol de docentes creativos esadaptarlo de manera útil en nuestras actividades educativas. Los Blogs permiten cristalizar en la reddos campos complementarios destinados a la unión: la Comunicación y la Educación. Se hanconvertido en una herramienta comunicativa que potencia las habilidades de docentes y alumnos.Permite la construcción colectiva del conocimiento y se sostiene en el aprendizaje social o porobservación de modelos, direccionándolo hacia la práctica de la ética digital, la convivencia libre ytolerante. Por eso es imperativo que los educadores peruanos de los diversos niveles de la educación básicay superior puedan acceder a la llamada alfabetización digital, como opción personal y profesional. Deese modo se accedería a espacios gratuitos que ofrece la Red, en este caso, la creación ymantenimiento de Blogs, llamados a convertirse en edublogs conducidos por blogsfesores entusiastas yresponsables. Algunas herramientas educativas fáciles de crear con Blogger son: Libros Electrónicos,Periódicos Electrónicos Escolares, Museos virtuales, Clases virtuales utilizando positivamenteYouTube, etc. Sólo depende de tu dedicación y creatividad. Este es un curso guiado con ejemplos y prácticas que no requieren más que conocimientosbásicos de informática para llevarlo a cabo y cubre desde los aspectos más básicos para la creación desu Blog hasta los más avanzados. Espero que lo disfruten. PAGINA - 2 -
  • 3. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES CAPíTULO I CREAR Y PUBLICAR UN BLOG CON BLOGGEREn menos de cinco minutos entrarás a formar parte de un fenómeno que está transformando Internet ylos medios de comunicación en una actividad participativa.1.- INGRESANDO A BLOGGER Y RECONOCIENDO SU INTERFAZPara ingresar a BLOGGER Abre Internet Explorer y en la barra de Dirección digita: Internet Explorer www.blogger.com (Luego presione [ENTER])Revisa las partes Principales de la interfaz de Blogger, eso hará más rápido nuestro trabajo. 2.- Bloque Acceder a tu cuenta ya creada en Blogger: Con tu Correo Electrónico y Contraseña. 1.- Botón Crear un Blog: Aquí iniciarás la creación de tu Blog en tres pasos. 3.- Estos enlaces te permiten hacer la búsqueda de Blogs importantes. 4.- Bloque Informativo de Blogger. NOTAS: 1.- Cada cuenta a crear en Blogger requiere de: - Un Correo Electrónico (E-mail) diferente, puede ser en: Hotmail, Terra, Yahoo, etc. - Un Teléfono Móvil a la mano (Celular). Se puede crear hasta 3 Cuentas por Número. 2.- En una cuenta de Blogger puedes crear muchos Blogs independientes, sólo comparten el perfil. PAGINA - 3 -
  • 4. PROYECTO: LIBROS ELECTRÓNICOS LIC. 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 creación de tu Blog. Empecemos: 1.- Da un Clic sobre el botón naranja. Paso 1: Creando tu Cuenta Aparecerá el siguiente cuadro que debes completar siguiendo las indicaciones:1.- Nombre de usuario:Digite el Correo Electrónico que serásu Nombre de usuario. Anótalo aquí:__________________________2.- Contraseña:Como mínimo 8 caracteres y segura.Para que no se te olvide, Anótaloaquí: ____________________ 3.- Nombre que registrará Blogger en las entradas de tu Blog. 4.- Digite los caracteres que aparecen encima 5.- Active el cuadro de aceptación de las condiciones del servicio. 6.- Una vez culminado da un clic en Continuar PAGINA - 4 -
  • 5. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES Ahora se te pedirá tu número de Teléfono Celular para que a través del sistema telefónico deverificación de manera gratuita te proporcionen un código: 60516 4.- Digite el código recibido y dé un clic en el botón Verificar. 1.- Seleccione su país de origen. NOTA: Por cada Número de Teléfono sólo te limitan a crear 03 blogs. 2.- Digite su número de Celular. 3.- Da un Clic en el botón Enviar y de inmediato recibirás una llamada a tu celular en el que te dictarán un código de 05 dígitos. Paso 2: Asignándole un nombre a tu Blog 1.-El Título se ubicará en la Cabecera de tu Blog, por ello debe tener relación con la información a publicar. APRENDA A ELABORAR SU BLOG 2.- La dirección URL será para que tú y el resto puedan acceder al Blog a través de Internet Explorer, sea creativo y digite sin WWW:. Comprueba que esté disponible y Anótalo aquí: _________________.blogspot.com para no olvidarlo. 3.- Una vez culminado da un Clic en Continuar PAGINA - 5 -
  • 6. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES Paso 3: Eligiendo una Plantilla para tu Blog. Puedes elegir la plantilla que más te agrade sólo selecciónalo y Continúa: 1.- Selecciona una plantilla, dando un Clic sobre él. Luego podrás cambiarla. 2.- Ahora da un Clic en Continuar Debes esperar hasta que aparezca el siguiente mensaje 1.- Da un clic en EMPEZAR A PUBLICAR para crear la Primera Entrada, que es obligatorio para publicar tu Blog. NOTA 2.- Opciones avanzadas de configuración.- Desplegando este enlace puedes comprar un dominio personalizado para tu blog o insertar un blog de Blogger al nuevo. NOTA 1.- Con este enlace puede personalizar la apariencia de su blog antes de publicar: Le recomendamos primero empezar a publicar CAMBIAR LA PLANTILLA CAMBIAR COLORES PAGINA - 6 -
  • 7. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES CAMBIAR DISEÑO CAMBIOS AVANZADOS3.- CREANDO ENTRADASCuando uno da Clic en EMPEZAR A PUBLICAR, aparece la siguiente pantalla con la ficha Creación de entradas superpuesta, donde puedes desarrollar las siguientes acciones: 3.1. Crear la Primera entrada.- En el enlace Nueva entrada está el Editor de Entrada que se trabaja como cualquier procesador de textos, reconozca sus elementos y continúe los siguientes pasos: 1.- Coloca el Título que 2.- BARRA DE HERRAMIENTAS.- Para llevará tu entrada. Añadir Imagen y dar Formato al Texto. Sus elementos se explican mas adelante. 7.- Ficha Edición de HTML.- Para agregar códigos de HTML de 3.- Ficha Redactar.- Es el AREA DE otras funciones o de servicios de EDICION, donde se desarrolla el otras páginas como YouTube. contenido de tu Entrada: Texto – Imágenes – Vídeos - Enlaces. 6.- Coloque una etiqueta para su entrada si lo desea. Esta aparecerá al final de su entrada. 5.- Despliegue el enlace Opciones de 4.- Publique para ver su blog. entrada.- Para controlar los comentarios y cambiar el orden de las Entradas modificando su fecha y hora de creación. PAGINA - 7 -
  • 8. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES BARRA DE HERRAMIENTAS DEL EDITOR DE ENTRADAS SUBRAYA INSERTAR COMPROBAR IMAGEN LISTA ORTOGRAFÍA REHACE VÍNCULOS NUMERADA CURSIVA COLOR DE FONDO INSERTARDESHACE NEGRITA CITA DEL TEXTO UN VIDEO (Desde tu equipo) TACHADO AÑADE O LISTA CON ELIMINA UN VIÑETAS TAMAÑOS ENLACE DE TEXTO INSERTAR SALTO ELIMINA EL DE LÍNEA FORMATO ALINEACION COLOR DEL TEXTO 3.1.1.-Añadiendo una Imagen a tu entrada 1.-Da un clic en el botón Insertar Imagen de la Barra de Herramientas del editor. 2.-Aparece el panel Añadir una imagen desde su equipo o añadir una imagen de la Web. Donde debes seguir los siguientes pasos para añadir una imagen desde tu equipo: 1.- Da un Clic en el botón Examinar para dirigirnos a la carpeta donde tiene almacenado su imagen y seleccionarlo. (La imagen debe ser de formato JPG[Fotos], Gif , BMP o Png. Tamaño máximo 8 Mb. NOTA.- Puedes añadir una imagen de la Web seleccionando este enlace y colocando su URL. 2.- Da un Clic en el botón Aceptar para agregar la imagen a tu Entrada. NOTA: no olvides que las imágenes subirán a la red y pasarán a ser de dominio público. Así que debes tener cuidado con las fotos que subes a la Web. PAGINA - 8 -
  • 9. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES 3.- Una vez insertada la imagen se puede editar: 1.- Da un Clic sobre la imagen y aparecerá la Barra de Edición donde podrás: NOTA: Antes de insertar la -Cambiar el Tamaño. imagen se te recomienda crear -Alinear. varias líneas con la tecla -Añadir una leyenda o [Enter]. Así podrás desplazar -Eliminar. el punto de Inserción más fácil. 3.1.2.-Añadiendo texto a tu entrada VER ENTRADA El Editor de Entradas es un Procesador de textos, así que con los conocimientos que tengas de cualquier procesador de textos el trabajo será muy fácil. EN UNA Si queremos ver nuestro avance damos clic en el botón Vista previa, si VENTANA deseamos volver da un Clic al enlace Ocultar vista preliminar. NUEVA Una vez culminado la entrada da un Clic en el botón Publicar Entrada para terminar.4.- PUBLICANDO LA ENTRADA Y VIENDO TU BLOGUna vez publicado tu Blog aparecerá la siguiente pantalla con la Ficha Creación de entradassuperpuesta que te indica que la entrada de tu Blog ha sido publicada. NOTA: Para Ver tu Blog: En una ventana nueva haz Clic en este ícono.Esta pantalla es importante para continuar trabajando: Ver tu Blog, Crear otra entrada, Editar la última entradao cualquiera. PAGINA - 9 -
  • 10. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES 4.1.-Visualizando tu Blog (Importante) 1.-Para ver tu Blog publicado, en la pantalla anterior tenemos dos opciones directas: • Ver entrada, Ver blog : Permite ver tu Blog, pero en la Misma Ventana, debemos utilizar el botón Atrás del Internet Explorer para volver a la Ventana anterior. (Ver gráfico anterior). • Icono : Permite ver tu Blog en Otra Ventana, es la más recomendable para el trabajo. (Ver gráfico anterior). 2.-Por el momento utiliza la segunda opción para revisar tu Blog publicado y cierra la ventana.5.-CREAR UNA NUEVA ENTRADA A TU BLOG 1.- En la Pantalla Anterior de la Ficha Creación de entradas seleccionamos la opción Nueva entrada o el enlace celeste Crear una entrada nueva, veamos el primer caso 1 2 2.-Luego ingresamos la información siguiendo los mismos pasos que en la primera entrada hasta publicarlo, además puedes ver tu Blog publicado. NOTA: Observarás que las entradas se publican en estricto orden cronológico inverso al orden de publicación, es decir se mostrará en primer lugar la más reciente en el tiempo. Así que organiza tus entradas antes de crearlas. PAGINA - 10 -
  • 11. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES6.-EDITAR UNA ENTRADA CREADASi deseas realizar algunos cambios a cualquiera de las Entradas creadas, sigue los siguientes pasos: 1.-En la Ficha Creación de entradas selecciona el enlace Editar entradas, veamos: Aquí Edita la última entrada creada. 2.-Aparecerá la siguiente pantalla donde podrás modificar cualquier entrada creada y otros cambios importantes en tu Blog. Sólo sigue el paso 1: NOTA A.- Aquí puedes modificar el número de entradas que se mostrarán en cada página de tu Blog de 5 – 300. 1.-Da un Clic, sobre el Opción Editar NOTA B.- Puedes Eliminar cualquier de la Entrada que desee modificar, entrada publicada, seleccionándolo y con un guíese por el Título de la entrada. Clic en Suprimir Selección. 3.- Se ingresará al Editor de la entrada elegida, donde podrás realizar los cambios necesarios para finalmente volver a publicarlo.7.-ENTRAR A TU BLOG A TRAVÉS DE INTERNET EXPLORERUna vez publicado tu Blog, cualquier persona de cualquier parte del mundo que conozca la direcciónURL de tu Blog puede acceder a él. De la siguiente manera: 1.-Abre Internet Explorer y en la barra de dirección digitar la dirección de tu Blog creado: www._____________________.blogspot.com PAGINA - 11 -
  • 12. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES AUTOEVALUACION N° 1 – ¿Qué has aprendido?Debes desarrollar las siguientes preguntas:I.- VOCABULARIO: Define los siguientes términos informáticos:1.-Internet 3.-Interfaz2.-Plantilla 4.-Editor de Entradas3.-URL 5.-FichaII.- CUESTIONARIO: Desarrolla las siguientes preguntas:1.- ¿Qué entiendes por Blogger y Cuál es a tu parecer la importancia de sus recursos?2.- Con tus propias palabras ¿Qué es un Blog y que función tienen?3.- ¿Qué materiales educativos puedes elaborar en tu área de trabajo con Blogger? PROYECTO – ¿Qué harías con lo aprendido? AVANCE DEL PROYECTO Nº 1 – LIBRO ELECTRÓNICO1.- Crea una nueva cuenta de Correo Electrónico, sólo para el proyecto: Anótelo Aquí: Contraseña:2.- Escoge la temática del Libro Electrónico a crear: Personal, Familiar, Laboral, Profesional,Informativo, etc. Les recomiendo que sea del área en el que trabajan.3.- Elabora el borrador de tu Libro Electrónico en hojas, escribiendo una entrada por Blog, con lasimágenes que colocarás. La cual presentará las siguientes secciones:.4.- Inicia la Creación de tu cuenta en Blogger y elabora la entrada de la presentación pon en práctica tucreatividad. PAGINA - 12 -
  • 13. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES CAPíTULO IIEDITAR TU PERFIL Y ADMINISTRAR OPCIONES Y DISEÑOS DE TU BLOGBlogger establece tu perfil con los datos que ingresaste. Pero, puedes editar este perfil modificando tusdatos personales e incluso agregarle una fotografía; también se puede modificar el Título de tu Blog asícomo agregarle una descripción. Veamos:1.- EDITANDO TU PERFILIngresa a BLOGGER Recuerda: www.blogger.com (Luego presione [ENTER])En la Interfaz de BLOGGER, nos dirigimos al Bloque Acceder a tu cuenta de Blog creado dondedebes ejecutar los siguientes pasos: 1.- Ingresa tu Nombre de Usuario: E-mail 2.- Ingresa tu Contraseña: utilizado y anotado en la Página 4. Anotado en Página 4. Si trabajas en una PC propia activa esta opción para que ingrese directo a tu 3.- Da un Clic en el cuenta. botón ACCEDER.Inmediatamente ingresarás por primera vez al Panel Escritorio, donde distinguiremos las siguientesopciones a utilizar en adelante: 7.-Te permite crear muchos 1.- EDITAR PERFIL: Lo Utilizarás para blogs en una misma cuenta de agregar y modificar datos de tu perfil así como Blogger. Importante para crear una foto. Libros Electrónicos. 3.-Te direcciona a la ficha Creación 4.-Te direcciona a la Ficha de entradas: Nueva entrada, Editar Configuración: Básico, Publicación, Entradas. Formato, Comentarios, etc.2.-NUEVA ENTRADA: Lo 5.-Te lleva a la Ficha Diseño:utilizarás para agregar una 6.-Te lleva a la Ficha Monetizar: Donde con Elementos de la Página, Edición denueva entrada a tu Blog. AdSense ganarás dinero gracias a los anuncios HTML, Diseñador de Plantillas. orientados que se colocan en tu blog. NOTA: Para agregar una Foto o Imagen a tu perfil, tenemos dos casos: 1.- Podemos subirlo desde tu equipo o 2.- Desde la Web.- Ello implica que tu foto debe tener una dirección URL en Internet. PAGINA - 13 -
  • 14. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES 1.1.- INGRESANDO TUS DATOS Y AÑADIENDO TU FOTO A TU PERFIL. 1.- Selecciona el enlace Editar perfil del Panel Escritorio. 2.- Aparecerá el panel Editar perfil de usuario en el que puedes completar o dejar en blanco aceptando las opciones según tu información personal. Estoy seguro de que es fácil para ti. Por lo que sólo te explicaré como agregar la foto. Revisa detenidamente el siguiente gráfico: NOTA: Algunos datos ya aparecen llenos. Si deseas sólo completa los obligatorios. Continúa… NOTA: Veamos los casos para subir una foto o imagen a tu perfil: PAGINA - 14 -
  • 15. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES CASO 1: Se puede subir una foto o imagen de su equipo. Sólo haga Clic en Examinar… y seleccione la foto. http://bp3.blogger.com/_2HCcfuntMz8/RZ1cxdaTsJ CASO 2: Si la foto o imagen es de la Web: A.- Debe copiar la URL de la Foto o Imagen. B.- Seleccione Desde la Web, haga un Clic en la barra de texto y presione [Ctrl] + [V]. Continúa… PAGINA - 15 -
  • 16. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES 2.- Una vez culminado da un clic sobre este botón para guardar su perfil. 4.- Aparecerá el siguiente mensaje donde debes seleccionar la opción Volver a: Escritorio. 1.- Da un clic en el enlace Escritorio. 5.- Retornarás al Panel Escritorio de Blogger donde podrás ver la foto del perfil y también ver tu Blog: 1.- Da un Clic en el Icono para Ver el Blog en una ventana nueva. 6.- Ahora Cierra BLOGGER y entra a tu Blog por Internet Explorer Recuerda: www. ___________________.blogspot.com [Enter] Podrás observar tu perfil con los datos ingresados así como la Foto. PAGINA - 16 -
  • 17. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES2.- CAMBIANDO ALGUNAS OPCIONES DE TU BLOG.Si deseas modificar algunos datos de tu Blog como el Título, agregarle un Subtítulo o Descripción,Debes seguir los siguientes pasos 2.1.- CAMBIAR EL TITULO DE TU BLOG Y AGREGARLE UNA DESCRIPCION 1.- Abre BLOGGER e ingresa con tu Nombre de Usuario y Contraseña. 2.- Selecciona el enlace Configuración del Panel Escritorio. Aquí 3.-Aparecerá la siguiente pantalla con la ficha Configuración superpuesta, los cambios lo harás en el enlace Básico, que está recortada para desarrollar sólo las opciones que nos interesa, tú puedes descubrir qué opciones más contiene: NOTA 1.- Exportar-Importar tu blog.- Puedes exportar tu blog descargándolo a NOTA 2.- Puedes Eliminar tu blog tu PC y luego importarlo a otro blog. haciendo un clic en este enlace. 1.- Cambia el título del Blog que habías colocado 2.- Ingrese una Descripción del Título éste se colocará en la Cabecera como Subtítulo. 3.- Culminado los cambios Guarde la Configuración para que se apliquen. PAGINA - 17 -
  • 18. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES 4.- Aparecerá un mensaje que me indica que los cambios se han guardado. Ahora puedes: A.- Realizar otros cambios, B.- Ver tu Blog o C.- Salir. C B A Mensaje Hagamos otros cambios en la misma ventana: 2.2.- CAMBIAR LA DIRECCION URL DE TU BLOG 1.-En la pantalla anterior seleccionamos el enlace Publicación y seguimos los siguientes pasos: 1.- Ingrese la nueva dirección URL que modificará la anterior. No olvides ser original para que no lo rechace. 2.-Digita los caracteres de verificación. 3.- Da un clic para guardar la nueva configuración. 2.- Aparecerá un mensaje que me indica que los cambios se han guardado: Continuemos con otros cambios: 2.3.- CAMBIAR TIEMPO DE PUBLICACIÓN, EL FORMATO E IDIOMA DE LAS FECHAS Y HORA DE TU BLOG 1.- Selecciona el enlace Formato de la ficha Configuración. 2.-Aparecerá la siguiente pantalla en la que debes buscar con mucha paciencia los valores referentes a nuestro país. Sólo los indicados. Empieza, sé que lo puedes hacer: PAGINA - 18 -
  • 19. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES 1.- Para establecer el # de entradas que se verán en la página principal de tu Blog. 2.- Para establecer el formato de fecha que se ubica en la cabecera de cada entrada de tu Blog y del panel Archivos. 3.- Para establecer el formato de la hora en que se publica una entrada de tu Blog. 4.- Para establecer La zona horaria: (GMT-05:00) Lima y El idioma de la fecha: español (Perú) 5.- Da un Clic para guardar los cambios. 3.- Aparecerá el mensaje que indica que los cambios se han guardado. 2.4.- CONTROLAR LOS COMENTARIOS A TUS ENTRADAS DE TU BLOG 1.- Selecciona el enlace Comentarios de la ficha Configuración. 2.-Aparecerá la siguiente pantalla que está recortada para desarrollar sólo las opciones que nos interesa, tú puedes descubrir qué opciones más contiene: 1.- Mostrar u ocultar los comentarios a tus entradas que se verán en tu Blog. 2.- Limita la posibilidad de comentar a los usuarios. 3.- Permite ubicar los formularios de comentarios de tal modo que sea más cómodo para los usuarios. 4.- Da un Clic para guardar los cambios. PAGINA - 19 -
  • 20. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES 3.- Aparecerá el mensaje que indica que los cambios se han guardado. 2.5.- PERMISOS A AUTORES Y LECTORES – CONVERTIR TU BLOG EN UNA INTRANET. 1.- Selecciona el enlace Permisos de la ficha Configuración. 2.-Aparecerá la siguiente pantalla que está recortada para desarrollar sólo las opciones que nos interesa, tú puedes descubrir qué opciones más contiene: 1.- Puedes añadir hasta 100 autores que pueden escribir en tu blog. Sólo requieres su correo electrónico para invitarlos. 2.- Lectores del blog.- Tiene los casos. Cualquiera.- De forma predeterminada para un acceso libre. Sólo a los usuarios que yo elija.- Útil para elaborar una Intranet, en la que los usuarios necesitan su información de acceso. Sólo requieres su correo electrónico para invitarlo. Luego ellos reciben un correo para registrarse: Con su correo y añadiendo una contraseña queda listo. Únicamente autores del blog.- Restringe el uso sólo a los autores añadidos.3.- PERSONALIZAR EL DISEÑO DE TU BLOG. Hasta este momento tu Blog estará como en la imagen siguiente. En la que ubicarás las partesque se describen, las que quizás quieras personalizar: 1.- BARRA NAVBAR: Buscador, Salir, etc. 2.- CABECERA DEL BLOG: Muestra el Título y Subtítulo. 4.- ZONA DE VÍNCULOS PRINCIPAL: Muestra tus Archivos del blog, Datos personales (Perfil) y se le puede agregar otros elementos: Imagen, Lista de enlaces, etc. 3.- ZONA DE LAS ENTRADAS: Muestra las 5.- ZONA DE VÍNCULOS entradas publicadas en orden SECUNDARIA: Se le puede inverso a la fecha de creación. agregar elementos: Imagen, Lista de enlaces, etc. PAGINA - 20 -
  • 21. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES La ficha Diseño de Blogger facilita a los usuarios la personalización del diseño de su Blog conpocos conocimientos técnicos o ninguno. Cambios como: Añadir, eliminar y organizar Elementos de laPágina, Modificar las fuentes y colores, Edición de HTML y Seleccionar una plantilla nueva para tuBlog son fáciles de realizar. Para iniciar debes seguir los siguientes pasos: 3.1.- EDITAR ELEMENTOS DE LA PÁGINA. 1.- Abre BLOGGER e ingresa con tu Nombre de Usuario y Contraseña. 2.- Selecciona el enlace Diseño del Panel Escritorio. Aquí 3.-Aparecerá la siguiente pantalla con la ficha Diseño superpuesta, los cambios lo trabajarás en el enlace Elementos de la página. Que se explican en la siguiente página: Botones: Guardar, Vista previa y Borrar Cambios 3.1 3.2 3.4 3.5 3.7 3.3 PAGINA - 21 -
  • 22. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES 3.1.- Editar la Barra de Navegación.- Para editar esta barra ejecuta lo siguiente: 1.- Da un clic sobre el enlace Editar de la barra de navegación, aparecerá la siguiente ventana donde podrás seleccionar un color distinto para esta barra. 2.- Guarda los cambios y puedes revisarlo con el botón Vista previa. 3.2.- Editar el Encabezado - Colocar una imagen.- Para editar la Cabecera ejecuta lo siguiente: 1.- Da un clic sobre el enlace Editar de la Cabecera, aparecerá la siguiente ventana donde podrás:2.- Puedes subir una imagen desde tuequipo, o desde la Web con la URL dela imagen. 1.- Modifica el TítuloNOTA1.- Para no desproporcionar la y la descripción de tucabecera la imagen debe tener dimensiones Blog.hasta Ancho: 700 x Alto 124 Píxeles. Paracubrir toda la cabecera.NOTA 2.- Cuando se pega la URL de laimagen debes mover el punto de inserciónal inicio de la URL, sólo así se verá laimagen. 3.- Puedes ubicar la imagen en 5.- Da un clic en guardar lugar del título o detrás. y puedes revisarlo son el botón vista previa. 4.- No olvides activar reducir hasta ajustar NOTA: Si la imagen no te gusta, puedes editar nuevamente y eliminar la imagen PAGINA - 22 -
  • 23. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES 3.3.- Editar las Entradas del Blog.- Para configurar las Entradas ejecuta lo siguiente: 1.- Da un clic sobre el enlace Editar de la zona de Entradas del blog, aparecerá la siguiente ventana donde podrás modificar: El número de entradas, El formato de fechas, etc. Así como ordenar las etiquetas arrastrándolos. 1.- Puedes desactivar estas opciones si deseas que desaparezcan estos elementos de tu Blog. 2.- Arrastrar las etiquetas para ordenarlo, si lo deseas. 3.- Guarda los cambios. PAGINA - 23 -
  • 24. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES 3.4.- Editar la zona Archivo del Blog.- Para configurar la zona de enlaces a las Entradas de tu Blog ejecuta lo siguiente: 1.- Da un clic sobre el enlace Editar de la Zona Archivo del Blog, aparecerá la siguiente ventana donde podrás modificar: El Título, Estilo, Formato de Fecha, etc. 1.- Modifica el Título por ENLACES DE ENTRADAS 2.- Elige un Estilo de presentación: Jerarquía, Lista o Menú desplegable. 3.- Da un clic en guardar y NOTA.- Puedes eliminar esta puedes revisar los cambios lista de enlaces a las entradas. con el botón Vista previa. 3.5.- Editar la zona Datos personales o Perfil del Blog.- Para configurar la zona del perfil de tu blog ejecuta lo siguiente: 1.- Da un clic sobre el enlace Editar de la Zona Datos personales, aparecerá la siguiente ventana donde podrás Editar: El Título, Datos personales y Ubicación. 2.- Guarda los cambios y puedes revisarlo con el botón Vista previa. PAGINA - 24 -
  • 25. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES ACTIVIDAD 2.- Elimina el elemento Seguidores de tu blog. Para ello edita el elemento. 3.6.- Organizar elementos de la página.- Sólo se pueden organizar los elementos de tu página: Seguidores, Datos personales y Archivo de blog o los elementos añadidos. Para ello ejecuta lo siguiente: 2.- Guarda los cambios y puedes revisarlo con el botón Vista previa. 1.- Arrastra el elemento Datos personales a la ubicación deseada, veamos que quede sobre el elemento Seguidores. 3.7.- Añadir un Elemento de Página a tu Blog (Añadir un gadget).- Debemos tener en cuenta lo siguiente: 1.- Hay varias zonas para añadir un elemento a tu página: La Zona de enlaces principal, La Zona de enlaces secundaria y en la parte inferior de tu blog. 2.- Puedes añadir los siguientes Elementos básicos: Da un clic sobre la imagen o título del elemento. PAGINA - 25 -
  • 26. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES NOTA 1: Puedes agregar otros elementos básicos como: AdSense: Publicidad. Lista de blogs: Blogs favoritos. Actualidad, etc. NOTA 2: También puedes añadir otros elementos: DESTACADOS: Flickr Photostream, Recent post, Twitter Updates, Picasa Photostream, etc. LOS MÁS POPULARES: Blogger Play, Fish, Digg 2.0, etc. Más gadgets: Sudoku, Sala de Juegos, Google Video, etc. Y puedes buscar de alguna empresa: YouTube, Google, etc. Sólo desarrollaremos dos elementos básicos: Lista de vínculos e Imagen ya que el proceso es el mismo para el resto, sólo trabaja con paciencia. Empecemos: A.- Añadir una Lista de vínculos.- Para añadir una lista de vínculos debes tener en cuenta lo siguiente: 1.- Lo más recomendable es hacerlo en la Zona de vínculos secundaria. 2.- Debes contar con una lista de direcciones de páginas Web. Ejemplo: -MINISTERIO DE EDUCACION: www.minedu.gob.pe -INSTITUTO DE PEDAGOGIA POPULAR: www.ipp-peru.com -CONOCIENDO AL PERU: www.perucultura.org.pe -SOFTWARE EDUCATIVO: www.internenes.com Luego ejecuta lo siguiente: 1.- Da un clic sobre el enlace Añadir un elemento de página (Añadir un gadget) de la Zona de vínculos secundario, aparecerá la ventana Añadir un gadget. 2.-Ubica el elemento Lista de Enlaces y da un clic sobre la imagen. Aparecerá la ventana siguiente en la cual sigue los pasos indicados: PAGINA - 26 -
  • 27. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES 1.- Escribe el título general del Elemento o la zona de enlaces. 2.- Puedes ordenar los enlaces alfabéticamente 3.- Digitar la dirección de la página Web (URL) a que se enlazará. 5.- Para añadir varios vínculos al mismo elemento usa este botón. Para nuestro caso son 4.4.- Digitar el nombre que aparecerá enlos enlaces y que los usuarios de tublog leerán. 6.- Puedes editar, suprimir y cambiar de ubicación a los enlaces agregados. NOTA: Si desea eliminar el elemento 7.- Guarda los cambios y revisa los avances con el total, Edita el elemento y el botón botón Vista previa o el enlace Ver blog. ATRÁS cambiará por ELIMINAR. Nota.- En la pantalla Elementos de la página sólo se verá el título del elemento y Editar. 3.- Puedes añadir otra Lista de vínculos si lo desea, sólo debes repetir los pasos anteriores. B.- Añadir una Imagen.- Puedes añadir una imagen desde tu equipo o desde cualquier otro lugar de Internet. Además ahora puedes enlazar esa imagen con una Página Web, conociendo su dirección. Para desarrollar estas acciones debes tener en cuenta: 1.- Para añadir una imagen colgada en Internet, debes conocer la dirección URL de la imagen. (Debes copiar la URL). 2.- Si deseas enlazar esa imagen con una Web, debes conocer la dirección URL de esa Web. Luego ejecuta lo siguiente: 1.- Da un clic sobre el enlace Añadir un elemento de página de la zona que desees, por ejemplo la zona de vínculos principal, aparecerá la ventana Añadir un elemento de página (Añadir un gadget). PAGINA - 27 -
  • 28. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES 2.-Ubica el elemento Imagen y da un clic sobre su imagen. Aparecerá la ventana siguiente en la cual sigue los pasos siguientes: 2.- Si desea enlazar la imagen digite la URL1.- Coloca un Título a de la Web elegida.tu Imagen. 3.1.- Si la imagen está en tu PC da un clic en el botón examinar, luego ubica y selecciona la imagen. 3.2.- Si la imagen es de la Web, selecciona esta opción y digita o pega en la barra de texto la dirección URL de la imagen previamente seleccionada o copiada.Una vez que sube la imagen aparecerá la siguienteventana: 4.- Guarda los cambios y puedes revisar como queda con el botón Vista previa o el enlace Ver blog. NOTA.- 1.- Si desea eliminar el elemento total, Edita el elemento y el botón ATRÁS cambiará por ELIMINAR. 2.- Si no deseas enlazar la imagen sólo deja vacío la barra Enlace. 3.- El elemento HTML/Javascript que Añade una característica de un tercero u otro código a tu blog se trabajará en el Capítulo III: OPCIONES AVANZADAS. 3.2.- CAMBIAR LAS FUENTES Y COLORES DE LA PLANTILLA. 1.- Abre BLOGGER e ingresa con tu Nombre de Usuario y Contraseña. 2.- Selecciona el enlace Diseño del Panel Escritorio. Aquí PAGINA - 28 -
  • 29. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES 3.-Aparecerá la siguiente pantalla Diseñador de plantillas de Blogger con la ficha Plantillas superpuesta, donde primero debemos reconocer sus elementos: 1.-MENÚ PRINCIPAL 2.-PANEL DE OPCIONES 3.-PANEL DE 4.- RETORNA A LA del Diseñador de de cada elemento del menú ELEMENTOS FICHA DISEÑO. Plantillas de Blogger. principal. a aplicar. 5.- APLICA CAMBIOS AL BLOG. 3.3.- CAMBIAR DE PLANTILLA. 6.-PANEL DE VISTA PREVIA. 3.1.- Cambiar colores de los elementos de la plantilla.- A.- Cambiar el Color de Fondo de la Cabecera de la Página.- 1.- En el menú principal selecciona Avanzado y del Panel de Opciones selecciona Fondos. Y ejecuta lo siguiente: 1.-Puedes seleccionar un 2.-Selecciona un Color de Color de fondo Exterior Fondo de Cabecera. Por y Principal. ejemplo Verde. 3.-Aplique los cambios. Vista previa para verificar los cambios antes de aplicarlos PAGINA - 29 -
  • 30. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES B.- Otros colores que puedes cambiar en los elementos de tu blog son: Color del texto Color del título de la entrada Color de la cabecera de fecha Color del borde Color del vínculo Color del título del blog Color del título de la barra lateral principal Color de fondo de la columna lateral superior Color del texto de la columna lateral superior Bottom Sidebar Title Color Color del enlace ACTIVIDAD 3.-Como práctica cambia el color del Título de tu Blog y haz otros retoques de acuerdo a tu gusto y que mejoren la presentación de tu Blog. 3.2.- Cambiar la Fuente de los elementos de la plantilla.- A.- Cambiar la Fuente del Título del blog.- 1.- En el menú principal selecciona Avanzado y del Panel de Opciones selecciona Título del blog. Y ejecuta lo siguiente: 1.-Selecciona el tipo de 3.- Selecciona un color 4.-Puedes cambiar el color Fuente del título del Blog: para el título. de la descripción. Georgia. 5.-Aplique los cambios. 2.-Activa los Estilos de fuente: Negrita, Cursiva y Tamaño. Vista previa para verificar los cambios aplicados. PAGINA - 30 -
  • 31. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES B.- Otras Fuentes que puedes cambiar son.- Aa Texto de la página Aa Texto de la pestaña Aa Título de la entrada Aa Fuente del título de la barra lateral Aa Pie de página de la entrada ACTIVIDAD 4.- Como práctica cambia el tipo de Fuente y Tamaño de los títulos de las entradas de tu Blog y haz otros retoques de acuerdo a tu gusto y que mejoren la presentación de tu Blog. NOTAS: 1.- Los elementos del PANEL DE OPCIONES pueden variar de acuerdo a la plantilla elegida, sólo identifica las necesarias. 2.-El uso del enlace Edición de HTML de la ficha Diseño requiere de conocimientos más avanzados. Así que lo dejamos para otro momento. 3.3.- SELECCIONAR UNA PLANTILLA NUEVA PARA TU BLOG. 1.- Abre BLOGGER e ingresa con tu Nombre de Usuario y Contraseña. 2.- Selecciona el enlace Diseño del Panel Escritorio. Aquí 3.-Aparecerá la siguiente pantalla con la ficha Diseño superpuesta, se pueden cambiar las plantillas de dos maneras: Nota.- Si modificas la plantilla, se descartarán los cambios que hayas efectuado en Fuentes y colores, pero se conservarán los elementos de la página. 3.1.- A través del Diseñador de Plantillas.- 1.- En la ficha Diseño selecciona el enlace Diseñador de plantillas y ejecuta lo siguiente: PAGINA - 31 -
  • 32. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES 2.-Una vez decidido aplícalo a tu Blog. 1.- Selecciona una Plantilla de la lista. 3.2.- A través del Editor de HTML.- 1.- En la ficha Diseño selecciona el enlace Edición de HTML y ejecuta lo siguiente: A.- Carga una plantilla desde un archivo de tu disco duro, este archivo puede descargarse de Internet. NOTA.- Puede descargar la plantilla antes de hacer cambios para seguridad. 1.-En el enlace Edición de HTML 2.-haz Clic en el botón haz Clic en el botón Examinar… Subir para cargar la para ubicar el archivo de plantilla. plantilla. B.- Seleccionar una plantilla de diseño antigua (2006), pero estas plantillas anulan muchas de las funciones nuevas. 1.-En la parte inferior del enlace Edición de HTML haz Clic en el enlace Seleccionar plantilla de diseño. PAGINA - 32 -
  • 33. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES 3.-Guarda la Plantilla NOTA: La plantilla Stretch Denim es una plantilla que abarca todo el ancho de la pantalla. 2.-EN EL PANEL DE GRUPOS DE PLANTILLAS.- Selecciona la plantilla que elijas. 2.- Ahora puedes mejorar el aspecto de tu Blog a tu gusto. No te olvides que cada vez que cambies de Plantilla se descartarán los cambios efectuados en Fuentes y Colores. PAGINA - 33 -
  • 34. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES AUTOEVALUACION Nº 2 – ¿Qué has aprendido?Debes desarrollar las siguientes preguntas:I.- VOCABULARIO: Define los siguientes términos informáticos:1.-Http 4.-JPG2.-Enlace 5.-Perfil3.-Plantilla 6.-FuenteII.- CUESTIONARIO: Desarrolla las siguientes preguntas:1.- ¿Qué diferencia hay entre la ficha Edición de HTML y Redactar del Editor de Entradas?2.- ¿Elabora un esquema de los elementos de la Página y explica las funciones de cada uno de ellos?3.- Si modificas la Plantilla de tu Blog, ¿Qué cambios se descartarán? PROYECTO – ¿Qué harías con lo aprendido? AVANCE DEL PROYECTO Nº 2 – LIBRO ELECTRÓNICO1.- Ingresa al Panel Escritorio de tu Blog creado y con el enlace Crear un Blog crea los blogsnecesarios para cada página de tu libro electrónico. Anote aquí las direcciones URL de cada uno:Página 1: www.____________________Página 2: www.____________________Página 3: www.____________________Página 4: www.____________________Página 5: www.____________________2.- Modifica tu Perfil, si deseas escanea tu foto para colocarlo en el perfil de tu Blog.3.- Añade una lista de vínculos, que llevará de título ÍNDICE, a cada blog. Para enlazarlos con lasBlogs creados para cada página del libro electrónico. Utiliza las direcciones URL anotados en 1.4.- Puedes cambiar de plantilla si lo deseas.5.- Aplica el formato que desees a los Blogs: Color de fondo, Tamaño y color de fuente, Los tamaños yposiciones de las imágenes agregadas, etc.6.- Entra a la ficha Diseño y selecciona el enlace Editar del elemento de página Entradas del blog ydesactiva todas las opciones. Esto es para que quitar estos datos de tu Blog.7.- En la misma ficha Diseño selecciona el enlace Editar del elemento de página Archivo del blog yElimínalo. PAGINA - 34 -
  • 35. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES CAPíTULO 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, Tablas, Preguntas de opciones múltiples.Servicios gratuitos de otras páginas como: Panel de Mensajes, Vídeos de YouTube, Canales de Vídeos,Presentador de fotos, Contador de ingresantes, etc. Todo ello se puede hacer agregando algunos códigosHTML de servicios que algunas páginas permiten de modo gratuito.Algunos servicios gratuitos son:1.- PANEL DE MENSAJES EN TU BLOG CON CBOX: Página Web: www.cbox.ws2.- VÍDEOS DE LA PÁGINA DE YOUTUBE EN TU BLOG: Página Web: www.youtube.es3.- SLIDE SHOW – PRESENTADOR DE FOTOS CON SLIDE: Página Web: www.slide.com4.- SUBIR DOCUMENTOS A TU BLOG Y COMPARTIRLOS Páginas Web: www.box.net www.scribd.com5.- CONTADORES DE INGRESANTES A TU BLOG Página Web: www.freelogs.com6.- COMPARTIR Y MANEJAR SUS ARCHIVOS EN LÍNEA CON BOX. Página Web: www.box.net7.- RELOJES PARA MEJORAR LA PRESENTACION DE TU BLOG CON CLOCKLINK. Página Web: www.clocklink.com/Existen otros servicios gratuitos que podrás ir descubriendo con la experiencia. Empecemos esta parte demanera práctica, con las fichas de trabajo que a continuación colocamos, sólo con algunos servicios, el restoqueda para que investigues. PAGINA - 35 -
  • 36. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES FICHA DE TRABAJO N° 1 AGREGÁNDOLE UN SONIDO DE FONDO A TU BLOG COMO ELEMENTO DE PÁGINA1.- OBTENIENDO DIRECCIONES URL DE SONIDOS MIDI: A.- Abre la siguiente página Web: www.culturageneral.net B.- Selecciona la opción Música Clásica. C.- Luego Sonata n° 14 “Claro de Luna” . D.- Luego en la ventana que se presenta haz Clic Derecho sobre el Reproductor de la Música o sobre la palabra AQUÍ y seleccionar Propiedades. E.- En la ventana Propiedades selecciona y copia la Ubicación: URL del sonido MIDI. Recuerda Copiar: [Ctrl]+[C]. Veamos: 2.- Selecciona y copia esta URL: 1.- Clic derecho sobre cualquiera de las zonas:2.- AGREGANDO LOS CODIGOS NECESARIOS EN EL ELEMENTO HTML/Javascript DE TU BLOG: A.- Ingresa a tu cuenta de blogger. En el panel Escritorio selecciona el enlace Diseño. B.- Selecciona el enlace Añadir un elemento de página (Añadir un gadget). C.- En la ventana que aparece ubica el elemento HTML/Javascript y seleccionalo. D.- En la siguiente ventana coloca un Título y Digita las siguientes líneas de códigos en Contenido: PAGINA - 36 -
  • 37. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES <embed width="200" autostart="true" loop="true" src="Pega Aquí la Dirección URL del sonido MIDI" height="40"></embed> NOTA: En el código src pega la dirección del sonido Midi copiado. Quedaría de la siguiente manera: <embed width="200" autostart="true" loop="true" src="http://www.culturageneral.net/musica/clasica/htm/../htm/midis/sonata_no_14_claro_de_luna. mid" height="40"></embed> E.- Finalmente Seleccione el botón GUARDAR y Ver blog. F.- Puedes reubicar el elemento añadido o cambiar el sonido Midi por otro. NOTAS PARA TOMAR EN CUENTA: Parámetro Utilidad SRC Contiene la dirección URL del archivo de sonido a reproducir WIDTH y HEIGHT Aparece un pequeño reproductor, estos parámetros especifican su tamaño. Ancho y Alto respectivamente. AUTOSTART="true" Arranca automáticamente la reproducción. Para que no arranque automáticamente en lugar de “true” colocamos “0” LOOP="true" Reproduce ininterrumpidamente el fichero hasta que salimos de la página. Como se dio WIDTH="200" y HEIGTH="40" se mostrará un controlador de sonido. Según el sistema operativo será: Aquí unas páginas Web para obtener direcciones de melodías Midi: Para obtener la URL de otras melodías revisa las siguientes páginas. Sólo haz Clic derecho sobre el Enlace y selecciona Propiedades, luego Selecciona y Copia la URL de la ventana que aparece: http://www.geocities.com/CollegePark/Dorm/9834/midi.html http://www.piano-midi.de/beeth_es.htm http://photofiltrecastellano.iespana.es/musicamidi.htm PAGINA - 37 -
  • 38. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES FICHA DE TRABAJO N° 2 AGREGAR UN PANEL DE MENSAJES DE CBOX A UNA ENTRADA DE TU BLOG Y COMO ELEMENTO DE TU PÁGINA1.- OBTENIENDO LOS CODIGOS INSERTAR DEL PANEL EN LA PÁGINA DE CBOX: A.- Abre la siguiente página Web: www.cbox.ws B.- Sigue los siguientes pasos. Recuerda que debes contar con una cuenta de correo electrónico. 1.- Da un clic en la pestaña sign up. 2.- Completa los datos que nos solicitan: -Nombre de usuario. Puede ser cualquiera. Siempre cambiar para crear un nuevo Cbox con el mismo correo. -Correo Electrónico. -Contraseña. Anótalo para no olvidarte. -La URL del Blog. -Elige un Estilo. 4.- Ahora da un clic sobre el botón Create my Cbox! 3.- Acepta las condiciones del servicio. C.- Cierra la ventana de Cbox que aparece y tienes que ingresar a tu correo para verificar tu cuenta en Cbox, en este correo vendrá tu nombre de usuario y contraseña para acceder a tu cuenta. 1.- Da un clic en este enlace de verificación. PAGINA - 38 -
  • 39. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES D.- Aparecerá la siguiente pantalla, donde ingresarás con tu nombre de usuario y contraseña: 1.- Digita tu nombre de 2.- Digita tu usuario. contraseña E.- aparecerá la siguiente ventana final: 1.- Da un clic en el botón Update. NOTA.- Para crear un nuevo Cbox con la misma cuenta de correo, sal de este panel y repite los pasos. Sólo cambia el nombre de usuario al crear tu cuenta. 2.- Selecciona y copia los códigos de la barra.2.- AGREGANDO LOS CODIGOS INSERTAR EN EL EDITOR DE HTML DE UNA ENTRADA A.- Crea o Ingresa a la entrada donde vas a colocar el Panel de comentarios. B.- Selecciona la ficha Edición de HTML de la entrada y pega ([Ctrl]+[V]) los códigos en el lugar que desees. Quedará así: <!-- BEGIN CBOX - www.cbox.ws - v001 --> <div id="cboxdiv" style="text-align: center; line-height: 0"> <div><iframe frameborder="0" width="200" height="305" src="http://www5.cbox.ws/box/?boxid=326487&amp;boxtag=4916&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe></div> <div><iframe frameborder="0" width="200" height="75" src="http://www5.cbox.ws/box/?boxid=326487&amp;boxtag=4916&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe></div> </div> <!-- END CBOX --> PAGINA - 39 -
  • 40. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES D.- Finalmente Selecciona el botón PUBLICAR ENTRADA y visualiza tu Blog en una ventana nueva. NOTA: Para modificar el tamaño del Panel debemos saber que: 1.- Los parámetros: width=" " : Establece el Ancho del Panel height=" " : Establece el Alto del Panel 2.- Modifica según tu necesidad. Cambiando el primer par se modifica la zona para visualizar el mensaje. El segundo par modifica la zona donde se digita el nombre y el mensaje. Siempre deben coincidir los width.3.- AGREGANDO LOS CODIGOS INSERTAR COMO ELEMENTO DE PÁGINA (HTML/Javascript) A.- Selecciona la ficha Diseño. B.- Selecciona el enlace Añadir un elemento de página (Añadir un gadget). C.- Da un clic en el elemento HTML/Javascript. D.- Digita el título: PANEL DE MENSAJES. E.- Pega el código Insertar en el área CONTENIDO. F.- Modifica los valores de width y height si lo deseas. D.- Seleccione el botón GUARDAR. E.- Finalmente Seleccione el enlace Ver blog de elemento de página añadida. PAGINA - 40 -
  • 41. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES FICHA DE TRABAJO N° 3AGREGAR UN VÍDEO DE YOUTUBE A UNA ENTRADA DE TU BLOG Y COMO ELEMENTO DE TU PÁGINA1.- OBTENIENDO LOS CODIGOS INSERTAR DEL VÍDEO EN LA PÁGINA DE YOUTUBE: A.- Abre la siguiente página Web: www.youtube.com B.- En la barra Buscar digita el tema o personaje: cusco C.- Luego, da un clic al vídeo de la lista: Cusco – Promperu Tv Comercial. Puedes ver el vídeo para asegurarte que es el que buscas de lo contrario puedes cambiarlo en la lista de la derecha. D.- Puede personalizar la presentación del vídeo: No incluir videos relacionados, Mostrar borde de color. Selecciona en este panel otro vídeo si el anterior no te gusta. NOTA: Si deseas cambiar de tema tienes que ir a la barra Search. E.- Da un clic sobre la barra Insertar (Embed) y Copia ([Ctrl] + [C]) los códigos que aparecen. Si deseas puedes seleccionar en este panel otro vídeo si el anterior no te gusta. NOTA: Si deseas cambiar de tema tienes que ir a la barra Buscar.2.- AGREGANDO LOS CODIGOS INSERTAR EN EL EDITOR DE HTML DE UNA ENTRADA A.- Crea una Nueva Entrada en tu Blog. PAGINA - 41 -
  • 42. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES B.- Trabajando en la ficha Redactar coloca de título CUSCO - PROMPERU TV COMERCIAL y en la entrada: Una belleza milenaria para admirar - (Darle formato) C.- Selecciona la ficha Edición de HTML de la entrada y pega ([Ctrl]+[V]) el código Insertar de Youtube. <object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/D7pbF2P8CLM&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/D7pbF2P8CLM&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object> D.- Finalmente Seleccione el botón PUBLICAR ENTRADA y visualiza tu Blog en una ventana nueva. NOTA: Para modificar el tamaño de un vídeo debemos saber que: 1.- Los parámetros: width=" " : Establece el Ancho del Video height=" " : Establece el Alto del video 2.- Cambiando el segundo par es suficiente, pero es recomendable cambiar los dos pares a las mismas medidas. Valores aproximados para los casos: Lugar donde ubicas el video valores EN UNA ENTRADA width="425" o Menos height="355" o Menos PANEL DERECHO – COMO width="210" A 225 ELEMENTO height="150" A 1653.- AGREGANDO LOS CODIGOS INSERTAR COMO ELEMENTO DE PÁGINA (HTML/Javascript) A.- Selecciona la ficha Diseño. B.- Selecciona el enlace Añadir un elemento de página (Añadir un gadget). C.- Da un clic en el elemento HTML/Javascript. D.- Digita el título : CUSCO - PROMPERU TV COMERCIAL. E.- Pega el código Insertar en el área CONTENIDO. F.- Modifica los valores de width y height de la parte inferior (SEGUNDA PAREJA) por: width="210" height="150" D.- Seleccione el botón GUARDAR. E.- Finalmente Seleccione el enlace Ver blog de elemento de página añadida. PAGINA - 42 -
  • 43. PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES FICHA DE TRABAJO N° 4 AGREGAR UNA LISTA DE VÍDEOS ESCOGIDOS DE YOUTUBE A UNA ENTRADA DE TU BLOG Y COMO ELEMENTO DE TU PÁGINAEste elemento es muy importante para integrar una película que ha sido subido a YouTube en varias partes,de esta manera podrás ponerlo en forma secuencial y automática. Veamos como:1.- OBTENIENDO LOS CODIGOS INSERTAR DEL VÍDEO EN LA PÁGINA DE YOUTUBE: A.- Abre la siguiente página Web: www.youtube.com y regístrate de la siguiente manera: 1.- Seleccione el enlace Create Account Nota: las siguientes veces ingresarás por la zona: Sign In 2.-Completando los datos que se te piden en esta zona: 1.-El nombre: Debe ser original. 2.-Fecha de nacimiento. 3.-Sexo 3.-Finalmente Selecciona el botón I accept. PAGINA - 43 -
  • 44. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES B.- En la siguiente ventana continúa: 2.-Completando los datos que se te piden en esta zona: 1.-El Correo electrónico. 2.-Password. 3.-Palabra de verificación3.-Finalmente Selecciona el botónCreate New Account and Finish. C.- Te llegará un correo electrónico para la confirmación de la cuenta, la cual debes de realizar antes de continuar. D.- Ahora hacemos una búsqueda de los vídeos que queremos: Ejemplo PIRAMIDES DE CARAL. 1.-Digita el tema, Youtube tiene absolutamente todo tipo de videos. Luego pulsa Search 2.-Se mostrará la Lista de vídeos, selecciona el video parte 1. O el que desees para visualizarlo, será tu primer vídeo. PAGINA - 44 -
  • 45. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES E.- Una vez visto el vídeo que queremos lo añadimos a +Playlists: 4.- Selecciona el vídeo parte 2. 1.- Crea una lista. Haz clic en +Playlist 2.- Puedes seleccionar o crear tus listas. Para nuestro caso crearemos la lista de nombre CARAL. 3.- Agrega el primer video a la lista CARAL haciendo clic en el botón Add. F.-Para el segundo vídeo, sigue los siguientes pasos: 1.-Visualiza el vídeo y luego selecciona +Playlist . 2.- Si tienes varias listas selecciona la adecuada y haz un clic en el botón Add y listo. Para nuestro caso: CARAL. Repite estos pasos para agregar el tercer y el resto de los vídeos. Para nuestro caso Las pirámides de Caral son 05, ya sabes si deseas puedes cambiar de tema o autor. G.-Terminando de agregar los vídeos a la lista, sigue los siguientes pasos: PAGINA - 45 -
  • 46. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES 1.- En la parte superior de la ventana Despliega el botón de tu cuenta y selecciona el enlace Playlists. G.-Se presentará la pantalla para editar la lista de videos creada donde puedes cambiar el orden, eliminar, aumentar vídeos a tu lista, etc. Y obtener el código HTML de la siguiente manera: 1.- Selecciona el botón Share This Playlist. 2.-Aparecerá una ventana donde debes completar los datos que se te piden: 1.-Un Correo electrónico, puede ser el mismo. 2.-Nombre. 3.-Mensaje opcional 3.-Finalmente Selecciona el botón Send. PAGINA - 46 -
  • 47. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES H.-Te llegará un correo electrónico a tu cuenta a través del cual podrás obtener el código HTML de la lista creada cuando lo desees. Abre el correo y sigue los siguientes pasos:1.- Haz un clic sobre la imagen. 2.- Aparecerá una ventana, donde debes copiar el código Embeddable Player que pegarás en el Editor de Plantilla de tu Blog: ([Ctrl] + [C])2.- AGREGANDO LOS CODIGOS Embeddable Player EN EL EDITOR DE HTML DE UNA ENTRADA: A.- Crea una Nueva Entrada en tu Blog. B.- Coloca de título CUSCO – LAS PIRÁMIDES DE CARAL C.- Selecciona la ficha Edición de HTML de la entrada y pega ([Ctrl]+[V]) el código de Youtube. <object width="480" height="385"><param name="movie" value="http://www.youtube.com/p/2052DDC192995D87&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/p/2052DDC192995D87&hl=en&fs=1" type="application/x- shockwave-flash" width="480" height="385" allowscriptaccess="always" allowfullscreen="true"></embed></object> PAGINA - 47 -
  • 48. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES D.- Finalmente Seleccione el botón PUBLICAR ENTRADA y visualiza tu Blog en una ventana nueva. NOTA: Para modificar el tamaño de un vídeo debemos saber que: 1.- Los parámetros: width=" " : Establece el Ancho del Video height=" " : Establece el Alto del video 2.- Cambiando el segundo par es suficiente, pero es recomendable cambiar los dos pares a las mismas medidas. Valores aproximados para los casos: Lugar donde ubicas el video valores EN UNA ENTRADA width="425" o Menos height="355" o Menos PANEL DERECHO – COMO width="210" A 225 ELEMENTO height="150" A 1653.- AGREGANDO LOS CODIGOS INSERTAR COMO ELEMENTO DE PÁGINA (HTML/Javascript) A.- Selecciona la ficha Diseño. B.- Selecciona el enlace Añadir un elemento de página (Añadir un gadget). C.- Da un clic en el elemento HTML/Javascript. D.- Digita el título : LA CIUDAD PERDIDA DE CARAL. E.- Pega el código HTML en el área CONTENIDO. F.- Modifica los valores de width y height de la parte inferior (SEGUNDA PAREJA) por: width="210" height="150" D.- Seleccione el botón GUARDAR. E.- Finalmente Seleccione el enlace Ver blog de elemento de página añadida. NOTA: 1.- Una vez creado una Lista en YouTube, para modifiarlo debes ingresar con tu Nombre de usuario y Contraseña. 2.- Los cambios que hagas en la lista se aplicarán automáticamente en tu Blog, ya no es necesario copiar y pegar los códigos. 3.- Puedes agregar dos o más listas en tu Blog. PAGINA - 48 -
  • 49. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES FICHA DE TRABAJO N° 5 PONER UN SLIDE SHOW EN TU BLOG1.- REGISTRANDONOS Y EMPEZANDO A CREAR NUESTRO SLIDE SHOW: A.- Abre la siguiente página Web: www.slide.com B.- En la página de slide nos registramos siguiendo los siguientes pasos: 1.-Da un clic en el botón Regístrarse. NOTA.-Da un clic en el botón Ingresar para acceder a tu cuenta ya creada. Te pedirá el correo electrónico y la contraseña 2.- REGISTRATE.- En la siguiente ventana con un correo electrónico y una contraseña. Luego da un clic en el botón Registrarse. Te llegará un correo de notificación recordándote tu e-mail y password. 3.- En la siguiente pantalla de tu perfil da un clic en el Icono Crear Slideshow, para empezar a crear el slide. Puedes completar tu perfil.2.- AGREGANDO LAS FOTOS AL SLIDE SHOW.- A.- Debemos seguir los siguientes pasos y ser muy curiosos ya que hay muchos efectos: VISUALIZADOR DEL SLIDE SHOW 3.- Darle un 4.- Darle un Borde Estilo. (Skins). 2.- Subir las 1.- Seleccionar imágenes. las imagenes 5.- Darle un Tamaño. Considerar los valores de los videos: Para una Entrada dejar como esta. Para añadirlo como un Elemento de página: Ancho: 210 y Altura 150. PAGINA - 49 -
  • 50. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES B.- Luego podemos reordenar las imágenes arrastrándolos y ponerle una leyenda desarrollando: 1.- Arrastrar 4.- Guardamos los cambios las fotos a las fotos. 3.- Cambiar colores de Fuente y fondo del pie de foto. 2.- Colocar una leyenda C.- Guardamos el SLIDE SHOW, agregándole un título, para obtener el código HTML. D.- Copiamos el código HTML obtenido: 1.- Seleccionamos y copiamos ([Ctrl]+[C]).3.- AGREGANDO LOS CODIGOS HTML EN EL EDITOR DE HTML DE UNA ENTRADA: A.- Crea una Nueva Entrada en tu Blog. B.- Ponle de título LAS MARAVILLAS DEL CUSCO C.- Selecciona la ficha Edición de HTML de la entrada y pega ([Ctrl]+[V]) el código HTML. <div><embed src="http://widget-00.slide.com/widgets/slideticker.swf" type="application/x- shockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent" flashvars="cy=h5&il=1&channel=1873497444995296512&site=widget-00.slide.com" style="width:426px;height:320px" name="flashticker" align="middle"/><div style="width:426px;text-align:left;"><a href="http://www.slide.com/pivot?cy=h5&at=un&id=1873497444995296512&map=1" target="_blank"><img src="http://widget- 00.slide.com/p1/1873497444995296512/h5_t016_v000_s0un_f00/images/xslide1.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=h5&at=un&id=1873497444995296512&map=2" target="_blank"><img src="http://widget- 00.slide.com/p2/1873497444995296512/h5_t016_v000_s0un_f00/images/xslide2.gif" border="0" ismap="ismap" /></a></div></div> PAGINA - 50 -
  • 51. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES D.- Puedes modificar los valores de width y height de la parte superior para cambiar el Ancho y Alto del Slide respectivamente. El width de la parte inferior debe llevar el mismo valor que el anterior. E.- Finalmente Seleccione el botón PUBLICAR ENTRADA y saldrá un error: Este error lo arreglamos haciendo el siguiente cambio en los códigos: <div><embed src="http://widget-00.slide.com/widgets/slideticker.swf" type="application/x- shockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent" flashvars="cy=h5&il=1&channel=1873497444995296512&site=widget-00.slide.com" style="width:426px;height:320px" name="flashticker" align="middle"/><div style="width:426px;text-align:left;"><a href="http://www.slide.com/pivot?cy=h5&at=un&id=1873497444995296512&map=1" target="_blank"><img src="http://widget- Cambiar por: 00.slide.com/p1/1873497444995296512/h5_t016_v000_s0un_f00/images/xslide1.gif" border="0" ismap="ismap" /></a> <a "middle"></embed><div style Listo, Ahora si podemos publicar la entrada.4.- AGREGANDO EL SLIDE SHOW COMO ELEMENTO DE PÁGINA (HTML/Javascript) A.- Selecciona la ficha Diseño. B.- Selecciona el enlace Añadir un elemento de página (Añadir un gadget). C.- Da un clic en el elemento HTML/Javascript. D.- Digita el título : LAS MARAVILLAS DEL CUSCO. E.- Pega ([Ctrl]+[V]) el código HTML en el área CONTENIDO. Aquí no saldrá errores. F.- Modifica los valores de width y height de la parte superior (PRIMERA PAREJA) por: “width:210px;height:150px" G.- El width inferior debe llevar el mismo valor que el del superior: 210px. H.- Seleccione el botón GUARDAR. I.- Finalmente Seleccione el enlace Ver blog de elemento de página añadida.NOTA: Si deseas quitar los anuncios del Slide Show para ahorrar espacio. Esto es muy fácil. Con muchocuidado borra todos los códigos y quédate sólo con las líneas: <embed src=………………………………………..…………………………….. align="middle"></embed> PAGINA - 51 -
  • 52. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES FICHA DE TRABAJO Nº 6 COLOCANDO DOCUMENTOS PARA DESCARGAR DE TU BLOGBox es otra página que te permite Colgar y Compartir en la red tus documentos en cualquier formato,aunque se recomienda que sean PDF. Tus documentos serán fácilmente descargados por los usuarios, secolocan en una entrada o como elemento en tu blog. Sólo sigue los siguientes pasos:1.- REGISTRANDOTE EN LA PÁGINA DE BOX Y PUBLICANDO TU DOCUMENTO: A.- Abre la siguiente página Web: www.box.net NOTA.- Para ingresar a tu cuenta las B.- Sigue los siguientes pasos. siguientes veces con tu correo y Password. 1.- Completa los datos que nos solicitan en Sign Up Now: -Nombre -Correo Electrónico: Uno por cuenta. -Contraseña y Confirmar. -Phone: No es necesario. 2.- Ahora da un clic sobre el botón 3.- En la siguiente ventana verifica Continue. que esté seleccionado la opción Lite y nuevamente da un clic en el botón Continue. C.- Aparecerá la siguiente ventana donde podrás Crear el primer fólder para subir tus documentos:1.- Coloca un Nombreal Fólder. 3.- Da un clic en el botón No thanks. Para visualizar tu fólder creado 2.- Da un clic en el botón Create Folder. Aparecerá un mensaje. PAGINA - 52 -
  • 53. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES D.- Aparecerá la siguiente pantalla donde debemos reconocer las siguientes herramientas: NOTA.- Si deseas crear otro folder. 1.- Da un clic sobre el fólder creado: TUTORIA. Aparecerá el siguiente mensaje. 2.- Da un clic sobre el enlace Upload new files. E.- Aparecerá la siguiente ventana donde podrás: 1.- Da un clic en el botón Add files. Aparecerá una ventana para ubicar y subir los documentos que desees repitiendo el proceso. 3.- Aparecerá el siguiente mensaje que indica el % en que va subiendo el o los archivos. 2.- Ahora da un clic en el botón Upload para que suban los archivos. F.- Cuando termine aparecerá la siguiente ventana donde podrás visualizar los documentos subidos al fólder creado. Así como obtener el código embed del fólder. PAGINA - 53 -
  • 54. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES 1.- Da un clic en el botón All Files. NOTA2.- El botón naranja despliega el siguiente menú del documento. NOTA1.- La opción Shared despliega las siguientes opciones del documento. 2.- Da un clic en Shared. 4.- Aparecerá la siguiente ventana donde puedes modificar los tamaños y la vista de los documentos. 3.- Da un clic en el enlace Embed fólder in your site. 5.- Además seleccionar y copiar los códigos Embed de la barra. No te olvides: Copiar: [Ctrl]+[C] 6.- Cierra el mensaje.2.- AGREGANDO LOS CODIGOS INSERTAR EN EL EDITOR DE HTML DE UNA ENTRADA A.- Ingresa a la entrada donde vas a colocar el documento. B.- Selecciona la ficha Edición de HTML de la entrada y pega ([Ctrl]+[V]) los códigos.<embed src="http://www.box.net/static/flash/box_explorer.swf?widget_hash=pfzhvdpbk8&v=0&cl=0"width="460" height="345" wmode="transparent" type="application/x-shockwave-flash"></embed> C.- Puedes Cambiar el Ancho y Alto de la presentación de los documentos a: width="400" height="300" o de acuerdo a tu gusto. Más información, en la siguiente página. PAGINA - 54 -
  • 55. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES C.- Finalmente Selecciona el botón PUBLICAR ENTRADA NOTA: Para modificar el tamaño de presentación debemos saber que: 1.- Los parámetros: width=" " : Establece el Ancho y height=" " : Establece el Alto Valores aproximados para los casos: Lugar donde ubicas el video valores EN UNA ENTRADA width="425" o Menos height="355" o Menos PANEL DERECHO – COMO width="210" A 225 ELEMENTO DE PÁGINA height="150" A 1653.- AGREGANDO LOS CODIGOS INSERTAR COMO ELEMENTO DE PÁGINA (HTML/Javascript) A.- Selecciona la ficha Diseño. B.- Selecciona el enlace Añadir un elemento de página (Añadir un gadget). C.- Da un clic en el elemento HTML/Javascript. D.- Digita el título: Título del Grupo de Documentos. E.- Pega el código Insertar(embed) en el área CONTENIDO. F.- Modifica los valores de width y height por: width="210" height="150" D.- Seleccione el botón GUARDAR. E.- Finalmente Seleccione el enlace Ver blog de Elemento de página añadido.Finalmente tus documentos se verán de la siguiente manera: PAGINA - 55 -
  • 56. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES FICHA DE TRABAJO N° 7 PUBLICAR UN DOCUMENTO EN ISSUU Y AGREGARLO A TU BLOGIssuu es una página que te permite Editar, Recopilar, Compartir y Publicar tus documentos en un formatointeractivo. Tus documentos PDF se verán en una entrada o como elemento en tu blog, de manera que losusuarios puedan leerlo o descargarlo, esto es bastante dinámico y sencillo. Sólo sigue los siguientes pasos:1.- REGISTRANDONOS EN LA PÁGINA DE ISSUU Y PUBLICANDO TU DOCUMENTO: A.- Abre la siguiente página Web: www.issuu.com B.- Sigue los siguientes pasos. NOTA: Recuerda que debes contar con una cuenta de correo electrónico. 1.- Da un clic sobre el enlace Sign up. O en el Botón Sign up now. NOTA: Este botón te permitirá subir un documento una vez que te hayas registrado. C.- Seguidamente completa los siguientes datos que se te piden y anota aparte el password para que no se te olvide.1.- Completa los datosobligatorios:Nombre y ApellidosNombre de perfil y E-mailPassword: ________________Género y EdadPalabra Clave: Digita una delas palabras que aparecen.NOTA: Para crear otra cuentanecesitas otro correo.2.- Acepta las condiciones 3.- Da un Clic en el botón Agree anddel servicio. continue. Aparecerá la ventana de bienvenida que te pedirá confirmar el email que se te envió a tu correo. PAGINA - 56 -
  • 57. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES D.- Ingresa a tu correo electrónico y confirma tu cuenta de issuu: 1.- Da un clic sobre el enlace Join issuu para confirmar la cuenta. Aparecerá un nuevo mensaje de Bienvenida. E.- Cierra todas las ventanas y vuelve a ingresar a la página de issuu. Si ingresa directo a tu cuenta sube el documento (Paso 3). Si no sucede esto entonces ejecuta lo siguiente: 1.- Da un clic en el enlace Log in. Para poder ingresar. 4. Da un clic en el botón Browse. Y selecciona el documento a subir 3. Luego clic en el botón UPLOAD DOCUMENT para subir el primer documento. 2. Ingresa tu correo y password. Luego da un clic en el botón Log in. 5.- Completa sólo los datos: Title: Título del documento. Descriptions: Breve resumen Keywords: Palabras sobre el tema: Mínimo 2 separados por una coma. Type: Tipo de documento. Que son obligatorios. 6. Finalmente da un clic en el botón Upload file. PAGINA - 57 -
  • 58. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES F.- Ahora tendremos nuestro documento publicado. Pasaríamos a obtener su código embed para insertarlo en nuestro blog. NOTA.- Si deseas subir otro documento. 1.- Da un clic en Published y 2.- Da un clic en el menú More y aparecerá tu documento a la derecha. selecciona Get embed code. Debes seleccionarlo. Aparecerá la siguiente ventana, donde: 1.- Da un clic en el enlace Copy to clipboard para seleccionar y copiar los códigos HTML de la barra de texto (Embed code). PAGINA - 58 -
  • 59. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES2.- AGREGANDO LOS CODIGOS HTML EN EL EDITOR DE HTML DE UNA ENTRADA: A.- Crea una Nueva Entrada en tu Blog. B.- Trabajando en la ficha Redactar coloca el título del documento en la entrada: C.- Selecciona la ficha Edición de HTML de la entrada y pega ([Ctrl]+[V]) el código HTML text copiado. Quedará así: Cambia el Ancho y Alto de la presentación <object style="width:600;height:450"><param name="movie" del documento. Sigue las indicaciones que value="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf?mode=embed&a o se dan más abajo: “width:425;height:355” mp;documentId=090329014956- de acuerdo a tu plantilla. 0661c1d5da65491fa65ad74e5ee84ee7&amp;documentUsername=aldo2009&amp;documentNa me=como_crear_un_blog_con_blogger&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv% 2Flight%2Flayout.xml" /><param name="allowFullScreen" value="true" /><embed src="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf" type="application/x-shockwave-flash" allowFullScreen="true" style="width:600;height:450" flashvars="mode=embed&amp;documentId=090329014956- 0661c1d5da65491fa65ad74e5ee84ee7&amp;documentUsername=aldo2009&amp;documentNa me=como_crear_un_blog_con_blogger&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv% 2Flight%2Flayout.xml" /></object> OJO: Antes de publicar debes cambiar lo siguiente: Cámbialo por </embed> y listo. El código final quedará: …=aldo2009&amp;documentName=como_crear_un_blog_con_blogger&amp;layout=http%3A%2F% 2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml"></embed></object> D.- Finalmente Seleccione el botón PUBLICAR ENTRADA NOTA: Para modificar el tamaño de presentación debemos saber que: 1.- Los parámetros: width=" " : Establece el Ancho y height=" " : Establece el Alto Valores aproximados para los casos: Lugar donde ubicas el video valores EN UNA ENTRADA width="425" o Menos height="355" o Menos PANEL DERECHO – COMO width="210" A 225 ELEMENTO DE PÁGINA height="150" A 1653.- AGREGANDO LOS CODIGOS INSERTAR COMO ELEMENTO DE PÁGINA (HTML/Javascript) A.- Selecciona la ficha Diseño. B.- Selecciona el enlace Añadir un elemento de página (Añadir un gadget). C.- Da un clic en el elemento HTML/Javascript. D.- Digita el título: Título del documento. E.- Pega el código Insertar en el área CONTENIDO. F.- Modifica los valores de width y height por: width="210" height="150" D.- Seleccione el botón GUARDAR. E.- Finalmente Seleccione el enlace Ver blog de Elemento de página añadido. PAGINA - 59 -
  • 60. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES FICHA DE TRABAJO N° 8 PUBLICAR UN DOCUMENTO EN SCRIBD Y AGREGARLO A TU BLOGScribd es otra página que te permite Editar, Recopilar, Compartir y Publicar tus documentos en cualquierformato, aunque se recomienda que sean PDF. Tus documentos PDF se verán en una entrada o comoelemento en tu blog, de manera que los usuarios puedan leerlo o descargarlo. Sólo sigue los siguientespasos: 1.- REGISTRANDOTE EN LA PÁGINA DE SCRIBD Y PUBLICANDO TU DOCUMENTO: A.- Abre la siguiente página Web: www.scribd.com B.- Sigue los siguientes pasos. Nota: El botón Upload nos permitirá subir un documento más adelante. 1.- Completa los datos que nos solicitan en Sign Up: -Correo Electrónico: Uno por cuenta. -Contraseña. -Nombre. Para registrarnos. 2.- Ahora da un clic sobre el botón Sign Up. C.- Aparecerá la siguiente ventana donde podrás subir tu documento: 1.- Da un clic sobre el botón Clic to Choose Files. 3.- Edita el título de tu documento. 4.- Terminado da un clic en el botón Upload Docs. 2.- Aparecerá el cuadro para buscar el documento y abrirlo. PAGINA - 60 -
  • 61. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES D.- Aparecerá la siguiente pantalla en la que indica que el documento seleccionado está subiendo: E.- Cuando termine aparecerá la siguiente ventana donde podrás: 3.- Da un clic sobre el botón Save Changes. 1.- Completa los datos que te 2.- Ingresa un piden: Title, Type, Category breve resumen y Tags. del documento. F.- Cuando termine aparecerá la siguiente ventana donde te pedirá: 1.- Ingrese el correo electrónico que utilizó al principio. 3.- Aparecerá el siguiente mensaje, sólo da un clic en el botón Finish. 2.- Da un clic en el botón Send. PAGINA - 61 -
  • 62. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES G.- Cuando termine aparecerá la siguiente ventana donde obtendrás el código embed: 1.- Da un clic en el enlace Share y aparecerá una ventana. 2.- Da un clic en el botón Copy de la barra Embed Code. Con esto ya puedes pegar el código en tu blog.2.- AGREGANDO LOS CODIGOS INSERTAR EN EL EDITOR DE HTML DE UNA ENTRADA A.- Ingresa a la entrada donde vas a colocar el documento. B.- Selecciona la ficha Edición de HTML de la entrada y pega ([Ctrl]+[V]) los códigos.<a title="View Manual para elaborar un blog on Scribd" href="http://www.scribd.com/doc/14017068/Manual-para-elaborar-un-blog" NOTASstyle="margin: 12px auto 6px auto; font-family: Helvetica,Arial,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; display:autoevaluación N° 3 debe 1.- La block; text-decoration:underline;">Manual para elaborar un blog</a> ser presentado dentro de los tres <object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"id="doc_403183320880181" name="doc_403183320880181" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" align="middle" height="500" width="100%" > <param name="movie" value="http://d.scribd.com/ScribdViewer.swf?document_id=14017068&access_key=key-13l03g8yujrusxehp3f&page=1&version=1&viewMode="> <param name="quality" value="high"> <param name="play" value="true"> <param name="loop" value="true"> <paramname="scale" value="showall"> <param name="wmode" value="opaque"> <param name="devicefont"value="false"> <param name="bgcolor" value="#ffffff"> C.- Cambia el Alto y Ancho de la presentación <param name="menu" value="true"> <param name="allowFullScreen" value="true"> del documento: height:”500” width:”450” o de <param name="allowScriptAccess" value="always"> <param name="salign" value=""> <embed acuerdo a tu plantilla. Más información, mássrc="http://d.scribd.com/ScribdViewer.swf?document_id=14017068&access_key=key-13l03g8yujrusxehp3f&page=1&version=1&viewMode=" quality="high" abajo.pluginspage="http://www.macromedia.com/go/getflashplayer" play="true" loop="true" scale="showall" wmode="opaque"devicefont="false" bgcolor="#ffffff" name="doc_403183320880181_object" menu="true" allowfullscreen="true"allowscriptaccess="always" salign="" type="application/x-shockwave-flash" align="middle" height="500"width="100%"></embed> </object> <div style="margin: 6px auto 3px auto; font-family: Helvetica,Arial,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch:normal; -x-system-font: none; display: block;"> <a href="http://www.scribd.com/upload" style="text-decoration: underline;">Publish atScribd</a> or <a href="http://www.scribd.com/browse" style="text-decoration: underline;">explore</a> others: <a NOTA2: Puedes borrar todo el códigohref="http://www.scribd.com/browse/Books/Education" style="text-decoration: underline;">Education</a> <ahref="http://www.scribd.com/browse/Books/" style="text-decoration: underline;">Books</a> <div style….Hasta…</div> <ahref="http://www.scribd.com/tag/Blog" style="text-decoration: underline;">Blog</a> Para retirar mensajes incluidos. <a href="http://www.scribd.com/tag/Internet"style="text-decoration: underline;">Internet</a> </div> PAGINA - 62 -
  • 63. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES D.- Finalmente Selecciona el botón PUBLICAR ENTRADA NOTA: Para modificar el tamaño de presentación debemos saber que: 1.- Los parámetros: width=" " : Establece el Ancho y height=" " : Establece el Alto Valores aproximados para los casos: Lugar donde ubicas el video valores EN UNA ENTRADA width="425" o Menos height="355" o Menos PANEL DERECHO – COMO width="210" A 225 ELEMENTO DE PÁGINA height="150" A 1653.- AGREGANDO LOS CODIGOS INSERTAR COMO ELEMENTO DE PÁGINA (HTML/Javascript) A.- Selecciona la ficha Diseño. B.- Selecciona el enlace Añadir un elemento de página: (gadget), (Add a Page Element). C.- Da un clic en el botón o enlace HTML/Javascript. D.- Digita el título: Título del documento. E.- Pega el código Insertar en el área CONTENIDO. F.- Modifica los valores de width y height por: width="210" height="150" D.- Seleccione el botón GUARDAR. E.- Finalmente Seleccione el enlace Ver blog de Elemento de página añadido. PAGINA - 63 -
  • 64. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES FICHA DE TRABAJO N° 9AGREGAR UN CONTADOR DE USUARIOS A TU BLOG COMO ELEMENTO DE TU PÁGINA1.- REGISTRANDOTE EN LA PÁGINA DE FREELOGS: A.- Abre la siguiente página Web: www.freelogs.com B.- Sigue los siguientes pasos. 1.- Selecciona este enlace para empezar a registrarte. C.- Completa tus datos para registrarte: 3.- CONTEO.- De cuánto en cuánto 1.- NOMBRE.- Debe ser deseas que se diferente para cada contador. cuente las visitas. 2.- PASSSWORD.- 6 dígitos puede ser cualquiera.4.- Debes colocar unCorreo electrónicocualquiera. 5.-Colocar la dirección del6.- Seleccionar un Blog.Estilo de la Lista.Utilizar See Stylespara visualizar losmodelos. LuegoCerrar y ubicarlo 7.-Activar esta opción.por su nombre en lalista. 8.- Selecciona el botón Create Counter. PAGINA - 64 -
  • 65. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES D.- Aparecerá la siguiente pantalla, del cual debemos seleccionar y copiar los códigos que nos da de resultado: Seleccionar y Copiar Copiar: [Ctrl] + [C]2.- AGREGANDO LOS CODIGOS INSERTAR COMO ELEMENTO DE PÁGINA (HTML/Javascript) A.- Selecciona la ficha Diseño. B.- Selecciona el enlace Añadir un elemento de página (Añadir un gadget). En la ubicación que desees. C.- Da un clic en el elemento HTML/Javascript. D.- Digita el título: VISITAS A MI BLOG. E.- Pega el código Insertar en el área CONTENIDO. F.- Seleccione el botón GUARDAR. G.- Finalmente Seleccione el enlace Ver blog de Elemento de página añadido. PAGINA - 65 -
  • 66. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES FICHA DE TRABAJO N° 10 CRANDO TABLAS Y PREGUNTAS DE OPCIONES MÚLTIPLES EN TU BLOG¿Cómo se crea una tabla?Para crear las tablas será necesario usar la etiqueta: TABLE, que significa, en inglés, tabla. Esta etiqueta consta de instrucción deinicio, <TABLE BORDER="1">, e instrucción de fin, </TABLE>. Entre ambas debemos introducir otras tres etiquetas, quedefinirán la estructura de la tabla. Estas etiquetas son:• TR: La etiqueta Table Row nos permitirá insertar filas en la tabla. La tabla tendrá tantas filas como apariciones de esta etiquetahaya entre <TABLE BORDER="1"> y </TABLE>. La instrucción de inicio de TR, <TR>, marca el comienzo de la línea, lainstrucción de fin, </TR>, marca su final.• TD: La etiqueta Table Data (Datos de tabla), nos permite insertar columnas en una fila de la tabla. El comienzo de la instrucciónviene dado por, <TD> y finaliza con la instrucción de fin, </TD>. En general entre el comienzo y el fin se inserta texto quequeramos, pero también podemos insertar cualquier elemento de HTML: imágenes, listas, e incluso otras tablas.Ejemplo 1: Para empezar crearemos una tabla sencilla de dos filas y dos columnas.1. En primer lugar ponemos la instrucción de inicio y fin de la etiqueta TABLE dejando una línea entre ellas para insertarposteriormente el resto de etiquetas:<TABLE BORDER="1">...Otras etiquetas...</TABLE>2. A continuación insertamos las filas. La tabla que nos hemos propuesto crear consta de dos filas. Por tanto debemos usar laetiqueta TR dos veces. Lo que insertemos en la primera (entre la instrucción de inicio y la instrucción de fin) será el contenido dela primera fila y lo que insertemos en la segunda será el contenido de la segunda fila:<TABLE BORDER="1"><TR> </TR> <TR> </TR></TABLE>3. El tercer paso será definir el contenido de cada fila. Como nos habíamos propuesto que la tabla tuviese dos columnas en cadafila debemos insertar dos celdas en cada una. Para crear una celda debemos usar la etiqueta TD. Entre la instrucción de inicio y lainstrucción de fin de ésta etiqueta será donde insertaremos el contenido de la celda.<TR><TD> Columna1 </TD> <TD> Columna2 </TD></TR>4. El cuarto paso es ponerlo todo junto, repitiendo el código anterior para cada fila. El código final de la tabla será: <TABLE BORDER="1"> <TR> <TD> Fila1,Columna1 </TD> <TD> Fila1,Columna2 </TD> </TR> <TR> <TD> Fila2,Columna1 </TD> <TD> Fila2,Columna2 </TD> </TR> </TABLE> PAGINA - 66 -
  • 67. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALESEjemplo 2: Crearemos una tabla de una fila tres columnas. <TABLE BORDER="2"> <TR> <TD> Fila1,Columna1 </TD> <TD> Fila1,Columna2 </TD> <TD> Fila1,Columna3 </TD> </TR> </TABLE>Como hemos podido comprobar, esta tabla se va creando por filas, y dentro de cada fila se insertan las celdas, cada una de lascuales aparecerán en una columna. Celdas que abarcan varias filas o columnasEs hora ya de comenzar con dos de los atributos más interesantes en la creación de tablas: ROWSPAN y COLSPAN. Gracias aestos atributos podremos crear tablas mucho más complejas y que se adapten a nuestras necesidades. Estos dos atributos sirventanto para las celdas normales, TD, como para las celdas encabezado, TH, y su función será extender una fila (ROWSPAN) o unacolumna (COLSPAN) para que ocupen el tamaño de varias. Para comprender el significado del concepto extender lo mejor es verun ejemplo: <TABLE BORDER="3"> <TR> <TH COLSPAN="2"> Celda de dos columnas </TH> </TR> <TR> <TD ROWSPAN="2"> Celda de dos filas </TD> <TD> Fila2,Columna2 </TD> </TR> <TR> <TD> Fila3,Columna2 </TD> </TR> </TABLE> Notas • TH: La etiqueta Table Header, encabezado de tabla. Al igual que la etiqueta TD el comienzo del encabezado viene dado por la instrucción de inicio, <TH> y finaliza con la instrucción de fin, </TH>. En general entre el comienzo y el fin se suele insertar texto, que será mostrado resaltado y centrado. • En los ejemplos escribimos en líneas separadas y las etiquetas en diferente color para que nos facilite su lectura. Pero podemos escribir el código en una sola línea y también funcionaría. • El atributo BORDER, que significa borde en inglés. puede tomar un valor en pixeles que representa el grosor del borde a mostrar, presentándose los casos: - A mayor valor mayor grosor del borde de la tabla. - Si incluimos BORDER sin ningún valor es equivalente a BORDER=”1”. - Si no incluimos BORDER la tabla no presentará bordes. PAGINA - 67 -
  • 68. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES 1.- CREANDO TABLAS EN EL EDITOR DE HTML DE UNA ENTRADA A.- Crea o Ingresa a la entrada donde vas a crear la tabla. B.- Selecciona la ficha Edición de HTML de la entrada y desarrolla los siguientes pasos: Para nuestro caso crearemos las tres tablas de los ejemplos: EJEMPLO 1: 1.- Digita los códigos <TABLE BORDER="1"> <TR><TD>Fila1,Columna1</TD><TD>Fila1,Columna2</TD></TR> de la tabla a crear. <TR><TD>Fila2,Columna1</TD><TD>Fila2,Columna2</TD></TR> </TABLE> NOTA: EJEMPLO 2: Los títulos externos a la <TABLE BORDER="2"> <TR><TD>Fila1,Columna1</TD><TD>Fila1,Columna2</TD><TD>Fila1,Columna3</TD></TR> tabla pueden digitarse en </TABLE> la ficha Redactar y luego EJEMPLO 3: volver a Edición de <TABLE BORDER="3"> HTML. <TR><TH COLSPAN="2">Celda de dos columnas</TH></TR> <TR><TD ROWSPAN="2">Celda de dos filas</TD><TD>Fila2,Columna2</TD></TR> <TR><TD>Fila3,Columna2</TD></TR> </TABLE> 3.- Publica la entrada y visualízalo en una ventana nueva. EJEMPLO 1: NOTAS FINALES: 2.- En la ficha Redactar Verificar la correcta 1.-Digitar los códigos lo más EJEMPLO 2: presentación de las ordenadamente posible para que tablas creadas. las celdas salgan ordenados. EJEMPLO 3: NOTA: 2.- El lenguaje HTML agregará Puedo elaborar cambios a algunos códigos por defecto que los contenidos antes de no es necesario que los digites. publicar. 2.- CREANDO OPCIONES MÚLTIPLES EN EL EDITOR DE HTML DE UNA ENTRADA PAGINA - 68 -
  • 69. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALESSi deseas colocar en tu Blog preguntas de opciones múltiples, que al elegir una te salga un mensaje, comoen el siguiente ejemplo: CÓDIGOS PARA MENSAJES: OPCIÓN CORRECTA <input name="q1" onclick="alert(Correcto.n Es, un buen comienzo!)" type="radio" /> TEXTO OPCION INCORRECTA <input name="q1" onclick="alert(Incorrecto.nIntenta Mejorar!)" type="radio" /> TEXTO Tenemos para nuestro ejemplo: DESARROLLADO SERÍA: 1.- Claves ordenadas, así que debemos usar tabla (1x4), en este caso sin bordes. 2.- Opción Correcta B) 45 <TABLE> <tr> <td><input name="q1" onclick="alert(Incorrecto.nIntenta Mejorar!)" type="radio" /> A)40</td> <td><input name="q1" onclick="alert(Correcto.n Es, un buen comienzo!)" type="radio" /> B)45</td> <td><input name="q1" onclick="alert(Incorrecto!n Acepta y prueba nuevamente.)" type="radio" /> C)41</td> <td><input name="q1" onclick="alert(Incorrecto.nIntenta Mejorar!)" type="radio" /> D) 43</td> </tr> </TABLE> Empecemos: A.- Crea o Ingresa a la entrada donde vas a crear la Opción Múltiple. B.- Selecciona la ficha Redactar y digita el Encabezado de la pregunta. C.- Selecciona la ficha Edición de HTML y desarrolla los siguientes pasos: La suma de cuatro números consecutivos es 90. Halla la suma del mayor y el menor. <TABLE> <tr> <td><input name="q1" onclick="alert(Incorrecto.nIntenta Mejorar!)" type="radio" /> A)40</td> <td><input name="q1" onclick="alert(Correcto.n Es, un buen comienzo!)" type="radio" /> B)45</td> <td><input name="q1" onclick="alert(Incorrecto!n Acepta y prueba nuevamente.)" type="radio" /> 1.- Digita los códigos C)41</td> de las opciones. <td><input name="q1" onclick="alert(Incorrecto.nIntenta Mejorar!)" type="radio" /> D) 43</td> </tr> NOTA: </TABLE> Los títulos externos a la tabla pueden digitarse en la ficha Redactar y luego volver a Edición de HTML. PAGINA - 69 -
  • 70. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES 3.- Publica la entrada de tu Blog y al elegir una opción saldrá un mensaje: NOTA: Puedo colocar otras frases sólo cambiándolo en la ficha Edición de HTML. 2.- En la ficha Redactar Verificar la correcta presentación. NOTA: Puedo elaborar cambios a los contenidos antes de publicar. PAGINA - 70 -
  • 71. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES AUTOEVALUACION N° 3 – ¿Qué has aprendido? I.- VOCABULARIO: Define los siguientes términos informáticos: 1.-E-mail 4.-HTML 2.-Chat 5.-MP3 3.-Sonido MID 6.-WWWII.- CUESTIONARIO: Desarrolla las siguientes preguntas:1.- ¿Qué otros usos educativos le puedes dar a un Blog?2.- Bosqueja un pequeño proyecto sobre la aplicación de los Blog en tus Clases. PROYECTO – ¿Qué harías con lo aprendido? CULMINACIÓN DEL PROYECTO – LIBRO ELECTRÓNICO1.- Agrégale a tu Blog: Sonido de Fondo, puedes utilizar el que más te agrade.2.- Agrégale un Panel de Mensajes con CBOX para las Auto evaluaciones, colocándole las preguntasrequeridas. Con este avance se culminará la evaluación del proyecto.3.- Otros cambios y mejoras queda a tu creatividad, las cuales realzarán la presentación y el contenido de tuLibro Electrónico. CONCLUSIONESY POTENCIALIDADES EDUCATIVAS PAGINA - 71 -
  • 72. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES1.- Hay muchas Páginas Web que te brindan el servicio gratuito para crear tu Blog. Elegimos el servicio deBlogger para crear libros electrónicos porque nuestra experiencia desde el año 2006 ha sido un trabajo enuna interfaz cada día más fácil de utilizar y la posibilidad de modificar las plantillas además de ser unservicio gratuito con una publicación y actualización en tiempo real.2.- Una vez que se domina el manejo de esta herramienta, podemos aplicarlo para elaborar una gama muyamplia de materiales educativos, experiencias que podemos asegurar y demostrar. Contamos con lassiguientes experiencias de los Blogs aplicados en la educación: 2.1.- LIBROS ELECTRÓNICOSEsta experiencia la estamos implementando la cual a sido pensada para elaborar textos tanto por parte de losdocentes como también por los alumnos. Abre la posibilidad de poder producir material de consulta y enlínea.EJEMPLO: El modelo del que trata el presente manual es el siguiente: www.cuentos-suizo.blogspot.com/ 2.2.- ELABORAR UNA CLASE VIRTUAL.-Utilizando la técnica “La caza de tesoros” podemos elaborar Blogs que permitan hacer un uso orientado ypositivo de las bondades del Internet. Veamos un ejemplo: RECICLAJEÁrea: Ciencias Sociales Nivel: Secundaria INTRODUCCIÓN En el mundo actual, el nivel de desarrollo de un país se mide por la cantidad de residuos que produce. Pero no es menos cierto que su grado de cultura y desarrollo cívico es función del nivel de reciclado de estos residuos que genera. Estamos a tiempo para concienciarnos del impacto medioambiental que producen nuestras basuras. Esta actividad puede ser interesante y en ella puedes encontrar información y orientación en este sentido. PREGUNTAS 1.- ¿Cual es la materia prima para la fabricación papel? 2.- ¿Por qué crees que es necesario reciclar el papel? 3.- Crees que es mas ecológico utilizar el papel blanco o sin blanquear. Justifica la respuesta. 4.- ¿Qué significa en el argot medioambiental: las 3R? 5.- Seguro que al revisar las páginas recomendadas encontrarás alguna actividad interesante para realizar en el laboratorio. Prepara el guión. RECURSOS página 1 http://www.iespana.es/natureduca/activ_reciclaje_papel.htm página 2 http://www.redcicla.com/index.htm página 3 http://alternativa-joven.org/extrenatura/sub4/rrr.html LA GRAN Vamos a probar tu idea sobre el reciclado: ¿Qué porcentaje de la basura PREGUNTA doméstica crees que se puede reciclar?... (piénsalo y contesta)...Ahora busca en la página 2 y comprueba. PAGINA - 72 -
  • 73. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES EVALUACIÓN Se valorará la precisión en la respuesta, la justificación en aquellas que lo necesiten, la redacción clara y escrita atendiendo a las reglas gramaticales y ortográficas.EJEMPLO: Un modelo la tenemos en el siguiente: http://energiasuizo.blogspot.com/ 2.3.- CLASES VIRTUALES DE HISTORIA UTILIZANDO VIDEOS DE YOUTUBE.-Si bien la mayoría de docentes tenemos una desconfianza de los vídeos que encontramos en YouTube, nopodemos negar que es una página a la que acceden la gran mayoría de nuestros estudiantes. Por ellodebemos explotarlo de modo orientando y seleccionando los materiales positivos de esa página.La facilidad con que se insertan y manipulan los vídeos hace que podamos utilizar con mucho valor esteservicio:EJEMPLO: www.aniversuizo.blogspot.com 2.4.- PERIODICOS ESCOLARES ELECTRÓNICOS.-Herramienta que explotan los docentes de comunicación para que los alumnos puedan publicar noticiaslocales, regionales, nacionales e internacionales. Poniendo en práctica sus opiniones y creatividad sobre larealidad. 2.5.- MÓDULOS 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 año escolar satisfactoriamente. 2.6.- TRABAJAR EN REDES EDUCATIVAS.-A través de esta herramienta todos los trabajos de las Instituciones Educativas pueden integrarse yactualizarse en tiempo real, de esa forma se están comunicando los avances en los diferentes programas quese desarrollan.EJEMPLO: http://promotoresescolares7084.blogspot.com/ 2.7.- PRODUCCION Y PUBLICACIÓN DE TRABAJOS DE INVESTIGACIÓN DE LOS DOCENTES.- 2.8.- DIFUNDIR LOS AVANCES PROPIOS DE CADA INSTITUCIÓN.-EJEMPLO: www.aniversuizo.blogspot.com PAGINA - 73 -
  • 74. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES ANEXOAntes de ingresar a elaborar su Blog todo participante debe desarrollar por escrito el contenido, para ello debemosutilizar las fichas de práctica: FICHA DE PRÁCTICA Nº 1 Título : Blog [Descripción] Sábado de Octubre de 2010 Título Archivos del blog : Entrada 2010 ( ) Octubre ( ) Datos personales Posted by _ _ _ _ @ 9:15 AM Ver todo mi perfil Sábado de Octubre de 2010 Título : Entrada Posted by _ _ _ _ @ 10:15 AM PAGINA - 74 -
  • 75. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES FICHA DE PRÁCTICA Nº 2 ELABORANDO UNA ENTRADA A TU BLOG APLICANDO FORMATOS1.- Ingresa a la página de Blogger2.- Ingresa a tu Blog con tu Nombre de usuario y Contraseña para agregar la siguiente Entrada Título HISTORIA DEL CUSCO Entrada : FUNDACION INCAICA Dos leyendas indígenas atribuyen su fundación a su primer jefe de estado, un personaje legendario llamado Manco Cápac, junto a su hermana y consorte Mama Ocllo. En ambas se afirma que el lugar fue revelado por el dios sol (Inti) a los fundadores después de una peregrinación iniciada al sur del Valle Sagrado de los Incas en busca del lugar exacto. Por datos arqueológicos y antropológicos se ha ido estudiando el verdadero proceso de la ocupación del Cusco. El consenso apunta a que, debido al colapso del reino de Taypiqala se produjo la migración de su pueblo. Este grupo de cerca de 500 hombres se habría establecido paulatinamente en el valle del río Huatanay, proceso que culminaría con la fundación del Cuzco. Se desconoce la fecha aproximada pero gracias a vestigios se acuerda que el emplazamiento donde se ubica la ciudad ya se encontraba habitado hace 3000 años. Sin embargo, considerando únicamente su emplazamiento como capital del Imperio inca (mediados del siglo XIII) el Cuzco aparece como la ciudad habitada más antigua de toda América. • Municipalidad del cusco • Diario del cusco3.- Sigue las siguientes indicaciones: A.- Ingresa el Título de la Entrada: HISTORIA DEL CUSCO B.- Agrega las Imagenes a tu entrada: B.1.- Una imagen está ubicado en: Escritorio y la otra agrégalo de Internet (Google-HISTORIA DEL CUSCO)C.- Formato del contenido: C.1.- Formato del Título del contenido: Tipo de Texto: Verdana C.3.- Formato de Párrafos con viñetas: Tamaño de Texto: Grande Tipo de Texto: Lucida Grande Atributos: Negrita y Cursiva Tamaño de Texto: Grande Color: Azul Atributos: Negrita Alineación: Centrada Color: Naranja C.2.- Formato de Primer y segundo Alineación: Centrada Párrafos: Tipo de Texto: Courier Enlaces: Tamaño de Texto: Normal Municipalidad del cusco: Atributos: Sin atributos www.municusco.gob.pe Color: Rojo Diario del cusco: Alineación: Justificada www.diariodelcusco.com PAGINA - 75 -
  • 76. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES FICHA DE PRÁCTICA N° 3ELABORANDO UNA NUEVA ENTRADA A TU BLOG, APLICANDO FORMATOS E IMAGEN DESDE LA WEB Y CAMBIANDO SU UBICACION1.- Ingresa a la página de Blogger e Ingresa a tu Blog para agregar la siguiente Entrada Título : FUNDACION ESPAÑOLA DEL CUSCO Entrada Los conquistadores españoles supieron desde su llegada a lo que es hoy territorio peruano, que su meta era tomar la ciudad del Cusco, capital del imperio. Luego de capturar al inca Atahualpa en Cajamarca, iniciaron su marcha hacia el Cusco. En el camino fundaron algunas ciudades como enlace entre la capital del Imperio y la pionera ciudad de San Miguel de Tangarará. El 15 de noviembre de 1533, Francisco Pizarro fundó la ciudad del Cusco, estableciendo como Plaza de Armas la locación que aún mantiene la ciudad moderna y que era también la plaza principal durante el incanato y que se encontraba rodeada de los palacios de quienes fueron los soberanos incas. En el solar que da al norte se inició la construcción de la catedral. Pizarro otorgó al Cuzco la denominación de Cusco, Ciudad Noble y Grande el 23 de marzo de 1534. • Historia del Cusco en WIKIPEDIA • Guía del Cusco Posted by _ _ _ _ @ 4:15 PM3.- Sigue las siguientes indicaciones para el Formato: A.- Ingresa el Título de la Entrada: FUNDACION ESPAÑOLA DEL CUSCO B.- Agrega la Imagen a tu entrada: B.1.- La imagen esta ubicado en: Google/Imágenes – Francisco Pizarro B.2.- Formato de Imagen: Diseño: Derecha - Tamaño: Pequeña C.- Formato del contenido: C.2.- Formato de Párrafos con viñetas: Tipo de Texto: Lucida Grande C.1.- Formato de Primer y segundo Párrafos: Tamaño de Texto: Grandes Tipo de Texto: Times Atributos: Negrita Tamaño de Texto: Normal Color: Azul Color: Azul Alineación: Centrada Alineación: Justificada D.- Vínculos para las dos últimas líneas: Página de historia del Cusco en WIKIPEDIA http://es.wikipedia.org/wiki/Cusco Página de Guía del Cusco http://guiadelcusco.perucultural.org.pe/his.htm4.- Ubica esta entrada al final de tu blog: - Visualiza y anota las fechas de creación de tus entradas. - Editar entradas/Editar/Opciones de entrada – Cambia la fecha. PAGINA - 76 -
  • 77. INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES BIBLIOGRAFÍA CONSULTADAPáginas 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.php PAGINA - 77 -