UNIVERSIDAD NACIONAL FEDERICO VILLARREAL

ESCUELA SECUNDARIA

ESPECIALIDAD COMPUTACION E INFORMATICA

INTEGRANTE KATHERINE PARRA QUINTO

PROFESORA JENNY MORENO ZEAS

TALLER DE DISEO Y ELABORACION DE MATERIAL PRIMARIO

2017
LIMA PERU
 CREANDO UN BLOGGER EN CUENTA GMAIL

Un blogger es un servicio creado por Pyra Labs y adquirido por Google 2013, que permite
publicar una bitcora en lnea. Para publicar contenidos. Para publicar contenidos no tiene
que escribir ningn cdigo o instalar programas de servidor.
Los blog alojado en blogger generalmente estn en Google dentro de un dominio.

Crear tu
cuenta de
Gmail
Primero crear una cuenta de Gmail.

Una vez creado la cuenta de Gmail, se puede acceder a Blogger para elaboracin de pgina
web en lnea.
Una vez creado, en la pgina de bandeja de entrada de Gmail se dirige en Google Apps
Donde encontraran aplicaciones una de ellas es Blogger.

Elige en
Icono
Blogger

Luego entrando a Blogger indicar crear Blogger y clic.

Clic en
Crear tu
Blog
Luego se abre una pgina donde se podr observar continuar en Blogger

Clic
Continuar
en Blogger

Se abrir la pgina para la creacin del Blogger, donde se dar clic Crear un Blogger

Clic en Crear
un Blog
Una vez ingresado, escribir un ttulo para su Blogger y una direccin para el blogger que
se diseara.

Ingresar el
TITULO
DIRECCION

En Lista de Blogs se observara donde indica elegir Tema para su nuevo blogs.
Clic en la imagen indicada.

Clic en
TEMA
Una vez realizado los pasos indicados anteriormente, se comenzara a disear el Blogs.

Se debe elegir una plantilla, para eso debe descargar de Google.

Buscar
Plantilla
para
Blogger
Una vez ingresado para buscar plantillas, se observara plantillas para elegir, escoja de
acorde al tema elegido al inicio.

Elegir la
Plantilla.
Preferencia
acorde a Tema

Una vez elegido el diseo de Plantilla para el Blogger, se descargara en escritorio para
extraer el archivo.

Clic
DOWNLOAD
Una vez descargado la plantilla y extrada en carpeta, volver al Blogger y dirigirse a Tema.

Clic en
TEMA

Una vez ingresado en Tema donde se abrir la pgina de blogs que hemos elegido desde
un principio.
Donde daremos clic en Crear/Restablecer copia de seguridad

Clic
Restablecer
copia de
seguridad.
Se abrir una ventana indicando para seleccionar archivo, donde daremos clic en
Seleccionar Archivo

Clic
Seleccionar
Archivo

Una vez seleccionando el archivo de la carpeta extrada de la plantilla seleccionada,

mostrara la Plantilla dentro de tu Blogger.

Podrs
observar tu
PLANTILLA
EN
BLOGGER
Una vez observado la Plantilla dentro de Blogger, se dar clic ver Blogs.

Clic Ver
Blogs

Luego de ingresar Ver Blogs, se observara la plantilla selecciona como diseo de tu

Blogger.
Una vez observado la pgina web de su blogger, volver a Blogger.
Clic Pginas todos.
Donde se creara una pgina en su Blogs.

Clic en
Pgina

Una vez ingresado a Pgina, luego ingresar a Nueva Pgina, para ingresar el archivo que
quiere que vaya como pgina en el Blogger.

Ingresar
Nueva
Pagina
Luego que se ingresa a Nueva Pgina se abrir una nueva donde colocaremos el ttulo y un
contenido para su creacin.

Insertar el
TITULO

Insertar un
TEMA

Regresando al Bloggers a la opcin para configurar el Blogger nos dirigimos en Diseo.

Donde se abrir una pgina y donde se dirigirn en Crosscol darn clic en Aadir un
Gadget
Clic en
DISEO

Clic en
AADIR
UN
GADGET
Se Abrir una ventana donde nos dar opciones para aplicar en el diseo de Blogger.
Donde dar clic en Pginas.

Clic en
PGINAS

Luego seleccionas la pgina que quiere que se visualice y luego clic en la opcin Guardar.

Archivos
Clic
Guardar Guardados
Luego se verifica en el Blogs los temas que se descarg.

Una manera en ir a tu blog y verifica si tu tema o plataforma dar Clic en Herramientas

Esta
herramienta
te har
insertar
pginas en
tu men
principal de
tu blog sin
la necesidad
de ir a
gadget.
Una vez ingresada en barra Herramienta donde se mostrara una ventana, donde
aparecern las Pginas creada, donde esa ventana indicara que paginas deseas que se
muestre en Blogs.

Indicar las
Pginas a
mostrar.

Luego de realizar en chequeo que paginas desea que se muestra en Blogs.

Entraras ver Blogs donde se mostrara la Pgina.

Se mostrara
en Men.
Ahora se creara un link en nuestro blog para que nos lleve directo a la pgina de Per
Educa:
Clic en tema y luego clic en HTML.

Clic
Editar
HTML

Donde aparecera los codigos de HTML.

Luego buscamos la pgina principal de Per Educa.
Copiar el link.

Copiar el link
Per Educa.

Buscar la pgina que desea remplazar, en este caso es LinkedIn por la pgina de
Per educa.

Remplazar
Linkedln
por pagina
Per
Educa
Para buscar la pgina en cl cdigo HTML lo buscamos de una forma ms rpida con
CTRL + F:

Insertar
Cdigo
Linkedin

Una vez terminado se cambian los trminos siguientes:

HREF: Aqu va la direccin de la pgina web que queremos enlazar
TARGET: aqu va como quiero que se visualice la pgina, si en la misma pgina o en
otra pgina.

Ya conocemos todo lo que necesitamos sobre los frames, pero antes de empezar la
siguiente prctica es importante conocer una serie de valores de TARGET con
significado especial.
Como hemos visto, el atributo TARGET nos permite mostrar el resultado de un
enlace en el frame que queramos indicando el nombre de dicho frame. Existen,
adems, ciertos valores que puede tomar este atributo que tienen un significado
especial:
TARGET="_blank"
Fuerza que el documento referenciado por el enlace sea mostrado en una nueva
ventana del navegador.
TARGET="_self"
Usando este valor el documento enlazado ser mostrado en el mismo frame o
ventana donde est el enlace. Este valor es especialmente til cuando se ha usado la
etiqueta BASE para especificar un frame destino por defecto distinto del actual.
TARGET="_parent"
Este valor provoca que el documento sea mostrado en el FRAMESET padre del frame
actual.
 TARGET="_top"
Fuerza a que el enlace sea mostrado usando todo el espacio de la ventana del
navegador destruyendo toda estructura de frames. Este valor debe ser usado siempre
que creemos un enlace a una pgina externa a nuestro sitio web.

IMG ALT: cambias y escribes el nombre de tu pgina.

SRC: aqu escribo la Direccin de la imagen, es decir la direccin dl icono que
quiero poner en mi enlace.
TITLE: aqu va el ttulo de mi enlace.

<a href='http://www.perueduca.pe/'
target='_blank'><img alt='PEREDUCA'
src='https://1.bp.blogspot.com/-
Aq7XQDjHPsM/WSD7RYWv-
YI/AAAAAAAACo8/elTWlcZGKPEdyou4ofrlx2LwqFLyrld
4gCEw/s1600/PER%25C3%259AEDUCA.ico'
title='PEREDUCA'/></a>

Luego terminado, Busc y guardo el icono de mi pgina en formato 32*32 pixeles:

Eje: PERU EDUCA

Poner Tamao a imagen.

Se procede a Guardarlo.
Procederemos a guardar el icono en mi pgina ya creada llamada imgenes.

Clic en elegir archivo:

 Clic en aadir la imagen seleccionada:

Elige la imagen
de Icono a
cambiar.

Clic sobre la imagen insertada y COPIAR LA DIRECCIN DEL ENLACE para luego
pegarlo en SRC en el lenguaje HTML-. :
Clic en ACTUALIZAR

Clic

ACTUALIZAR

Procede a cambiar la direccin de la imagen en SRC y guardar el tema guardar el tema:

Clic
Guardar
Ahora actualizamos nuestro blog y veremos el resultado:

Observam
os el Logo
de Per
Educa.

Continuamos.