Está en la página 1de 76

Corregida y Aumentada

PROFESOR: LIC. ALDO VEGA ROSALES


Autorizado por el autor s?lo para impresiones -
PROYECTO: LIBROS ELECTR?NICOS LIC. ALDO VEGA ROSALES

INTRODUCCI?N
?QU? ES UN BLOG?
bre cualquier tema: Un diario personal, Un espacio de colaboraci?n, Una fuente de noticias impact

UNA P?GINA QUE REVOLUCIONA: BLOGGER


?tica, han revolucionado el periodismo y han permitido a millones de personas expresar sus opinio

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 equipo

aci?n y la Educaci?n. Se han convertido en una herramienta comunicativa que potencia las hab

en este caso, la creaci?n y mantenimiento de Blogs, llamados a convertirse en edublogs condu

PAGINA - 2-
PROYECTO: LIBROS ELECTR?NICOS LIC. ALDO VEGA ROSALES

CAP?TULO I

CREAR Y PUBLICAR UN BLOG CON BLOGGER


menos de cinco minutos entrar?s a formar parte de un fen?meno que est? transformando Inter
medios de comunicaci?n en una actividad participativa.

- INGRESANDO A BLOGGER Y RECONOCIENDO SU INTERFAZ

Para ingresar a BLOGGER Abre Internet Explorer y en la barra de Direcci?n digita:


Internet
Explorer

(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
1.- Bot?n Comenzar: Aqu? iniciar?s la Electr?nico y Contrase?a.
creaci?n de tu Blog en tres pasos.

3.- Estos enlaces te permiten


hacer la b?squeda de Blogs
importantes. 4.- Enlaces Informativos
de Blogger.

TAS:
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.
En una Cuenta de Blogger puedes crear muchos Blogs independientes, s?lo comparten el pe

PAGINA - 3-
PROYECTO: LIBROS ELECTR?NICOS LIC. ALDO VEGA ROSALES

EN 3 PASOS
dirigimos al bot?n Comenzar, que te guiar? de manera sencilla y en 3 pasos todo el proceso de c

1.- Da un Clic sobre el bot?n naranja.

Paso 1: Creando tu Cuenta


Aparecer? el siguiente cuadro que debes completar siguiendo las indicaciones:

mbre de usuario:
l CorreoDigite el Correo
Electr?nico Electr?nico
qu su Nombre de que ser? An?talo
usuario.
su Nombre de usuario. An?taloaqu?:

:
8 caracteres y segura. Para que no se te olvide, An?talo aqu?:

que registrar? Blogger en las entradas de tu Blog.

- Digite los caracteres que aparecen encima

uadro de aceptaci?n de las condiciones del servicio.


6.- Una vez culminado da un clic en Continuar

PAGINA - 4-
PROYECTO: LIBROS ELECTR?NICOS LIC. ALDO VEGA ROSALES

?mero de Tel?fono Celular para que a trav?s del sistema telef?nico de verificaci?n de maner

980216582
60516 4.- Digitael c?digo
recibido y da un clic en
el bot?n Verificar.

1.- Seleccione su pa?s de origen.


NOTA:
Por cada N?mero de Tel?fono
2.- Digite su n?mero de s?lo te limitan a crear 03 blogs.
Celular.

a 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?

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 rel

APRENDA A ELABORAR SU BLOG

r al Blog a trav?s de Internet Explorer, sea creativo y digite sin WWW:. Comprueba que est? di

3.- Una vez culminado da un Clic en Continuar

PAGINA - 5-
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 cam

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 PrimeraEntrada, que es
para crear la Primera Entrada, obligatorio para publicar tu Blog

NOTA 2.- Opciones avanzadas configuraci?n.- Desplegando este de


enla
cepuedes
do comp

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-
PROYECTO: LIBROS ELECTR?NICOS LIC. ALDO VEGA ROSALES

CAMBIAR DISE?O CAMBIOS AVANZADOS

3.- CREANDO ENTRADAS


Cuando uno da Clic en EMPEZAR A PUBLICAR, aparece la siguiente pantalla con la fich

superpuesta, donde puedes desarrollar las siguientes acciones:


Creaci?n de entradas

3.1. Crear la Primera entrada.-


En el enlace Nueva entrada est? el Editor de Entrada que se trabaja como cualqu
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 m?s adelant

7.- Ficha Edici?n de HTML.-

3.- Ficha Redactar.- Es el AREA DEPara agregar c?digos de HTML de


otras funciones o de servicios de otras p?ginas como
EDICION, donde se desarrolla el
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 en

5.- Despliegue el enlace Opciones de


entrada.- Para controlar los comentarios y cambiar el orden d
modificando su fecha y hora de creaci?n.
4.- Publique para ver su blog.

PAGINA - 7-
PROYECTO: LIBROS ELECTR?NICOS LIC. ALDO VEGA ROSALES

BARRA DE HERRAMIENTAS DEL EDITOR DE ENTRADAS

SUBRAYA COMPROBAR
INSERTAR IMAGEN
REHACE V?NCULOS ORTOGRAF?A
LISTA NUMERADA
CURSIVA
COLOR DE FONDO
DESHACE NEGRITA INSERTAR UN VIDEO CITA
DEL TEXTO (Desde tu equipo)

TACHADO LISTA CON


A?ADE O ELIMINA UN ENLACE VI?ETAS
TAMA?OS
DE TEXTO INSERTAR SALTO DE L?NEA ELIMINA EL
FORMATO
ALINEACION
COLOR DEL
TEXTO

magen a tu entrada
tar Imagen de la Barra de Herramientas del editor.
a imagen desde su equipo o a?adir una imagen de la Web. Donde debes seguir los siguientes paso

dirigirnos a la carpeta donde tiene almacenado su imagen y seleccionarlo. (La im

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

A: no olvides que las im?genes subir?n a la red y pasar?n a ser de dominio p?blico. As? que debes

PAGINA - 8-
PROYECTO: LIBROS ELECTR?NICOS LIC. ALDO VEGA ROSALES

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

un Clic sobre la imagen y aparecer? la Barra de Edici?n donde podr?s:


ar el Tama?o.
r. imagen se te recomienda crear
NOTA: Antes de insertar la varias l?neascon la tecla el pu
una leyenda o
[Enter]. As? podr?s desplazar
ar.

3.1.2.-A?adiendo texto a tu entrada


El Editor de Entradas es un Procesador de textos, as? que con VER losENTRADA
c
tengas de cualquier procesador de textos el trabajo ser? muy f?cil.
Si queremos ver nuestro avance damos clic en el bot?n Vista previa, s VENTANA
da un Clic al enlace Ocultar vista preliminar.onocimientos que i deseamos volver
EN UNA NUEVA
Una vez culminado la entrada da un Clic en el bot?n Publicar Entrada para

4.- PUBLICANDO LA ENTRADA Y VIENDO TU BLOG


Una vez publicado tu Blog aparecer? la siguiente pantalla Fichacon Creaci?n
la deentradas
superpuesta que te indica que la entrada de tu Blog ha sido publicada.

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

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

PAGINA - 9-
PROYECTO: LIBROS 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 utili
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 ventan

A TU BLOG
a Creaci?n de entradas seleccionamos la opci?n Nueva entrada o el enlace celeste Crear un

2.-Luego ingresamos la informaci?n siguiendo los mismos que


pasos
enla
primera entrada
hasta publicarlo, adem?s puedes ver tu Blog publicado.

rden cronol?gico inverso al orden de publicaci?n, es decir se mostrar? en primer lugar la m?s recie

PAGINA - 10 -
PROYECTO: LIBROS ELECTR?NICOS LIC. ALDO VEGA ROSALES

.-EDITAR UNA ENTRADA CREADA


i 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
entradacreaday 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

ci?n Editar de la
NOTA B.-Entrada
Puedesque desee cualquier
Eliminar modificar,entrada
gu?ese publicada,
por el T?tulo de la entrada. y con un Clic en
seleccion?ndolo

3.- Se ingresar? al Editor de la entrada elegida, donde podr?s realizar los cambios necesar
para finalmente volver a publicarlo.

7.-ENTRAR A TU BLOG A TRAV?S DE INTERNET EXPLORER


Una vez publicado tu Blog, cualquier persona de cualquier parte del mundo que conozca la direcc
URL 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 -
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.-Interfaz
2.-Plantilla 4.-Editor de Entradas
3.-URL 5.-Ficha

II.- 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?NICO


1.- Crea una nueva cuenta de Correo Electr?nico, s?lo para el proyecto:

An?telo Aqu?: Contrase?a:

Electr?nico a crear: Personal, Familiar, Laboral, Profesional,


ue sea del ?rea en el que trabajan.
Electr?nico en hojas, escribiendo una entrada por Blog, con las im?genes que colocar?s. La cua

.- Inicia la Creaci?n de tu cuenta en Blogger y elabora la entrada de la presentaci?n pon en pr?ctic


reatividad.

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

erfil con los datos que ingresaste. Pero, puedes editar este perfil modificando tus
uso agregarle una fotograf?a; tambi?n se puede modificar el T?tulo de tu Blog as? como agregarle

1.- EDITANDO TU PERFIL


Ingresa a BLOGGER Recuerda: (Luego presione [ENTER])
En la Interfaz de BLOGGER, nos dirigimos al Bloque Acceder a tu cuenta de Blog creado don
debes ejecutar los siguientes pasos:

1.- Ingresa tu Nombre de Usuario: E-mail utilizado y anotado en

2.- Ingresa tu Contrase?a:


trabajas en una PC propia activa esta opci?n para que ingrese directo a Anotado
tu cuenta. en
P?gina 4.

3.- Da un Clic en el bot?n ACCEDER.

na a la ventana Google cuentas ubica y selecciona el enlace Blogger para empezar.

Inmediatamente ingresar?s por primera vez al Panel Escritorio,


donde distinguiremos las siguientes opciones a utilizar en adelante:

7.-Te permite
agregar crear
y modificar datosmuchos blogs
de tu perfil en una misma cuenta de Blogger.
as? como Utiliz
1.- EDITAR PERFIL: Lo Utilizar?s para una foto.

3.-Te direcciona a la ficha


4.-Te
Creaci?n
direcciona
de entradas:
a laNueva entrada,
Ficha Configuraci?n:
Editar Entradas.B?sico, Publicaci?n

TRADA: Lo utilizar?s para agregar una nueva


6.-Te llevaentrada a tuMonetizar:
a la Ficha Blog. Donde con
5.-Te lleva a la Ficha Dise?o: Elementos de la P?gina, Edici?n de HTML
AdSense ganar?s dinero gracias a los anuncios
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.

1.1.- INGRESANDO TUS DATOS Y A?ADIENDO TU FOTO A TU PERFIL.

1.- Selecciona el enlace Editar perfil del Panel Escritorio.

usuario en el que puedes completar o dejar en blanco


maci?n personal. Estoy seguro de que es f?cil para ti. Por lo que s?lo te explicar? como agregar la f

NOTA: Algunos datos ya aparecen llenos. Si deseas s?lo comple

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:

CASO 1: Se puede subir una foto o imagen de su equipo. S?lo haga Clic en Exa

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

.- Retornar?s al Panel Escritorio de Blogger donde podr?s ver la foto del perfil y tambi?n ve

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 -
PROYECTO: LIBROS ELECTR?NICOS LIC. ALDO VEGA ROSALES

2.- CAMBIANDO ALGUNAS OPCIONES DE TU BLOG.


Si deseas modificar algunos datos de tu Blog como el T?tulo, agregarle un Subt?tulo o Descripci
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


har?s en el enlace B?sico, que est? recortada para desarrollar s?lo las que
opciones
nos
interesa, t? puedes descubrir qu? opciones m?s contiene:

Importar tu blog.- Puedes exportar tu blog descarg?ndolo a tu PC y NOTA 2.- PuedesaEliminar


luego importarlo otro blog. tu blog
haciendo un clic en este enlace.

1.- Cambia el t?tulo del Blog que hab?as coloca

2.- Ingrese una Descripci?n del T?tulo ?ste se colocar? en la Cabece

3.- Culminado los cambios Guarde la


Configuraci?n para que se apliquen.

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

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 pas

1.- Ingrese la nueva direcci?n URL que modificar? la anterior. No olvides ser origi

2.-Digita los caracteres de verificaci?n.

3.- Da un clic para guardar la nueva configura

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 valor
referentes a nuestro pa?s. S?lo los indicados. Empieza, s? que lo puedes hacer:

PAGINA - 18 -
PROYECTO: LIBROS ELECTR?NICOS LIC. ALDO VEGA ROSALES

1.- Para establecer el # de entradas que se ver?n en la p?gina pri

2.- Para establecer el formato de fecha que se ubica en la cabecera de cada entrada

3.- Para establecer el formato de la hora en que se publica una

4.- Para establecer La zona horaria: (GMT-05:00) Lima y El idioma de la

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 n
interesa, t? puedes descubrir qu? opciones m?s contiene:

1.- Mostrar u ocultar los comentarios a tus entradas que se ver?

2.- Limita la posibilidadde comentar a los usuario

3.- Permite ubicar los formularios de comentarios de tal modo que sea m?

4.- Da un Clic para guardar los cambios.

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 INTRAN
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 n
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

an su informaci?n de acceso. S?lo requieres su correo electr?nico para invitarlo. Luego ellos reciben un correo para

EL DISE?O DE TU BLOG.
to tu Blog estar? como en la imagen siguiente. En la que ubicar?s las partes que se describen, las

1.- BARRA NAVBAR: Buscador, Salir, etc.

2.- CABECERA DEL BLOG: Muestra el T?tulo y Subt?tu

LOS PRINCIPAL: Muestra tus Archivos del blog, Datos personales (Perfil) y se le puede agregar otros eleme

5.- ZONA DE V?NCULOS


ADAS: Muestra las entradas publicadas en orden inverso
SECUNDARIA: Se le a la fecha de creaci?n.
puede
agregar elementos: Imagen,
Lista de enlaces, etc.

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 co
pocos conocimientos t?cnicos o ninguno. Cambios como: A?adir, eliminar y organizar Elementos de
P?gina, Modificar las fuentes y colores, Edici?n de HTML y Seleccionar una plantilla nueva para t
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
el enlace Elementos de la p?gina. Que se explican en la siguiente p?gina:

Botones: Guardar, Vista previa y Borrar Cambi

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
siguiente:
1.- Da un clic sobre el enlace Editar de la Cabecera, aparecer? la siguiente
ventana donde podr?s:

1.- Modifica el T?tulo


desde tu equipo, o desde la Web con la URL de la imagen. y la descripci?n de tu
cionar la Blog.
dimensiones hasta Ancho: 700 x Alto 124 P?xeles. Para cubrir toda la cabecera.
de la imagen debes mover el punto de inserci?n al inicio de la URL, s?lo as? se ver? la

Puedes ubicar la imagen en lugar del t?tulo o detr?s.


5.- Da un clic en guardar y puedes revisarlo son el bo

4.- No olvides activar reducir hasta ajustar

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

PAGINA - 22 -
PROYECTO: LIBROS ELECTR?NICOS LIC. ALDO VEGA ROSALES

3.3.- Editar las Entradas del Blog.- Para configurar las Entradas ejecuta lo siguiente
c sobre el enlace Editar de la zona de Entradas del blog, aparecer?
ventana donde podr?s modificar: El n?mero de entradas, El formato de fechas, etc. As? como orde

1.- Puedes desactivar estas opciones si deseas que desaparezcan estos elem

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

3.- Guarda los cambios.

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 la
cuta lo siguiente:
nlace Editar de la Zona Archivo del Blog, aparecer? la siguiente ventana donde podr?s modifica

1.- Modifica el T?tulo por


ENLACES DE ENTRADAS

2.- Elige un Estilo de presentaci?n: Jerarqu?a, Lis

NOTA.- Puedes eliminar esta 3.- Da un clic en guardar y puedes revisar los cambios con el bo
lista de enlaces a las entradas.

3.5.- Editar la zona Datos personales o Perfil del Blog.- Para configurar la zona
perfil de tu blog ejecuta lo siguiente:
1.- Da un clic sobre el enlace Editar de la Zona Datos personales, aparecer? l
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.

3.6.- Organizar elementos de la p?gina.- S?lo se pueden organizar los elementos de


p?gina: Seguidores, Datos personales y Archivode blog o loselementos
a?adidos. Para ello ejecuta lo siguiente:

2.- Guarda los cambios y puedes revisarlo con el bot?n Vista prev

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 te


en cuenta lo siguiente:
1.- Hay varias zonas para a?adir un elemento a tu p?gina: La Zona de enlace
principal, La Zona de enlaces secundaria y en la parte inferior de tu blog.
2.- Puedes a?adir los siguientes Elementos b?sicos:

re la
Da un clic sob imagen
imagen o t?tulo odel
t?tul
elemento.

PAGINA - 25 -
PROYECTO: LIBROS ELECTR?NICOS LIC. ALDO VEGA ROSALES

NOTA 1: Puedes agregar otros elementos b?sicos


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 e


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 ten
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:
-INSTITUTO DE PEDAGOGIA POPULAR:
-CONOCIENDO AL PERU:
-SOFTWARE EDUCATIVO:
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 u
gadget.

2.-Ubica el elemento Lista de Enlaces y da un clic sobre la imagen.


Aparecer? la ventana siguiente en la cual sigue los pasos indicados:

PAGINA - 26 -
PROYECTO: LIBROS ELECTR?NICOS LIC. ALDO VEGA ROSALES

1.- Escribe el t?tulo general del


Elemento o la zona de enlaces.

2.- Puedes ordenarlos enlaces alfab?ticamente

3.- Digitar la direcci?n de la p?gina Web (URL) a que s

5.- Para a?adir varios v?nculos al mismo elemento usa este bot?n. P

mbre que aparecer? en los enlaces y que los usuarios de tu blog leer?n.

6.- Puedes editar, suprimir y cambiar de ubicaci?n a los enl

7.- Guarda los cambios y revisa los avances con el bot?n Vista previa o el e
nar el elemento total, Edita el elemento
Nota.- y el bot?n
En la pantalla ATR?S cambiar?
Elementos por ELIMINAR.
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 desd

er otro lugar de Internet. Adem?s ahora puedes enlazar esa imagen con una
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 imag
2.- Si deseas enlazar esa imagen con una Web, debes conocer la direcci?n URL de esa We
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 ventan


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:

2.- Si desea enlazar la imagen digite la URL


de la Web elegida.
1.- Coloca un T?tulo a tu Imagen.

3.1.- Si la imagen est? en tu PC da un clic en el bot?n examinar, luego ubica

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 U

Una vez que sube la imagen aparecer? la siguiente


ventana:

rda los cambios y puedes revisar como queda con el bot?n Vista previa o el enlace Ver blog.

emento total, Edita el elemento y el bot?n ATR?S cambiar? por ELIMINAR.


a imagen s?lo deja vac?o la barra Enlace.
ascript que A?ade una caracter?stica de un tercero u otro c?digo a tu blog se trabajar? en el Cap?tulo III

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 -
PROYECTO: LIBROS ELECTR?NICOS LIC. ALDO VEGA ROSALES

3.-Aparecer? la siguiente pantalla Dise?ador de plantillas de Blogger con la ficha Plantil


superpuesta, donde primero debemos reconocer sus elementos:

3.-PANEL DE ELEMENTOS
4.- RETORNA A LA FICHA DISE?O.
? PRINCIPAL del 2.-PANEL DEde
Dise?ador OPCIONES
Plantillasde
decada elemento del men? principal.
Blogger.
a aplicar.

5.- APLICA CAMBIOS AL BLOG.

6.-PANEL
3.3.- CAMBIAR DE DE VISTA PREVIA.
PLANTILLA.

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 deOpciones
selecciona Fondos. Y ejecuta lo siguiente:

1.-Puedes seleccionar 2.-Selecciona


un Color de fondo
un Color
Exterior
de Fondo
y Principal.
de Cabecera. Por ejemp

3.-Aplique los cambios.

Vista previa para verificar los cambios antes de aplicarlo

PAGINA - 29 -
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

ctica cambia el color del T?tulo de tu Blog y haz otros retoques de acuerdo a tu gusto y que mejo

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 deOpciones
selecciona T?tulo del blog. Y ejecuta lo siguiente:

3.- Selecciona un color para elcambiar


4.-Puedes t?tulo. el color de la descripci?n
1.-Selecciona el tipo de Fuente del t?tulo del Blog: 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 -
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

uente y Tama?o de los t?tulos de las entradas de tu Blog y haz otros retoques de acuerdo a

entos del PANEL DE OPCIONES pueden variar de acuerdo a la plantilla elegida, s?lo identifica
enlace Edici?n de HTML de la ficha Dise?o requiere de conocimientos m?s
s? 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,


puedensecambiar las
plantillas de dos maneras:

Nota.- Si modificas la plantilla, se descartar?n los cambios que hayas efectuado en Fuent
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


siguiente:

PAGINA - 31 -
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 pued
descargarse de Internet.

NOTA.- Puede descargar la plantilla antes de hacer cambi

1.-En el enlace Edici?n de HTML haz Clic en el 2.-haz


bot?n Examinar?
Clic en elpara
bot?n
ubicar
Subir
el archivo
para de
cargar
plantilla

B.- Seleccionar una plantilla de dise?o antigua (2006), pero estas plantillas anula
muchas de las funciones nuevas.

1.-En la parte inferior del enlace Edici?n de HTML haz Clic en el enlace Seleccionar p

PAGINA - 32 -
PROYECTO: LIBROS ELECTR?NICOS LIC. ALDO VEGA ROSALES

3.-Guarda la Plantilla

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

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

PAGINA - 33 -
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.-JPG
2.-Enlace 5.-Perfil
3.-Plantilla 6.-Fuente

.- CUESTIONARIO: Desarrolla las siguientes preguntas:


.- ?Qu? diferencia hay entre la ficha Edici?n de HTML y Redactar del Editor de Entradas?
.- ?Elabora un esquema de los elementos de la P?gina y explica las funciones de cada uno de ellos
.- 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?NICO
1.- Ingresa al Panel Escritorio de tu Blog creado y con el enlace Crear un Blog crea los blo
necesarios para cada p?gina de tu libro electr?nico. Anote aqu? las direcciones URL de cada uno:
www.
P?gina 1: www.
www.
P?gina 2: P?gina 3: P?gina 4:
P?gina 5: www.
www.

tu foto para colocarlo en el perfil de tu Blog.


var? de t?tulo ?NDICE, a cada blog. Para enlazarlos con las
electr?nico. Utiliza las direcciones URL anotados en 1.
eas.

ogs: Color de fondo, Tama?o y color de fuente, Los tama?os y posiciones de las im?genes agregad
el enlace Editar del elemento de p?gina Entradas del blog y desactiva todas las opciones. Esto
el enlace Editar del elemento de p?gina Archivo del blog y

PAGINA - 34 -
PROYECTO: LIBROS ELECTR?NICOS LIC. ALDO VEGA ROSALES

CAP?TULO III

OPCIONES AVANZADAS

ersonalizarlo de modo
e opciones m?ltiples.
nales de V?deos, Presentador de fotos, Contador de ingresantes, etc. Todo ello se puede hacer ag

Algunos servicios gratuitos son:

1.- PANEL DE MENSAJES EN TU BLOG CON CBOX:


P?gina Web:
2.- V?DEOS DE LA P?GINA DE YOUTUBE EN TU BLOG:
P?gina Web:
3.- SLIDE SHOW - PRESENTADOR DE FOTOS CON SLIDE:
P?gina Web:

BIR DOCUMENTOS A TU BLOG Y COMPARTIRLOS

?ginas Web:
NTADORES DE INGRESANTES A TU BLOG P?gina Web:
MPARTIR Y MANEJAR SUS ARCHIVOS EN L?NEA CON BOX.
?gina Web:
OJES PARA MEJORAR LA PRESENTACION DE TU BLOG CON CLOCKLINK.
?gina Web:

ten otros servicios gratuitos que podr?s ir descubriendo con la experiencia. Empecemos esta pa
nera pr?ctica, con las fichas de trabajo que a continuaci?n colocamos, s?lo con algunos servicios, e
da 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:
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?s
sobre la palabra AQU? y seleccionar Propiedades.
E.- En la ventana Propiedades selecciona y copia la Ubicaci?n: URL del sonido MIDI. Recuer
Copiar: [Ctrl]+[C]. Veamos:

2.- Selecciona y copia esta URL:

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 Conte

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 sonid
MIDI" height="40"></embed>

NOTA: En el c?digo src pega la direcci?n del sonido Midi copiado.

Quedar?a de la siguiente manera:

="200" autostart="true" loop="true" src=../htm/midis/sonata_no_14_claro_de_luna. mid" height="4

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
WIDTHun
Aparece y HEIGHT
peque?o reproductor, estos par?metros especifican su tama?o. Ancho y Alto respec

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:

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:
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 mism
-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 c
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 -
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 usuario.


2.- Digita tu 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.

Seleccionay copia los c?digos de la barra.

.- 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 lu
que desees. Quedar? as?:

=4916&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxm


=4916&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform

PAGINA - 39 -
PROYECTO: LIBROS ELECTR?NICOS LIC. ALDO VEGA ROSALES
D.- Finalmente Selecciona el bot?n PUBLICAR ENTRADA y visualiza tu Blog en un
ventana nueva.

a modificar el tama?o del Panel debemos saber que:


?metros:
: Establece el Ancho del Panel
" : Establece el Alto del Panel
a seg?n tu necesidad. Cambiando el primer par se modifica la zona para visualizar el
El segundo par modifica la zona donde se digita el nombre y el mensaje. Siempre deben coincidir l

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).
Da un clic en el elemento HTML/Javascript.
Digita el t?tulo: PANEL DE MENSAJES.
Pega el c?digo Insertar en el ?rea CONTENIDO.
Modifica los valores de width y height si lo deseas. D.- Seleccione el bot?n GUARDAR.
Finalmente Seleccione el enlace Ver blog de elemento de p?gina a?adida.

PAGINA- 40 -
PROYECTO: LIBROS ELECTR?NICOS LIC. ALDO VEGA ROSALES

FICHA DE TRABAJO N? 3

AGREGAR UN V?DEO DE YOUTUBE A UNA ENTRADA DE TU BLOG Y COMO


ELEMENTO DE TU P?GINA
1.- OBTENIENDO LOS CODIGOS INSERTAR DEL V?DEO EN LA P?GINA DE YOUTUBE:

A.- Abre la siguiente p?gina Web:


B.- En la barra Buscar digita el tema o personaje: cusco-promperu
C.- Luego, da un clic al v?deo de la lista: Cusco - Promperu Tv Comercial. Puedes ver el v
para asegurarte que es el que buscas de lo contrario puedes cambiarlo en la lista de la derec

D.- Selecciona la ficha Insertar.

F.- Copia ([Ctrl] + [C]) los c?digos que aparecen.

Si deseas puedes seleccionar en este panel otro v?deo si el an


v?deo: No incluir
rsonalizar la presentaci?n NOTA: relacionados,
videos
del ancho ySi deseas cambiar
El
alto, incluir de
o tema
no videos
tienes que ir a la barra Buscar.
relacionados.

GANDO LOS CODIGOS INSERTAR EN EL EDITOR DE HTML DE UNA ENTRADA


Crea una Nueva Entrada en tu Blog.
Trabajando en la ficha Redactar coloca de t?tulo CUSCO - PROMPERU TV COMERCIAL y en la entra
Una belleza milenaria para admirar
- (Darle formato)

PAGINA - 41 -
PROYECTO: LIBROS ELECTR?NICOS LIC. ALDO VEGA ROSALES
C.- Selecciona la ficha Edici?n de HTML de la entrada y pega ([Ctrl]+[V]) el c?digo Inserta
Youtube.

e video player" width="480" height="390" src=?rel=0" frameborder="0" allowfullscreen><

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
Lugar donde
2.- Cambiando el segundo ubicas
par es el video
suficiente, valorescambiar los dos pares a
pero es recomendable
EN UNA
mismas medidas. Valores ENTRADApara los casos:
aproximados width="425" o Menos
height="355" o Menos
PANEL DERECHO - COMO width="210" A 225
ELEMENTO height="150" A 165

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).
clic en el elemento HTML/Javascript.
el t?tulo : CUSCO - PROMPERU TV COMERCIAL. E.- Pega el c?digo Insertar en el ?rea CONTENIDO
ca los valores de width y height de la parte inferior por:
h="210" height="150"
cione el bot?n GUARDAR.
mente Seleccione el enlace Ver blog de elemento de p?gina a?adida.

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
rar una pel?cula que ha sido subido a YouTube en varias partes, de esta manera podr?s ponerlo en

1.- OBTENIENDO LOS CODIGOS INSERTAR DEL V?DEO EN LA P?GINA DE YOUTUBE:

A.- Abre la siguiente p?gina Web: y reg?strate de la siguiente manera:

1.- Seleccione el enlace


Crear cuenta

mpletando los datos que se te piden en esta zona:


orreo electr?nico
l nombre: Debe ser original.
bicai?n
echa de nacimiento.
exo

4.-Finalmente Selecciona el bot?n Acepto.

PAGINA - 43 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES

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

.-Si no tienes una cuenta de Google


debes contar con un tel?fono
m?vil a la
Nota: Si ya tienes una cuenta de Google selecciona este enlac
mano. Completa los datos que se te piden en esta zona:
1.-Contrase?a.
2.-Palabra de verificaci?n

2.-Selecciona el bot?n
Crear mi nueva cuenta.

3.- Seleccione su pa?s de origen.

4.- Digite su n?mero de


Celular.
6.- Digita el c?digo recibido y 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.

C.- Te llegar? un correo electr?nico para la confirmaci?n de la cuenta, la cual debes de confi
antes de continuar.

1.- Abre tu correo y selecciona el enlace

PAGINA - 44 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES

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

2.-Se mostrar? la Lista de v?deos, selecciona el video parte 1. O el que desees para

E.- Una vez visto el v?deo que queremos lo a?adimos a +Playlists:

3.- Selecciona el v?deo


sta. Despliega +A?adir a y selecciona Lista de reproducci?n nueva?
parte 2.

Para nuestro caso crearemos la lista de nombre CARAL. Autom?ticamente se agrega e

F.-Para el segundo v?deo, sigue los siguientes pasos:

1.-Visualiza el v?deo 2 y luego selecciona


+A?adir a y selecciona Lista CARAL. Autom?ticamente se a?adir?.

2.- Al a?adir los v?deos puedes eliminar o cambiar de posici?n. Para nue

PAGINA - 45 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES

Repite estos pasos para agregar el tercer y el resto de los v?deos. Para nuestro caso Las pir?mi
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:

arte superior de la ventana Despliega el bot?n de tu cuenta y selecciona el enlace Mis v?d

ventana selecciona la lista de reproducci?n creada. En nuestro caso el bot?n CARAL.

3.- Podemos editar la lista de videos creada: cambiar el orden, eliminar, aum

H.-Obtener el c?digo HTML de la siguiente manera:

1.- En la parte superior selecciona la pesta?a


Compartir.

2.- Selecciona la barra Insertar c?digo y c?pialo ([Ct

PAGINA - 46 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES

.- AGREGANDO LOS CODIGOS EN EL EDITOR DE HTML DE UNA ENTRADA:


A.- Crea una Nueva Entrada en tu Blog.
B.- Coloca de t?tulo LAS PIR?MIDES DE CARAL
C.- Selecciona la ficha Edici?n de HTML de la entrada y pega ([Ctrl]+[V]) el c?digo de Youtub

</param><param name="allowscriptaccess" value="always"></param><embed src=?hl=es_ES&

D.- Finalmente Seleccione el bot?n PUBLICAR ENTRADA y visualiza tu Blog en una vent
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
Lugar donde
2.- Cambiando el segundo ubicas
par es el video
suficiente, valorescambiar los dos pares a
pero es recomendable
EN UNA
mismas medidas. Valores ENTRADApara los casos:
aproximados width="425" o Menos
height="355" o Menos
PANEL DERECHO - COMO width="210" A 225
ELEMENTO height="150" A 165

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).
un clic en el elemento HTML/Javascript.
ta el t?tulo : LA CIUDAD PERDIDA DE CARAL. E.- Pega el c?digo HTML en el ?rea CONTENIDO.
ifica los valores de width y height de la parte inferior (SEGUNDA PAREJA) por:
th="210" height="150"
ccione el bot?n GUARDAR.
lmente 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 - 47 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES

FICHA DE TRABAJO N? 5
PONER UN SLIDE SHOW EN TU BLOG
1.- REGISTRANDONOS Y EMPEZANDO A CREAR NUESTRO SLIDE SHOW:
A.- Abre la siguiente p?gina Web:
B.- En la p?gina de slide nos registramos siguiendo los siguientes pasos:
1.-Da un clic en el bot?n
Reg?strarse.

el bot?n Ingresar para acceder a tu cuenta ya creada. Te pedir? el correo electr?nico y la contrase?a

.- En la siguiente ventana con un correo electr?nico y una contrase?a. Luego da un clic en el bot?n Regist
correo de notificaci?n
e-mail y password.

3.- En la siguiente pantalla de tu perfil da un clic en el Icono Crear Slideshow, para empe

- 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 im?genes.


1.- Seleccionar las imagenes

rle un Tama?o.Considerar los valores de los videos: Para una Entrada dejar como esta. Para a

PAGINA- 48 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
B.- Luego podemos reordenar las im?genes arrastr?ndolos y ponerle una leyenda desarrollando

1.- Arrastrar las fotos 4.- Guardamos los cambios


a las fotos.

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

2.- Colocar una leyenda

C.- Guardamos el SLIDE SHOW, 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.

7444995296512&site=widget-00.slide.com" style="width:426px;height:320px" name="flas


6512&map=2" target="_blank"><img src=

PAGINA - 49 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES

D.- Puedes modificar los valores deheight


width y
de la parte superior para cambiar el Ancho y
Alto del Slide respectivamente. El width de inferior debe llevarmismo
la parte el valorque 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:

l=1873497444995296512&site=widget-00.slide.com" style="width:426px;height:320px" n

target="_blank"><img
c=
target="_blank"><img srs Cambiar por:
00.slide.com/p1/18734
97444995296512/h5_t016_v000_s0un_f00/images/xslide1
a "middle"></embed><div style.gif" border="0"
ismap="ismap" /></a> <

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).
a un clic en el elemento HTML/Javascript.
gita el t?tulo : LAS MARAVILLAS DEL CUSCO.
ga ([Ctrl]+[V]) el c?digo HTML en el ?rea CONTENIDO. Aqu? no saldr? errores.
odifica los valores de width y height de la parte superior (PRIMERA PAREJA) por:
width:210px;height:150px"
width inferior debe llevar el mismo valor que el del superior: 210px. H.- Seleccione el bot?n GUA
almente Seleccione el enlace Ver blog de elemento de p?gina a?adida.

os del Slide Show para ahorrar espacio. Esto es muy f?cil. Con mucho cuidado borra todos los

<embed src=???????????????..???????????.. align="middle"></embed>

PAGINA - 50 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES

FICHA DE TRABAJO N? 6

COLOCANDO DOCUMENTOS PARA DESCARGAR DE TU BLOG


en la red tus documentos en cualquier formato, aunque se recomienda que sean PDF. Tus docu
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:
NOTA.- Para ingresar a tu cuenta las siguientes veces con tu
B.- Sigue los siguientes pasos.

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 C

la siguiente ventana verifica que est? seleccionado la opci?n Lite y nuevamente da un clic en e

C.- Aparecer? la siguiente ventana donde podr?s Crear el primer f?lder para subir tus docume

1.- Coloca un Nombre al 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 - 51 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES

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

NOTA.- Si deseas crear otro folder.

1.- Da un clic sobre el 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:

recer? una ventana para ubicar y subir los documentos que desees repitiendo el proceso.

3.- Aparecer? el siguiente mensaje que indica el % en que va su

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 su
al f?lder creado. As? como obtener el c?digo embed del f?lder.

PAGINA - 52 -
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

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 tam

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.

=pfzhvdpbk8&v=0&cl=0" width="460" height="345" wmode="transparent" type="application/x-sh

C.- Puedes Cambiar el Ancho y Alto de la presentaci?n de los d

width="400" height="300" o de acuerdo a tu gusto. M?s informaci?n, en la s

PAGINA - 53 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES

C.- Finalmente Selecciona el bot?n PUBLICAR ENTRADA

A: Para modificar el tama?o de presentaci?n debemos saber que:


os par?metros: width="Lugar donde ubicas el video" : Establece el Ancho y height=" " : Establ
valores
res aproximados para losEN
casos:
UNA ENTRADA
width="425" o Menos height="355" o Menos

PANEL DERECHO - COMOwidth="210"


ELEMENTO DEA P?GINA
225 height="150" A 165

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).
lic en el elemento HTML/Javascript.
el t?tulo: T?tulo del Grupo de Documentos.
c?digo Insertar(embed) en el ?rea CONTENIDO. F.- Modifica los valores de width y height por
="210" height="150"
one el bot?n GUARDAR.
ente Seleccione el enlace Ver blog de Elemento de p?gina a?adido.

Finalmente tus documentos se ver?n de la siguiente manera:

PAGINA- 54 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES

FICHA DE TRABAJO N? 7

AGREGARLO A TU BLOG
ompartir y Publicar tus documentos en un formato
a o como elemento en tu blog, de manera que los usuarios puedan leerlo o descargarlo, esto es b
NDO TU DOCUMENTO: A.- Abre la siguiente p?gina Web:

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

C.- Seguidamente completa los siguientes datos que se te piden y anota aparte el password p
que no se te olvide.

datos obligatorios:
os Nombre de perfil y E-mail Password: G?nero y Edad
gita una de
arecen.
otra cuenta necesitas otro correo.

2.- Acepta las condiciones del servicio. ea and


de
3.- Da un Clic en el bot?n Agre continue. Aparecer?
bienvenida que te pedir? confirmarte elpedir
la ventan bienvenida que

PAGINA - 55 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES

D.- Ingresa a tu correo electr?nico y confirma tu cuenta de issuu:

Da un clic sobre el enlace Join issuu para confirmar la cuenta. Aparecer? un nuevo mensaje de

E.- Cierra todas las ventanas y vuelve a ingresar a la p?gina de issuu. Si ingresa directo a tu c
sube el documento (Paso 3). Si no sucede esto entonces ejecuta lo siguiente:

1.- Da un clic en el enlace Log in. Para poder ingre

4. Da un clic en el bot?n Browse. Y selecciona el doc

Luego clic en el bot?n UPLOAD DOCUMENT para subir el primer documento.

Ingresa tu correo y password. Luego da un clic en el bot?n Log in.

T?tulo del documento. Descriptions: Breve resumen Keywords: Palabras sobre el tema:
oma.
n obligatorios.

6. Finalmente da un clic en el bot?n Upload file.

PAGINA - 56 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
F.- Ahora tendremos nuestrodocumento
publicado.
Pasar?amos
a obtenersuc?digoembedpara
insertarlo en nuestro blog.
NOTA.- Si deseas subir otro document

en Published y aparecer? tu2.- Da un clic


documento a laenderecha.
el men? Moreseleccionarlo.
Debes y selecciona Get embed code

Aparecer? la siguiente ventana, donde:

1.- Da un clic en el enlace Copy to clipboard para seleccionar y copiar los c?digos HT

PAGINA - 57 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
2.- AGREGANDO LOS CODIGOS HTML EN EL EDITOR DE HTML DE UNA ENTRADA:
A.- Crea una Nueva Entrada en tu Blog.
B.- Trabajando en la ficha Redactar coloca el 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 t
copiado. Quedar? as?:

Cambia el Ancho y Alto de la presentaci?n


me="movie" style1/v1/IssuuViewer.swf?mode=embed&
del documento. Sigue las indicaciones que
yle="width:600;height:450"><param na value= mp;documentId=090329014956-
se dan m?s abajo: "width:425;height:355" o
de acuerdo a tu plantilla.
mentUsername=aldo2009&amp;documentNa
0661c1d5da65491fa65ad74e5ee84ee7&amp;docu

n_blogger&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%
ram name="allowFullScreen" value="true" /><embed
ockwave-flash" allowFullScreen="true" style="width:600;height:450" flashvars="mode=embed&
5ee84ee7&amp;documentUsername=aldo2009&amp;documentNa
n_blogger&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%
bject>

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%2
2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml"></embed></object>

D.- Finalmente Seleccione el bot?n PUBLICAR ENTRADA

A: Para modificar el tama?o de presentaci?n debemos saber que:


os par?metros: width="Lugar donde ubicas el video" : Establece el Ancho y height=" " : Establ
valores
res aproximados para losEN
casos:
UNA ENTRADA
width="425" o Menos height="355" o Menos
PANEL DERECHO - COMO width="210" A 225
ELEMENTO DE P?GINA height="150" A 165

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).
clic en el elemento HTML/Javascript.
el t?tulo: T?tulo del documento.
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 - 58 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES

FICHA DE TRABAJO N? 8

PUBLICAR UN DOCUMENTO EN SCRIBD Y AGREGARLO A TU BLOG


ibd es otra p?gina que te permite Editar, Recopilar, Compartir y Publicar tus documentos en cua
mato, aunque se recomienda que sean PDF. Tus documentos PDF se ver?n en una entrada o
nto en tu blog, de manera que los usuarios puedan leerlo o descargarlo. S?lo sigue los siguien
1.- REGISTRANDOTE EN LA P?GINA DE SCRIBD Y PUBLICANDO TU DOCUMENTO:
A.- Abre la siguiente p?gina Web:
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 U

2.- Aparecer? el cuadro para buscar el documento y abrirlo.

PAGINA- 59 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES

D.- Aparecer? la siguiente pantalla en la que indica que el documento seleccionado est? subien

E.- Cuando termine aparecer? la siguiente ventana donde podr?s:

3.- Da un clic sobre el bot?n Sav

a los datos que te piden: Title, 2.-


Type,
Ingresa
Category
un breve
y Tags.
resumen 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 bo

2.- Da un clic en el bot?n


Send.

PAGINA - 60 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
G.- Cuando termine aparecer? la siguiente ventana donde obtendr?s el c?digo embed:

c en el enlace Share y aparecer? una ventana.

n 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= NOTAS


4017068/Manual
amily: Helvetica,Arial,Sans-serif; -para-elaborar-un-blog"
font-style: normal;
: 12px auto 6px auto; font-f size: 14px; line-height: normal; font-size-
adjust: none; font-stretch: font-variant: 1.-font-weight:
normal;
normal; -x-system-font: La
no autoevaluaci?n N?display:
normal; font- ne; 3 debe block; t
</a> ser presentado dentro de los tres
<object codebase==9,0,0,0"
id="doc_403183320880181" name="do

value=
x auto 6px auto; font-f size: 14px; line-height:
db6e-ae6d-11cf-96b8-444553540000"
13l03g8yujrusxehp3f&page=1&version normal; font-size- underline;">Manual para elaborar un blog
align="middle"
.m id="doc_403183320880181" name="do
ewer.swf?document_id=14017068&access_key=key-
<param name="play" height="500"
value="true"> width="100%"
<param value="http://d.scribd.com/Sc
name="loop" value="true"> <param
"quality" value="high"> 13l03g8yujrusxehp3f&page=1&version
value="false"> <param name="bgcolor" value="#ffffff"> " C.-
value="opaque">
Cambia el<param
Alto y<param
Ancho name="devicefont"
name="play"de la presentaci?n
value=
<param name="menu" value="true">
name="scale" value="showall">
rue"> <param name="salign" value=""> <param name="allowScriptAccess"
value="false"> value="always">
<param n
del documento: height:"500" width:"450" <paramoname="allowFullScre
de acuerdo a tu plantilla. M?s inf
13l03g8yujrusxehp3f&page=1&version h"
<param name="salign" value src=
versionscale="showall"
="true" pluginspage= devicefont="false"
wmode="opaque"bgcolor="#ffffff" na allowscriptaccess="always"
me="doc_403183320880181_object" menu="true" salign="" t
allowfullscreen="true" y
6px auto 3px auto; font-family: Helvetica,Arial,Sans- width="100%"></embed>
-font: none; display: blo Scribd</a> or <a href= href= href= href=" st style="text-decoration: underline;">Intern
erline;">Publish at
f; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-size-adjust: none; font-stre

ext-decoration: underline;"
NOTA2:others:
ks/Education" style="text-decoration: >explore</a>
underline;" Puedes<a
borrar todo el c?digo
>Education</a> <a a> <a
ation: underline;">Books</ <div style?.Hasta?</div>
<a href="
yle="text-decoration: underline;">Blog</a> Para retirar mensajes incluidos.

PAGINA - 61 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES
D.- Finalmente Selecciona el bot?n PUBLICAR ENTRADA

A: Para modificar el tama?o de presentaci?n debemos saber que:


os par?metros: width="Lugar donde ubicas el video" : Establece el
valores
Ancho y height=" " : Establ
res aproximados para losEN
casos:
UNA ENTRADA width="425" o Menos
height="355" o Menos
PANEL DERECHO - COMO width="210" A 225
ELEMENTO DE P?GINA height="150" A 165

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: (gadget), (Add a Page Eleme
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- 62 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES

FICHA DE TRABAJO N? 9
AGREGAR UN CONTADOR DE USUARIOS A TU BLOG COMO ELEMENTO DE
TU P?GINA
1.- REGISTRANDOTE EN LA P?GINA DE FREELOGS:
A.- Abre la siguiente p?gina Web:
B.- Sigue los siguientes pasos.

cciona este enlace para empezar a registrarte.

C.- Completa tus datos para registrarte:

?nto en cu?nto en cu?nt


cu?nt deseas e o eque s cuente las visitas. 1.- NOMBRE.- Debe ser
1.- difere
diferente para cada contador.

2.-2.-PASSSWORD.-
P 6 d?gitos
4.- Debes colocar un puede ser cualquiera.
Correo
bes colocar electr?nico
Correo electr?ni cualquiera.

ocar la direcci?n del


5.-Col
6.- Seleccionar un Blog.
Estilo de la Lista.
See Style s
para visualizar los
tilizar para vi modelos. Cerrar por su lista.
Luego 7.-Ac
tivar esta opci?n.
7.-Ac
Cerrar y ubicarl
Lue
por su nombre eno al

8.- Se
lecciona el bot?n Create
Counter.

PAGINA - 63 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES

D.- Aparecer? la siguiente pantalla, del cual debemos seleccionar y copiar los c?digos que n
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). 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- 64 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES

FICHA DE TRABAJO N? 10

U BLOG

Esta etiqueta consta de instrucci?n de inicio, <TABLE BORDER="1">, e instrucci?n de fin, </TABLE>. Entre ambas d

Row nos permitir? insertar filas en la tabla. La tabla tendr? tantas filas como apariciones de esta etiqueta
ORDER="1"> y </TABLE>. La instrucci?n de inicio de TR, <TR>, marca el comienzo de la l?nea, la instrucci?n de

nsertar columnas en una fila de la tabla. El comienzo de la instrucci?n


</TD>. En general entre el comienzo y el fin se inserta texto que queramos, pero tambi?n podemos insertar cualqu

Ejemplo 1: Para empezar crearemos una tabla sencilla de dos filas y dos columnas.

En primer lugar ponemos la instrucci?n de inicio y fin de la etiqueta TABLE dejando una l?nea entre ellas para in
steriormente el resto de etiquetas:
<TABLE BORDER="1">
...Otras etiquetas...
</TABLE>

a que nos hemos propuesto crear consta de dos filas. Por tanto debemos usar la
a primera (entre la instrucci?n de inicio y la instrucci?n de fin) ser? el contenido de la primera fila y lo que insertemos

<TABLE BORDER="1">
<TR> </TR> <TR> </TR>
</TABLE>

ada fila. Como nos hab?amos propuesto que la tabla tuviese dos columnas en cada
Para crear una celda debemos usar la etiqueta TD. Entre la instrucci?n de inici o y la instrucci?n de fin de ?sta etiqueta

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- 65 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES

Ejemplo 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>

o hemos podido comprobar, esta tabla se va creando por filas, y dentro de cada fila se insertan las celdas, cada una
es aparecer?n en una columna.

adapten a nuestras necesidades. Estos dos atributos sirven tanto para las celdas normales, TD, como para las celdas

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

mienzo del encabezado viene dado por la instrucci?n de inicio, <TH> y finaliza con la instrucci?n de fin, </TH>. En gene
a que nos facilite su lectura. Pero podemos escribir el c?digo en una sola l?nea y tambi?n funcionar?a.
que representa el grosor del borde a mostrar, present?ndose los casos:

PAGINA - 66 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES

1.- CREANDO TABLAS EN EL EDITOR DE HTML DE UNA ENTRADA


A.- Crea o Ingresa a la entrada donde vas a crear la tabla.
B.- Selecciona la ficha Edici?n de HTML de la entrada y desarrolla los siguientes pasos:

Para nuestro caso crearemos las tres tablas de los ejemplos:

EJEMPLO 1:
<TABLE BORDER="1">
<TR><TD>Fila1,Columna1</TD><TD>Fila1,Columna2</TD></TR>
<TR><TD>Fila2,Columna1</TD><TD>Fila2,Columna2</TD></TR>
</TABLE>
1.- Digita los c?digos de la tabla a crear.
EJEMPLO 2:
NOTA:
<TABLE BORDER="2"> Los t?tulos externos a la
<TR><TD>Fila1,Columna1</TD><TD>Fila1,Columna2</TD><TD>Fila1,Columna3</TD></TR>
</TABLE> tabla pueden digitarse en la ficha Redactar y luego volver a
EJEMPLO 3:

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

Publica la entrada y visual?zalo en una ventana nueva.

EJEMPLO 1:

2.- En la ficha Redactar Verificar la correcta pre


ALES: EJEMPLO 2:

tablas creadas.
c?digos lo m?s ordenadamente posible para que las celdas
NOTA: salgan ordenados.
EJEMPLO 3:

e HTML agregar? algunos c?digos por defecto que no es necesario


los que los
contenidos digites.
antes de Puedo elaborar cambios a

publicar.

PAGINA - 67 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES

2.- CREANDO OPCIONES M?LTIPLES EN EL EDITOR DE HTML DE UNA ENTRADA

eseas colocar en tu Blog preguntas de opciones m?ltiples, que al elegir una te salga un mensaje
el siguiente ejemplo:

? ?

C?DIGOS PARA MENSAJES:


I?N CORRECTA
put name="q1" onclick="alert('\expnd1 Correcto.\expnd0 n\expnd0 Es, un buen comienzo!')" type="radio" /

ION INCORRECTA
put name="q1" onclick="alert('\expnd1 Incorrecto.\expnd-1 n\expnd1 Intenta Mejorar!')" type="radio" /> TE
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>
put name="q1" onclick="alert('\expnd0 Incorrecto.\expnd1 n\expnd-1 Intenta Mejorar!')" type="radio" /> A)40</td>
put name="q1" onclick="alert('\expnd0 Correcto.\expnd1 n\expnd2 Es, un buen comienzo!')" type="radio" /> B)45</
put name="q1" onclick="alert('\expnd0 Incorrecto!\expnd1 n\expnd2 Acepta y prueba nuevamente.')" type="radio" /
put name="q1" onclick="alert('\expnd0 Incorrecto.\expnd1 n\expnd-1 Intenta Mejorar!')" type="radio" /> D) 43</td>

E>

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('\expnd1 Incorrecto.\expnd0 n\expnd0 Intenta Mejorar!')" type="radio" /> A)40</td>
<td><input name="q1" onclick="alert('\expnd1 Correcto.\expnd0 n\expnd2 Es, un buen comienzo!')" type="radio" /> B)45</td>
<td><input name="q1" onclick="alert('\expnd1 Incorrecto!\expnd0 n\expnd3 Acepta y prueba nuevamente.')" type="radio" />
C)41</td>
<td><input name="q1" onclick="alert('\expnd1 Incorrecto.\expnd0 n\expnd0 Intenta Mejorar!')" type="radio" /> D) 43</td>
</tr> 1.- Digita los c?digos de las opciones.
</TABLE>
NOTA:
Los t?tulos externos a la tabla pueden digitarse en la ficha Redactar y lueg

PAGINA - 68 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES

a entrada de tu Blog y al elegir una opci?n saldr? un mensaje:

car otras frases s?lo cambi?ndolo en la ficha Edici?n de HTML.

2.- En la ficha Redactar Verificar la correcta


NOTA:
Puedo elaborar cambios a los contenidos antes de publicar

PAGINA - 69 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES

AUTOEVALUACION N? 3 - ?Qu? has aprendido?


I.- VOCABULARIO: Define los siguientes t?rminos inform?ticos:
1.-E-mail 4.-HTML
2.-Chat 5.-MP3
3.-Sonido MID 6.-WWW

II.- 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?NICO
1.- Agr?gale a tu Blog: Sonido de Fondo, puedes utilizar el que m?s te agrade.

- Agr?gale un Panel de Mensajes con CBOX para las Auto evaluaciones, coloc?ndole las pregu
queridas. Con este avance se culminar? la evaluaci?n del proyecto.

Otros cambios y mejoras queda a tu creatividad, las cuales realzar?n la presentaci?n y el contenid
o Electr?nico.

PAGINA - 70 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES

CONCLUSIONESY POTENCIALIDADES EDUCATIVAS


brindan el servicio gratuito para crear tu Blog. Elegimos el servicio de
s porque nuestra experiencia desde el a?o 2006 ha sido un trabajo en
utilizar y la posibilidad de modificar las plantillas adem?s de ser un servicio gratuito con una pu

Una vez que se domina el manejo de esta herramienta, podemos aplicarlo para elaborar una gam
lia de materiales educativos, experiencias que podemos asegurar y demostrar. Contamos c
entes experiencias de los Blogs aplicados en la educaci?n:

2.1.- LIBROS ELECTR?NICOS


xperiencia la estamos implementando la cual a sido pensada para elaborar textos tanto por parte d
es como tambi?n por los alumnos. Abre la posibilidad de poder producir materia l de consulta y
LO: El modelo del que trata el presente manual es el siguiente:

ASE VIRTUAL.-
tesoros" podemos elaborar Blogs que permitan hacer un uso orientado y positivo de las bondade

RECICLAJE
?rea: Ciencias Sociales Nivel: Secundaria

e un pa?s se mide por la cantidad de residuos que produce. Pero no es menos cierto que su grado de cultura y desar
INTRODUCCI?N
impacto medioambiental que producen nuestras basuras. Esta actividad puede ser interesante y en ella puedes encon

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 PREGUNTAS
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 lab

p?gina 1
p?gina 2
p?gina 3

LAelGRAN
tu idea sobre PREGUNTA
reciclado: ?Qu? porcentaje de la basura dom?stica crees que se puede reciclar?... (pi?nsalo y contest

PAGINA - 71 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES

ar? la precisi?n enEVALUACI?N


la respuesta, la justificaci?n en aquellas que lo necesiten, la redacci?n clara y escrita atendiendo a la

EJEMPLO: Un modelo la tenemos en el siguiente:

2.3.- CLASES VIRTUALES DE HISTORIA UTILIZANDO VIDEOS DE YOUTUBE.-

nfianza de los v?deos que encontramos en YouTube, no


den la gran mayor?a de nuestros estudiantes. Por ello debemos explotarlo de modo orientando
deos hace que podamos utilizar con mucho valor este servicio:

2.4.- PERIODICOS ESCOLARES ELECTR?NICOS.-

ramienta que explotan los docentes de comunicaci?n para que los alumnos puedan publicar no
ales, regionales, nacionales e internacionales. Poniendo en pr?ctica sus opiniones y creatividad so
idad.

2.5.- M?DULOS DE TRABAJO PARA CASOS DE ALUMNOS QUE FALTAN A LA


ESCUELA O PARA ESTUDIOS A LARGA DISTANCIA.-

ios para alumnos que se hayan ausentado de clases


os sirvi? para trabajar con alumnos de la nocturna.
cuando han faltado por causas justificadas, pero con evaluaciones presenciales obligatorias. As? n

s Instituciones Educativas pueden integrarse y actualizarse en tiempo real, de esa forma se est

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:

PAGINA - 72 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES

ANEXO
a elaborar su Blog todo participante debe desarrollar por escrito el contenido, para ello debemos utilizar
FICHA DE PR?CTICA N? 1

T?tulo :
Blog

[Descripci?n]

S?bado de Octubre de 2010

T?tulo :
Entrada

Archivos del blog


2010 ( ) Octubre ( )

Posted by _ _ _ _ @ 9:15 AM

S?bado de Octubre de 2010

T?tulo :
Entrada

Datos personales

Ver todo mi perfil

Posted by _ _ _ _ @ 10:15 AM

PAGINA - 73 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES

FICHA DE PR?CTICA N? 2

ELABORANDO UNA ENTRADA A TU BLOG APLICANDO FORMATOS


1.- Ingresa a la p?gina de Blogger
2.- Ingresa a tu Blog con tu Nombre de usuario y Contrase?a para agregar la siguiente Entrada

T?tulo HISTORIA DEL CUSCO Entrada :

n busca del lugar exacto.

valle del r?o Huatanay, proceso que culminar?a con la fundaci?n del Cuzco. Se desconoce la fecha aproxim

siguientes indicaciones:
a el T?tulo de la Entrada: HISTORIA DEL CUSCO
las Imagenes a tu entrada:
imagen est? ubicado en: Escritorio y la otra agr?galo de Internet (Google-HISTORIA DEL CUSCO) C.- Format
ormato del T?tulo del contenido:

C.3.- Formato de P?rrafos con vi?etas:


Tipo de Texto: Lucida Grande Tama?o de Texto: Grande Atrib
exto: Verdana
Color: Naranja
e Texto: Grande Atributos: Negrita y Cursiva Color: Azul
Alineaci?n: Centrada
: Centrada
C.2.- Formato de Primer y segundo
P?rrafos:
Enlaces:
exto: Courier Tama?o de Texto: Normal Atributos: Sin atributos Color: Rojo
Municipalidad del cusco:
Alineaci?n: Justificada
Diario del cusco:

PAGINA - 74 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES

FICHA DE PR?CTICA N? 3

ELABORANDO UNA NUEVA ENTRADA A TU BLOG, APLICANDO FORMATOS


E IMAGEN DESDE LA WEB Y CAMBIANDO SU UBICACION
.- Ingresa a la p?gina de Blogger e Ingresa a tu Blog para agregar la siguiente Entrada

T?tulo
Entrada : FUNDACION ESPA?OLA DEL CUSCO

ciudades como enlace entre la capital del Imperio y la pionera ciudad de und? la ciudad del Cusco, establ

Posted by _ _ _ _ @ 4:15 PM

siguientes indicaciones para el Formato:


sa el T?tulo de la Entrada: FUNDACION ESPA?OLA DEL CUSCO B.- Agrega la Imagen a tu entrada:
a imagen esta ubicado en: Google/Im?genes - Francisco Pizarro
ormato 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 Tama?o de Texto: Grandes Atrib
- Formato de Primer y segundo P?rrafos: Color: Azul
Tipo de Texto: Times Tama?o de Texto: Normal 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


P?gina de Gu?a del Cusco

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 - 75 -
INTERNET : LIBROS ELECTRONICOS LIC. ALDO VEGA ROSALES

BIBLIOGRAF?A CONSULTADA

P?ginas Web:
1.- https:/

2.-

3.-

4.-

5.-

6.-

7.-

8.-

9.-

PAGINA - 76 -