Tutorial para crear un blog

Post on 13-Jun-2015

94 views 0 download

Tags:

description

Pasos para crear un blog

Transcript of Tutorial para crear un blog

PONTIFICIA UNIVERSIDAD CATÓLICA

DEL ECUADOR SEDE IBARRA

“PUCESI”

TUTORIAL PARA LA CREACIÓN DE UN

BLOG

AUTORA: Licenciada Sandra Esmeraldas Ayala Trujillo.(DOCENTE DE LA PUCESI)

IBARRA, AGOSTO-2014

a) Creación de cuenta de gmail

1.Entrar al internet www.google .com, seguidamente aparecerá una opción en la parte superior de la

pantalla, damos un enter en gmail, se abrirá una ventana donde escogemos la opción crear una

cuenta nueva.

Gráfico No. 25: Cuenta Gmail. Elaborado por: Google. Reelaborado por: Autora 2011.

2. Seguidamente aparecerá una ventana, donde completaremos toda la información requerida,

escribiremos el código y damos un click en siguiente paso.

Gráfico No. 26: Cuenta Gmail. Elaborado por: Google. Reelaborado por: Autora 2011.

3. Una vez llenado la información, empezaremos a editar el perfil, daremos un click en siguiente

paso y listo se ha creado la cuenta.

Gráfico No. 27: Cuenta Gmail. Elaborado por: Google. Reelaborado por: Autora 2011.

b ) Creación del blog.

Un blog podemos crear en 3 pasos:

1.Tener una cuenta en google

2.Asignar un nombre al blog

3.Elegir una plantilla y empezamos a publicar.

En este blog se creará 8 blogs, en una sola plantilla con la finalidad de tener una mejor organización

en las clases y que exixta un aprendisaje significativo, ya que los estudiantes aprenderán de sus

vivencias, el blog está organizado de la suiente forma: Gerencia del Aula, Francais I, Francais II,

Francais III, Francais IV, Videos, Fotos; dentro de cada blog hay actividades on line y tests, que

permitirá evaluar al estudiante.

Gráfico No. 28: Creación Blog. Elaborado por: Google. Reelaborado por: Autora 2011.

c) Elaboración de una plantilla para el Blog.

1. Una vez creado el blog de una forma rápida en solo tres pasos, instalamos un software llamado

ARTISTEER con la finalidad de elaborar una propia plantilla para luego subir a al blog. Luego

damos un enter en encabezado.

Gráfico No. 29: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011.

2. Una vez instalado el software, escogemos la opción archivo - nuevo y aceptamos en proyecto

nuevo.

Gráfico No. 30: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011.

3. Aparece una ventana para saber dónde queremos ubicar la plantilla, en este caso tomamos la

opción de BLOGGER.

Gráfico No. 31: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011.

4. Después aparecerá esta ventana y escoger, sugerir diseño, para poder poner el diseño requerido.

Gráfico No. 32: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011.

5. Una vez escogido el diseño aparece marcado en amarillo, la parte que vamos a cambiar.

Gráfico No. 33: Plantilla.

Elaborado por: Google. Reelaborado por: Autora 2011.

6. Seguidamente aparecerá la siguiente ventana que nos dice desde donde queremos tomar el diseño

para el fondo del blog, en este caso damos un enter en la opción desde archivo y nos va aparecer

una ventana para saber de dónde queremos subir el diseño y damos un enter en seleccionar y nos

aparece una ventana que nos da a escoger.

Gráfico No. 34: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011.

7. Aquí aparecerá una serie de herramientas con las cuales podemos utilizar.

Gráfico No. 35: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011.

8. Para el diseño se ha escogido una fotografía de la Universidad para poder subir a la plantilla.

Gráfico No. 36: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011.

8. Aparecerá una ventana pequeña y dar un enter en OK.

Gráfico No. 37: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011.

9. Una vez subida la imagen dar unenter en el botón de la parte superior posición y podemos ajustar

la imagen como más convenga. Luego dar un enter en la mitad de la imagen donde dice Titulo y

aparecerá en la parte superior derecha una opción que permite escribir el nombre del blog y poner

un slogan.

Gráfico No. 38: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011.

10. Una vez ya insertado el nombre del blog y el slogan, se puede alinear como más convenga.

Gráfico No. 39: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011.

11. Configurando el alineado pasar a configurar las letras, el tamaño como convenga, en este caso

se ha tomado este formato.

Gráfico No. 40: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011.

12. También se ha tomado una fotografía para poner en el encabezado, dando un enter en la opción

foto en primer plano, y escoger la opción desde archivo.

Gráfico No. 41: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011.

13.Una vez escogida la fotografía deseada, podemos configurar en la plantilla según la necesidad.

Gráfico No. 42: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011.

14. Se puede configurar los botones que están en la parte izquierda, borrando los que están por

defecto, para añadir los que se necesita.

Gráfico No. 43: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011.

15. También se puede configurar la parte marcada de amarillo con el color adecuado un enter en el

botón de la parte superior fondo y escoger el color apropiado. En este caso debido a una encuesta a

los estudiantes de Francés IV de la PUCESI, se escoge el color negro ya que según los estudiantes

resalta el color con los gadgets de color celeste.

Gráfico No. 44: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011.

16. Una vez configurado todos los colores, letras, tamaños de las letras que van en la plantilla

archivo dar un enter en archivo exportar opciones de exportar.

Gráfico No. 45: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011.

17.Aparecerá una ventana en la cual escogeremos la opción de exportación, en este caso Blogger.

Gráfico No. 46: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011.

18. Escoger la opción no, después dar un enter en ok. Está al pie de página y deshabilitamos la

opción que dice “Incluir enlaces de referencia al CMS y a artisteer”, y dar un enter en ok.

Gráfico No. 47: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011.

Gráfico No. 48: Plantilla. Elaborado por: Google. Reelaborado por: Autora 2011.

d) Pasos paracrear una nueva entrada en el blog.

1.Para crear una nueva entrada, entramos al blog y escoger la opción crear una nueva entrada.

Gráfico No. 49: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011.

2. Se puede redactar el titulo para dar al blog, este título se lo puede cambiar cuantas veces sea

necesario. En esta ocasión subiremos un archivo desde google docs.

Gráfico No. 50: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011.

3. Abrir la página en google docs y seleccionar el archivo que vamos a subir a nuestro blog.

Seguidamente abrir el documento que debe estar en la opción PDF.

Gráfico No. 51: Herramienta de google. Elaborado por: Google. Reelaborado por: Autora 2011.

4. Seguidamente escoger la opción Archivo y escoger la opción insertar este archivo como pdf.

Gráfico No. 52: Herramienta de google. Elaborado por: Google. Reelaborado por: Autora 2011.

5. Se abrirá un código el cual lo copiamos y lo pegamos en la opción HTML abriendo la página del

blog, después dar un click en actualizar.

Gráfico No. 53: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011.

6. Después dar un clicken ver blog, aquí se puede apreciar si ya esta subido el documento que

necesitamos. Además se puede, suprimir, visualizar.

Gráfico No. 54: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011.

Gráfico No. 55: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011.

e) Comentarios.

1. Para configurar un comentario entrar al blog desde la opción configuración, se puede configurar

para que sólo puedan comentar los autores del blog, los usuarios registrados (previamente

autorizados por los autores) o cualquier persona.

Gráfico No. 56: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011.

f) Pasos para crear un chat en el blog.

1. Para crear un chat en el blog creamos una cuenta en cbox, una vez creada la cuenta en este sitio

tenemos acceso para incrementar un chat, en la parte superior esta un botón que dice publish

daremos un clic aquí, se nos aparecerá un código lo cual tenemos que copiar dando un clic en copy

to clipboard, se marcara todo el código y escogemos en la opción permitir acceso , nos saldrá una

nueva ventana y aceptamos esta opción.

Gráfico No. 57: Herramienta de cbox. Elaborado por: Google. Reelaborado por: Autora 2011.

2.Entramos nuevamente al blog escogemos la opción añadir un gadgety nos pide de donde

queremos añadir, escogemos la opción HTMJ/JAVASRIPT.

Gráfico No. 58: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011.

3. Aparecerá una ventana donde configuraremos, he puesto la palabra On parle envés de chat,

soltamos el cursor en el cuadro grande y por defecto va aparecer un código y guardamos.

Gráfico No. 59: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011.

4. Una vez guardada la configuración, aparece la siguiente ventana que esta graficada y guardamos

y damos un clic en ver blog.

Gráfico No. 60: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011.

5. Aquí se puede mirar que el chat se encuentra en el blog y que está listo para poder empezar a

chatear.

Gráfico No. 61: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011.

g) Pasos para configurar cada uno de los blogs creados.

1. Una vez creado los 8 blogs, pasar a configurar cada blog, ir al escritorio, dar un clic en ver blog,

después va aparecer una ventana, copiar el URL, aparecerá una ventana, en esta ventana pegar y

aceptar. Este procedimiento hacer con todos los blogs creados.

Gráfico No. 62: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011.

2. Después dar un clic en probar la interfaz actualizada del blogger.

Gráfico No. 63: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011.

3. Seguidamente dar un clic en la flechita negra que se encuentra junto a la opción ver blog, nos

aparecerá unas opciones, escoger la opción páginas.

Gráfico No. 64: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011.

4. Dar un clic en página nueva y aparecerá dos opciones, escoger la opción dirección web.

Gráfico No. 65: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011.

5. Luego dar un clic en blog de notas que se encuentra en la parte inferior de la pantalla, junto al

software artisteer, después aparece la ventana, copiamos el URL del blog.

Gráfico No. 66: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011.

6. Pegar el URL donde pide, y escribir el nombre del blog, después damos un click en guardar. Este

proceso vamos hacer en todos los nueve blogs para que aparezca un link para poder navegar por

todos los nueve blogs. Guardar, después guardamos la disposición.

Gráfico No. 67: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011.

7. Después entrar al blog y se puede ver que esta ya configurado en la plantilla general.

Gráfico No. 68: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011.

8. Entrar al blog principal francais en line, dar un clic en Inicio-editar porque cambiaremos la

palabra inicio por Gerencia del Aula, aparecerá una ventana donde se escribirá el otro nombre

queremos y damos un clic en aceptar.

Gráfico No. 69: Herramienta de bloger.

Elaborado por: Google. Reelaborado por: Autora 2011.

h) Subir imágenes al Blog.

1. Para subir fotografías a nuestro blog, se requiere crear una cuenta en ImageShake, una vez creado

la cuenta entrar a la cuenta en este sitio y subir las fotografías que deseadas, dando un click mis

imagines, seleccionar la fotografía y dar un click en cargar ahora. Una vez que la fotografía está ya

en este sitio, abrir el blog.

Gráfico No. 70: Herramienta de bloger. Elaborado por: Google. Reelaborado por: Autora 2011.

2.Una vez que ya está abierto el blog, escoger la opción donde se quiere que nuestras fotografías

estén alojadas., en este caso el blog se llama ICI PHOTOS, aquí apareceráuna ventana y escoger la

opción entrada, escribir el nombre que se va dar a las fotografías, seguidamente abrir el sitio web

en imageshack.us y escoger las imágenes que pondremos en el blog dando un clic en la parte

superior de los herramientas que tenemos junto a las imágenes share it.

Gráfico No. 71: Herramienta de imageshack. Elaborado por: Google. Reelaborado por: Autora 2011.

3. Una vez compartido las fotografías, aparecerá una ventana y copiar el sitio donde está ubicada la

imagen.

Gráfico No. 72: Herramienta de imageshack. Elaborado por: Google. Reelaborado por: Autora 2011.

4. Abrir el blog desde insertar imagen, desde la opción desde una URL , escoger pegar la URL de

la imagen, y aquí pegar lo que se había copiado en el sitio de imageshack, aparecerá una ventana ya

con le imagen seleccionada, dar un clic en añadir las imágenes seleccionadas, este procedimiento

hacer con todas las fotografías, para que se forme una galería de fotos. Alinear las fotografías como

más convenga, ya alineadas las fotografías dar un clic en actualizar.

Gráfico No. 73: Herramienta de blogger.

Elaborado por: Google. Reelaborado por: Autora 2011.

i)Subir un video de un sitio a youtube y desde este sitio al blog.

1. Primero crear una cuenta en youtube, una vez creado la cuenta entrar a este sitio, dar un clic en

social-subir video, después aparecerá desde donde queremos subir el video, después dar un clic en

abrir.

Gráfico No. 74: Herramienta de youtube. Elaborado por: Google.Reelaborado por: Autora 2011.

2. Una vez subido el video a youtube dar un clic en exportar-francaisenline, dar un clic en gestor de

videos.

Gráfico No. 75: Herramienta de youtube. Elaborado por: Google. Reelaborado por: Autora 2011.

3. Aquí en este sitio van a estar almacenados todos los videos que están subidos, abrir el video que

queremos subir al Blog, después dar un clic en compartir-insertar, aparecerá un código el cual lo

copiamos.

Gráfico No. 76: Herramienta de youtube.

Elaborado por: Google. Reelaborado por: Autora 2011.

4. Abrir el Blog Videos-creación de entrada, copiar en la opción html, después dar un clic en

actualizar.

Gráfico No. 77: Herramienta de blogger. Elaborado por: Google. Reelaborado por: Autora 2011.

Gráfico No. 78: Herramienta de blogger. Elaborado por: Google. Reelaborado por: Autora 2011.

j)Subir archivos desde google-docs.

1. Abrir el internet google.com, dar un clic en docs para poder entrar al sitio donde están alojados

los documentos.

Gráfico No. 79: Herramienta de google. Elaborado por: Google. Reelaborado por: Autora 2011.

2. Seguidamente se abrirá una nueva ventana mostrando los documentos, dar un clic en el

documento que deseamos subir al blog, esperar que se cargue,abrir el blog y desde una nueva

entrada, desde archivo escogerinsertar como PDF copiar el código.

Gráfico No. 80: Herramienta de google. Elaborado por: Google. Reelaborado por: Autora 2011.

3. Abrir el blog gerencia del aula, abrir una nueva entrada, desde la opción HTML, pegar el código

que copiado y dar un clic en actualizar.

Gráfico No. 81: Herramienta de blogger. Elaborado por: Google. Reelaborado por: Autora 2011.

k) Cómo subir enlaces al blog.

1.Para agregar o quitar enlaces a la barra de links del blog, primero escoger la opción crear nueva

entrada, después ir al menú de enlaces, desplegarlo y dar un click en Añadir.

Gráfico No. 82: Herramienta de blogger. Elaborado por: Google. Reelaborado por: Autora 2011.

2. Una vez en la pantalla de edición de enlaces completar los campos:

a) El nombre de la página que incluiremos en nuestra barra;

b) La dirección URL completa del sitio (por ejemplo: http://campusvirtual.pucesi.edu.ec/portada)

c) Describir la página que estamos enlazando

d) Situaremos al enlace dentro de una categoría (que pondremos crear en la misma pantalla)

e) Crear el link

Gráfico No. 83: Herramienta de blogger. Elaborado por: Google. Reelaborado por: Autora 2011.

3. Una vez pegado el URL de la página, dar un click en Publicar, en esta imagen se puede apreciar

que ya está el enlace en el blog.

Gráfico No. 84: Herramienta de blogger. Elaborado por: Google. Reelaborado por: Autora 2011.

1. Para eliminar los links dar un click en Editar en el menú de enlaces.

Gráfico No. 85: Herramienta de blogger. Elaborado por: Google. Reelaborado por: Autora 2011.

5. Para eliminar dar un click en suprimir, seguidamente saldrá una ventana en la que dice si

queremos eliminar la entrada, dar un enter en aceptar.

Gráfico No. 86: Herramienta de blogger. Elaborado por: Google. Reelaborado por: Autora 2011.

k) Configuración del blog

1. Si quiere administrar el blog debemos identificarnos usando la dirección de correo electrónico y

contraseña que utilizamos en el proceso para crear un blog. Podremos añadir entradas, comentarios,

editar los contenidos, mejorar la configuración, etc.

 

Gráfico No. 87: Herramienta de blogger. Elaborado por: Google. Reelaborado por: Autora 2011.

2. Se puede configurar el blog dando un enter en la palabra editar, en este casose configurará el

titulo, porque está en español.

Gráfico No. 88: Herramienta de blogger.

Elaborado por: Google. Reelaborado por: Autora 2011.

3. Después de cambiar el título y dar un enter en guardar cambios. con este procedimiento se podrá

configurarel blog.

Gráfico No. 89: Herramienta de blogger. Elaborado por: Google. Reelaborado por: Autora 2011.