Beruflich Dokumente
Kultur Dokumente
www.cuentos-suizo.blogspot.com
INTRODUCCIÓN
¿QUÉ ES UN BLOG?
Un Blog puede definirse de forma sencilla como un sitio Web donde el usuario puede hacer
publicaciones diarias, con un orden cronológico de archivos, sobre cualquier tema: Un diario personal,
Un espacio de colaboración, Una fuente de noticias impactantes, Una colección de vínculos, etc.
Además de tener la posibilidad de insertar un sistema de comentarios para que los lectores puedan
participar.
PAGINA - 2 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
CAPíTULO I
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 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
2.- Contraseña:
Como mínimo 8 caracteres y segura.
Para que no se te olvide, Anótalo
aquí: _____________________
PAGINA - 4 -
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
de verificación de manera gratuita te proporcionen un código:
980216582
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.
PAGINA - 5 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
2.- Ahora da un
Clic en Continuar.
PAGINA - 6 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
PAGINA - 7 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
PAGINA - 8 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
Esta pantalla es importante para continuar trabajando: Ver tu Blog, Crear otra entrada, Editar la última entrada
o cualquiera.
PAGINA - 9 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
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.
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 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
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.
PAGINA - 11 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
2.- Escoge la temática del Libro Electrónico a crear: Personal, Familiar, Laboral, Profesional,
Informativo, etc. Les recomiendo que sea del área en el que trabajan.
3.- Elabora el borrador de tu Libro Electrónico en hojas, escribiendo una entrada por Blog, con las
imágenes que colocarás. La cual presentará las siguientes secciones:
4.- Inicia la Creación de tu cuenta en Blogger y elabora la entrada de la presentación pon en práctica tu
creatividad.
PAGINA - 12 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
CAPíTULO II
EDITAR TU PERFIL Y ADMINISTRAR OPCIONES Y DISEÑOS DE TU BLOG
Blogger establece tu perfil con los datos que ingresaste. Pero, puedes editar este perfil modificando tus
datos personales e incluso agregarle una fotografía; también se puede modificar el Título de tu Blog así
como agregarle una descripción. Veamos:
NOTA1: Si trabajas
en una PC propia 2.- Ingresa tu Contraseña:
activa esta opción Anotado en Página 4.
para que ingrese
directo a tu cuenta.
3.- Da un Clic en el
botón ACCEDER.
NOTA2: Si te direcciona a la ventana Google
cuentas ubica y selecciona el enlace Blogger
para empezar.
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 de
nueva entrada a tu Blog. AdSense ganarás dinero gracias a los anuncios HTML, Diseñador de Plantillas.
orientados que se colocan en tu blog.
PAGINA - 13 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
NOTA: Para agregar una Foto o Imagen a tu perfil, tenemos dos casos:
1.- Podemos subirlo desde tu equipo o
2.- Desde la Web.- Ello implica que tu foto debe tener una dirección URL en Internet.
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:
PAGINA - 14 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
Continúa…
NOTA: Veamos los casos para subir una foto o imagen a tu perfil:
http://bp3.blogger.com/_2HCcfuntMz8/RZ1cxdaTsJ
Continúa…
PAGINA - 15 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
4.- Aparecerá el siguiente mensaje donde debes seleccionar la opción Volver a: Escritorio.
5.- Retornarás al Panel Escritorio de Blogger donde podrás ver la foto del perfil y también
ver tu Blog:
PAGINA - 16 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
Aquí
PAGINA - 17 -
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.
Mensaje
2.- Aparecerá un mensaje que me indica que los cambios se han guardado:
PAGINA - 18 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
3.- Aparecerá el mensaje que indica que los cambios se han guardado.
PAGINA - 19 -
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:
PAGINA - 20 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
La ficha Diseño de Blogger facilita a los usuarios la personalización del diseño de su Blog con
pocos conocimientos técnicos o ninguno. Cambios como: Añadir, eliminar y organizar Elementos de la
Página, Modificar las fuentes y colores, Edición de HTML y Seleccionar una plantilla nueva para tu
Blog son fáciles de realizar. Para iniciar debes seguir los siguientes pasos:
3.1.- EDITAR ELEMENTOS DE LA PÁGINA.
1.- Abre BLOGGER e ingresa con tu Nombre de Usuario y Contraseña.
2.- Selecciona el enlace Diseño del Panel Escritorio.
Aquí
3.-Aparecerá la siguiente pantalla con la ficha Diseño superpuesta, los cambios lo trabajarás en
el enlace Elementos de la página. Que se explican en la siguiente página:
3.1
3.2
3.4
3.5
3.7
3.3
PAGINA - 21 -
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:
PAGINA - 22 -
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.
PAGINA - 23 -
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.
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 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
ACTIVIDAD 2.- Elimina el elemento Seguidores de tu blog. Para ello edita el elemento.
Da un clic sobre la
imagen o título del
elemento.
PAGINA - 25 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
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.
A.- Añadir una Lista de vínculos.- Para añadir una lista de vínculos debes tener
en cuenta lo siguiente:
1.- Lo más recomendable es hacerlo en la Zona de vínculos secundaria.
2.- Debes contar con una lista de direcciones de páginas Web. Ejemplo:
-MINISTERIO DE EDUCACION: www.minedu.gob.pe
-INSTITUTO DE PEDAGOGIA POPULAR: www.ipp-peru.com
-CONOCIENDO AL PERU: www.perucultura.org.pe
-SOFTWARE EDUCATIVO: www.internenes.com
Luego ejecuta lo siguiente:
PAGINA - 26 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
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 -
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:
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.
Aquí
PAGINA - 28 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
3.-Aplique
los cambios.
PAGINA - 29 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
B.- Otros colores que puedes cambiar en los elementos de tu blog son:
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.
5.-Aplique
los cambios.
PAGINA - 30 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
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.
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.
PAGINA - 31 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
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.
B.- Seleccionar una plantilla de diseño antigua (2006), pero estas plantillas anulan
muchas de las funciones nuevas.
PAGINA - 32 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
3.-Guarda la Plantilla
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 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
2.- Modifica tu Perfil, si deseas escanea tu foto para colocarlo en el perfil de tu Blog.
3.- Añade una lista de vínculos, que llevará de título ÍNDICE, a cada blog. Para enlazarlos con las
Blogs creados para cada página del libro electrónico. Utiliza las direcciones URL anotados en 1.
4.- Puedes cambiar de plantilla si lo deseas.
5.- Aplica el formato que desees a los Blogs: Color de fondo, Tamaño y color de fuente, Los tamaños y
posiciones de las imágenes agregadas, etc.
6.- Entra a la ficha Diseño y selecciona el enlace Editar del elemento de página Entradas del blog y
desactiva todas las opciones. Esto es para que quitar estos datos de tu Blog.
7.- En la misma ficha Diseño selecciona el enlace Editar del elemento de página Archivo del blog y
Elimínalo.
PAGINA - 34 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
CAPíTULO III
OPCIONES AVANZADAS
Hasta este momento tu Blog se presenta atractivo. Pero ahora quizá desees personalizarlo de modo
avanzado: Incluir otros formatos, Agregarle un sonido de fondo, 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ódigos
HTML de servicios que algunas páginas permiten de modo gratuito.
Existen otros servicios gratuitos que podrás ir descubriendo con la experiencia. Empecemos esta parte de
manera práctica, con las fichas de trabajo que a continuación colocamos, sólo con algunos servicios, el resto
queda para que investigues.
PAGINA - 35 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
FICHA DE TRABAJO N° 1
AGREGÁNDOLE UN SONIDO DE FONDO A TU BLOG COMO ELEMENTO DE
PÁGINA
1.- OBTENIENDO DIRECCIONES URL DE SONIDOS MIDI:
A.- Abre la siguiente página Web: www.culturageneral.net
B.- 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:
PAGINA - 36 -
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>
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.
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 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
FICHA DE TRABAJO N° 2
AGREGAR UN PANEL DE MENSAJES DE CBOX A UNA ENTRADA DE TU
BLOG Y COMO ELEMENTO DE TU PÁGINA
1.- OBTENIENDO LOS CODIGOS INSERTAR DEL PANEL EN LA PÁGINA DE CBOX:
A.- Abre la siguiente página Web: www.cbox.ws
B.- Sigue los siguientes pasos. Recuerda que debes contar con una cuenta de correo electrónico.
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.
PAGINA - 38 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
D.- Aparecerá la siguiente pantalla, donde ingresarás con tu nombre de usuario y contraseña:
2.- Selecciona y
copia los códigos de
la barra.
PAGINA - 39 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
D.- Finalmente Selecciona el botón PUBLICAR ENTRADA y visualiza tu Blog en una
ventana nueva.
PAGINA - 40 -
PROYECTO: LIBROS ELECTRÓNICOS LIC. ALDO VEGA ROSALES
FICHA DE TRABAJO N° 3
PAGINA - 41 -
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.
D.- Finalmente Seleccione el botón PUBLICAR ENTRADA y visualiza tu Blog en una ventana
nueva.
PAGINA - 42 -
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ÁGINA
Este 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:
3.-Finalmente Selecciona el
botón I accept.
PAGINA - 43 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
B.- En la siguiente ventana continúa:
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.
PAGINA - 44 -
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.
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.
PAGINA - 45 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
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:
3.-Finalmente Selecciona el
botón Send.
PAGINA - 46 -
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:
PAGINA - 47 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
D.- Finalmente Seleccione el botón PUBLICAR ENTRADA y visualiza tu Blog en una ventana
nueva.
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 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
FICHA DE TRABAJO N° 5
PONER UN SLIDE SHOW EN TU BLOG
1.- REGISTRANDONOS Y EMPEZANDO A CREAR NUESTRO SLIDE SHOW:
A.- Abre la siguiente 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
PAGINA - 49 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
B.- Luego podemos reordenar las imágenes arrastrándolos y ponerle una leyenda desarrollando:
C.- Guardamos el SLIDE SHOW, agregándole un título, para obtener el código HTML.
PAGINA - 50 -
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:
NOTA: Si deseas quitar los anuncios del Slide Show para ahorrar espacio. Esto es muy fácil. Con mucho
cuidado borra todos los códigos y quédate sólo con las líneas:
PAGINA - 51 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
FICHA DE TRABAJO Nº 6
COLOCANDO DOCUMENTOS PARA DESCARGAR DE TU BLOG
Box es otra página que te permite Colgar y Compartir en la red tus documentos en cualquier formato,
aunque se recomienda que sean PDF. Tus documentos serán fácilmente descargados por los usuarios, se
colocan en una entrada o como elemento en tu blog. Sólo sigue los siguientes pasos:
1.- REGISTRANDOTE EN LA PÁGINA DE BOX Y PUBLICANDO TU DOCUMENTO:
A.- Abre la siguiente página Web: www.box.net NOTA.- Para ingresar a tu cuenta las
B.- Sigue los siguientes pasos. siguientes veces con tu correo y Password.
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:
PAGINA - 52 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
D.- Aparecerá la siguiente pantalla donde debemos reconocer las siguientes herramientas:
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 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
<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>
PAGINA - 54 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
PAGINA - 55 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
FICHA DE TRABAJO N° 7
PUBLICAR UN DOCUMENTO EN ISSUU Y AGREGARLO A TU BLOG
Issuu es una página que te permite Editar, Recopilar, Compartir y Publicar tus documentos en un formato
interactivo. Tus documentos PDF se verán en una entrada o como elemento en tu blog, de manera que los
usuarios puedan leerlo o descargarlo, esto es bastante dinámico y sencillo. Sólo sigue los siguientes pasos:
1.- REGISTRANDONOS EN LA PÁGINA DE ISSUU Y PUBLICANDO TU DOCUMENTO:
A.- Abre la siguiente página Web: www.issuu.com
B.- Sigue los siguientes pasos.
NOTA: Recuerda que debes contar con una cuenta de correo electrónico.
C.- Seguidamente completa los siguientes datos que se te piden y anota aparte el password para
que no se te olvide.
PAGINA - 56 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
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.
6. Finalmente da un clic en
el botón Upload file.
PAGINA - 57 -
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.
PAGINA - 58 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
2.- AGREGANDO LOS CODIGOS HTML EN EL EDITOR DE HTML DE UNA ENTRADA:
A.- Crea una Nueva Entrada en tu Blog.
B.- Trabajando en la ficha Redactar coloca el 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í:
OJO:
Antes de publicar debes cambiar lo siguiente:
Cámbialo por </embed> y listo.
El código final quedará:
…=aldo2009&documentName=como_crear_un_blog_con_blogger&layout=http%3A%2F%
2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml"></embed></object>
PAGINA - 59 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
FICHA DE TRABAJO N° 8
PUBLICAR UN DOCUMENTO EN SCRIBD Y AGREGARLO A TU BLOG
Scribd es otra página que te permite Editar, Recopilar, Compartir y Publicar tus documentos en cualquier
formato, aunque se recomienda que sean PDF. Tus documentos PDF se verán en una entrada o como
elemento en tu blog, de manera que los usuarios puedan leerlo o descargarlo. Sólo sigue los siguientes
pasos:
1.- REGISTRANDOTE EN LA PÁGINA DE SCRIBD Y PUBLICANDO TU DOCUMENTO:
A.- Abre la siguiente página Web: www.scribd.com
B.- Sigue los siguientes pasos.
4.- Terminado
da un clic en el
botón Upload
Docs.
PAGINA - 60 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
D.- Aparecerá la siguiente pantalla en la que indica que el documento seleccionado está subiendo:
3.- Da un clic
sobre el botón
Save Changes.
PAGINA - 61 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
G.- Cuando termine aparecerá la siguiente ventana donde obtendrás el código embed:
PAGINA - 62 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
D.- Finalmente Selecciona el botón PUBLICAR ENTRADA
PAGINA - 63 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
FICHA DE TRABAJO N° 9
AGREGAR UN CONTADOR DE USUARIOS A TU BLOG COMO ELEMENTO DE
TU PÁGINA
1.- REGISTRANDOTE EN LA PÁGINA DE FREELOGS:
A.- Abre la siguiente página Web: www.freelogs.com
B.- Sigue los siguientes pasos.
3.- CONTEO.- De
cuánto en cuánto 1.- NOMBRE.- Debe ser
deseas que se diferente para cada contador.
cuente las visitas.
PAGINA - 64 -
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]
PAGINA - 65 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
FICHA DE TRABAJO N° 10
• TR: La etiqueta Table Row nos permitirá insertar filas en la tabla. La tabla tendrá tantas filas como apariciones de esta etiqueta
haya entre <TABLE BORDER="1"> y </TABLE>. La instrucción de inicio de TR, <TR>, marca el comienzo de la línea, la
instrucció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ón
viene dado por, <TD> y finaliza con la instrucción de fin, </TD>. En general entre el comienzo y el fin se inserta texto que
queramos, 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 insertar
posteriormente 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 la
etiqueta TR dos veces. Lo que insertemos en la primera (entre la instrucción de inicio y la instrucción de fin) será el contenido de
la primera fila y lo que insertemos en la segunda será el contenido de la segunda fila:
<TABLE BORDER="1">
<TR> </TR> <TR> </TR>
</TABLE>
3. El tercer paso será definir el contenido de cada fila. Como nos habíamos propuesto que la tabla tuviese dos columnas en cada
fila debemos insertar dos celdas en cada una. Para crear una celda debemos usar la etiqueta TD. Entre la instrucción de inicio y la
instrucció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 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
<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 las
cuales aparecerán en una columna.
<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 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
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"> tabla pueden digitarse en
<TR><TD>Fila1,Columna1</TD><TD>Fila1,Columna2</TD><TD>Fila1,Columna3</TD></TR> la ficha Redactar y luego
</TABLE> volver a Edición de
EJEMPLO 3: HTML.
<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>
EJEMPLO 1:
PAGINA - 68 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
Si deseas colocar en tu Blog preguntas de opciones múltiples, que al elegir una te salga un mensaje, como
en el siguiente ejemplo:
OPCION INCORRECTA
<input name="q1" onclick="alert('\Incorrecto.\n\Intenta Mejorar!')" type="radio" /> TEXTO
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.\n\Intenta Mejorar!')" type="radio" /> A)40</td>
<td><input name="q1" onclick="alert('\Correcto.\n\ Es, un buen comienzo!')" type="radio" /> B)45</td>
<td><input name="q1" onclick="alert('\Incorrecto!\n\ Acepta y prueba nuevamente.')" type="radio" /> 1.- Digita los códigos
C)41</td> de las opciones.
<td><input name="q1" onclick="alert('\Incorrecto.\n\Intenta 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 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
PAGINA - 70 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
2.- Bosqueja un pequeño proyecto sobre la aplicación de los Blog en tus Clases.
2.- Agrégale un Panel de Mensajes con CBOX para las Auto evaluaciones, colocándole las preguntas
requeridas. Con este avance se culminará la evaluación del proyecto.
3.- Otros cambios y mejoras queda a tu creatividad, las cuales realzarán la presentación y el contenido de tu
Libro Electrónico.
PAGINA - 71 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
2.- Una vez que se domina el manejo de esta herramienta, podemos aplicarlo para elaborar una gama muy
amplia de materiales educativos, experiencias que podemos asegurar y demostrar. Contamos con las
siguientes experiencias de los Blogs aplicados en la educación:
www.cuentos-suizo.blogspot.com/
2.2.- ELABORAR UNA CLASE VIRTUAL.-
Utilizando la técnica “La caza de tesoros” podemos elaborar Blogs que permitan hacer un uso orientado y
positivo de las bondades del Internet. Veamos un ejemplo:
RECICLAJE
Área: Ciencias Sociales Nivel: Secundaria
INTRODUCCIÓN En el mundo actual, el nivel de desarrollo de un país se mide por la
cantidad de residuos que produce. Pero no es menos cierto que su grado
de cultura y desarrollo cívico es función del nivel de reciclado de estos
residuos que genera.
Estamos a tiempo para concienciarnos del impacto medioambiental que
producen nuestras basuras. Esta actividad puede ser interesante y en ella
puedes encontrar información y orientación en este sentido.
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
PAGINA - 72 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
http://energiasuizo.blogspot.com/
Si bien la mayoría de docentes tenemos una desconfianza de los vídeos que encontramos en YouTube, no
podemos negar que es una página a la que acceden la gran mayoría de nuestros estudiantes. Por ello
debemos explotarlo de modo orientando y seleccionando los materiales positivos de esa página.
La facilidad con que se insertan y manipulan los vídeos hace que podamos utilizar con mucho valor este
servicio:
EJEMPLO:
www.aniversuizo.blogspot.com
Herramienta que explotan los docentes de comunicación para que los alumnos puedan publicar noticias
locales, regionales, nacionales e internacionales. Poniendo en práctica sus opiniones y creatividad sobre la
realidad.
Herramienta que abre las opciones de facilitar los estudios para alumnos que se hayan ausentado de clases
por motivos de salud u otros. En nuestra experiencia nos sirvió para trabajar con alumnos de la nocturna.
Para los cuales se les facilita los materiales avanzados cuando han faltado por causas justificadas, pero con
evaluaciones presenciales obligatorias. Así no se retrazan y culminan su año escolar satisfactoriamente.
PAGINA - 73 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
ANEXO
Antes de ingresar a elaborar su Blog todo participante debe desarrollar por escrito el contenido, para ello debemos
utilizar las fichas de práctica:
FICHA DE PRÁCTICA Nº 1
Título
:
Blog
[Descripción]
Datos personales
Título
:
Entrada
Posted by _ _ _ _ @ 10:15 AM
PAGINA - 74 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
FICHA DE PRÁCTICA Nº 2
PAGINA - 75 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
FICHA DE PRÁCTICA N° 3
Título
: FUNDACION ESPAÑOLA DEL CUSCO
Entrada
Posted by _ _ _ _ @ 4:15 PM
4.- 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 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
BIBLIOGRAFÍA CONSULTADA
Páginas Web:
1.- https://www.blogger.com/
2.- http://www.latarea.com.mx/articu/articu12/salcid12.htm
3.- http://www.cidse.itcr.ac.cr/revistamate/index.html
4.- http://www.aula21.net/
5.- http://dewey.uab.es/pmarques/buenidea.htm#intro
6.- http://www.eduteka.org/ComprensionLecturaInternet.php
7.- http://dewey.uab.es/pmarques/habilweb.htm#riesgos#riesgos
8.- http://contexto-educativo.com.ar/2003/4/nota-02.htm
9.- http://www.eduteka.org/BlogsEducacion.php
PAGINA - 77 -