Manual

35

description

El blog como medio de creatividas

Transcript of Manual

Page 1: Manual
Page 2: Manual

1. LOS BLOGS EDUCATIVOS: PARA QUÉ SIRVEN Y CÓMO SE USAN.

Son muchas las posibilidades a la hora de crear un blog, pero para crear un blog educativo, quizá la mejor elección sea el servicio gratuito de Blogger, que pertenece a Google.

2. CREAR Y PUBLICAR UN BLOG. 2.1. CREAR UNA CUENTA DE GOOGLE.

2.2. ACCEDER A BLOGGER.

Escribir en la barra de direcciones: www.blogger.com

Aparecerá la siguiente pantalla:

Page 3: Manual

En una cuenta de Blogger puedes crear muchos Blogs independientes, sólo comparten el perfil.

Page 4: Manual

2.3. CREAR EL BLOG.

Da un Clic sobre el botón naranja: CREAR UN BLOG

Paso 1: Creando tu cuenta.Completamos el cuadro siguiendo las indicaciones.

Una vez completado pulsamos CONTINUAR.

A continuación aparecerá una pantalla que te pedirá el número de teléfono para que te proporcionen un código.

Page 5: Manual

Paso 2: Asignar nombre al blog.

Page 6: Manual

Paso 3: Escoger una plantilla.

A continuación aparecerá el siguiente mensaje:

Damos un clic en EMPEZAR A PUBLICAR y aparece la siguiente pantalla:

2.4. CREACIÓN DE ENTRADAS.

Paso 1: Damos un clic en el enlace NUEVA ENTRADA y seguimos los siguientes pasos.

Page 7: Manual
Page 8: Manual

Paso 2: Añadir una imagen a la entrada.

Una vez insertada la imagen se puede editar:

Paso 3: Añadir texto a la imagen.

Paso 4: Una vez terminado damos clic en el botón VISTA PREVIA

Paso 5: Si estamos conforme con el resultado le damos a PUBLICAR ENTRADA

Page 9: Manual

2.5. PUBLICANDO LA ENTRADA Y VIENDO TU BLOG.

Una vez publicado tu Blog aparecerá la siguiente pantalla con la Ficha Creación de entradas superpuesta que te indica que la entrada de tu Blog ha sido publicada.

Paso 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 utilizarel 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).

Paso 2: Por el momento utiliza la segunda opción para revisar tu Blog publicado y cierra la ventana.

2.6. CREAR UNA ENTRADA NUEVA.

Seleccionamos la opción Nueva entrada o el enlace celeste Crear una entrada nueva, veamos el primer caso:

Page 10: Manual

2.7. EDITAR UNA ENTRADA CREADA.

Si deseas realizar algunos cambios a cualquiera de las Entradas creadas, sigue los siguientes pasos:

Paso 1: En la Ficha Creación de entradas selecciona el enlace Editar entradas, veamos:

Paso 2: Aparecerá la siguiente pantalla donde podrás modificar cualquier entrada creada y otros cambios importantes en tu Blog.

Page 11: Manual

3. EL PANEL DE CONTROL O ESCRITORIO.

3.1. EDITAR PERFIL.

Paso 1: Ingresa a BLOGGER Recuerda: www.blogger.com (Luego presione [ENTER])

Paso 2: Nos dirigimos al Bloque Acceder a tu cuenta de Blog creado donde debes ejecutar los siguientes pasos:

Inmediatamente ingresarás por primera vez al Panel Escritorio, donde distinguiremos las siguientes opciones a utilizar en adelante:

Page 12: Manual

3.2. INGRESAR DATOS Y AÑADIR FOTO AL PERFIL.

Paso 1: INGRESAR DATOS.1.- Selecciona el enlace Editar perfil del Panel Escritorio.2.- Aparecerá el panel Editar perfil de usuario en el que puedes completar o dejar en blancoaceptando las opciones según tu información personal.Paso 2: AGREGAR UNA FOTO O IMAGEN A TU PERFIL.1.- Podemos subirlo desde el equipo.2.- Subir imagen desde la Web.- Ello implica que tu foto debe tener una dirección URL en Internet.

Una vez culminado da un clic sobre el botón GUARDAR PERFIL.

Page 13: Manual

En este momento seleccionamos la opción Volver a: Escritorio. Aparecerá la siguiente ventana:

Cerramos BLOGGER y entramos al Blog por Internet Explorer Recuerda: www. ___________________.blogspot.com [Enter]

4. CONFIGURACIÓN.

1.- Abre BLOGGER e ingresa con tu Nombre de Usuario y Contraseña.2.- Selecciona el enlace Configuración del Panel Escritorio.

Page 14: Manual

3.- Aparece la siguiente pantalla y damos clic en Configuración. Si queremos hacer cambios, damos en el enlace Básico.

4.- Para realizar otros cambios, volvemos a CONFIGURACIÓN y pinchamos en el enlace Publicación.Aquí cambiamos la dirección URL de tu blog.

Page 15: Manual

5.- Una vez la configuración se ha guardado correctamente, selecciona el enlace Formato de la ficha Configuración.

6.- Selecciona el enlace Comentarios de la ficha Configuración.

Page 16: Manual

7.- Selecciona el enlace Permisos de la ficha Configuración.

Page 17: Manual

5.DISEÑO

1.- Abre BLOGGER e ingresa con tu Nombre de Usuario y Contraseña.2.- Selecciona el enlace Diseño del Panel Escritorio.

3.-Aparecerá la siguiente pantalla con la ficha Diseño superpuesta, los cambios lo trabajarás en el enlace Elementos de la página.

Page 18: Manual

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á lasiguiente 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 losiguiente:1.- Da un clic sobre el enlace Editar de la Cabecera, aparecerá la siguienteventana.

Page 19: Manual

Puedes subir una imagen desde tu equipo, o desde la Web con la URL de la imagen.NOTA1.- Para no desproporcionar la cabecera, la imagen debe tener dimensiones hasta Ancho: 700 x Alto 124 Píxeles. Para cubrir toda la cabecera.NOTA 2.- Cuando se pega la URL de la imagen debes mover el punto de inserción al inicio de la URL, sólo así se verá la imagen.

DISEÑO DE LA CABECERA CON ADOBE ILLUSTRATOR

1.Archivo abrir NUEVO documento. Aparecerá la siguiente ventana.2.La primera composición que vamos a crear la anchura es de 700 px y la altura 100 px.3.Antes de dar a OK, debemos tener en cuenta que se trata de una imagen para web, por tanto el modo de color será RGB.

Page 20: Manual

4.A continuación aparecerá la siguiente ventana y empezamos a trabajar sobre este formato.

Page 21: Manual

5.Una vez finalizada la imagen, exportamos a jpg y la guardamos en el escritorio.

Page 22: Manual

6.Volvemos al blog, a DISEÑO y editamos la cabecera. Para ello insertamos la imagen en la siguiente ventana:

Page 23: Manual

7.Como ya hemos incluido el texto, en la ubicación de esta ventana señalamos “En lugar del título y la descripción” y damos a GUARDAR.8.El resultado de las dos imágenes que he creado son las siguientes: Las dimensiones de la primera imagen son de 700 px de ancho por 100 px de alto, y de la segunda imagen son de 800 pxde ancho por 300 px de alto. 700x100Calidad baja

Page 24: Manual

800x300Calidad media

3.3.- Editar las Entradas del Blog.- Para configurar las Entradas ejecuta lo siguiente:1.- Da un clic sobre el enlace Editar de la zona de Entradas del blog, aparecerála siguiente ventana donde podrás modificar: El número de entradas, El formatode fechas, etc. Así como ordenar las etiquetas arrastrándolos.

Page 25: Manual

3.4.- Editar la zona Archivo del Blog.- Para configurar la zona de enlaces a las Entradas de tu Blog ejecuta lo siguiente:1.- Da un clic sobre el enlace Editar de la Zona Archivo del Blog, aparecerá lasiguiente ventana donde podrás modificar: El Título, Estilo, Formato de Fecha, etc.

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

Page 26: Manual

3.6.- Organizar elementos de la página.- Sólo se pueden organizar los elementos de tupágina: Seguidores, Datos personales y Archivo de blog o los elementosañadidos. Para ello ejecuta lo siguiente:

Page 27: Manual

3.7.- Añadir un Elemento de Página a tu Blog (Añadir un gadget).

Puedes añadir los siguientes Elementos básicos:

Page 28: Manual

A.- Añadir una Lista de vínculos.-

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

Page 29: Manual

B.- Añadir una Imagen.- Puedes añadir una imagen desde tu equipo o desdecualquier otro lugar de Internet. Además ahora puedes enlazar esa imagen con unaPágina Web, conociendo su dirección. Para desarrollar estas acciones debes teneren cuenta:1.- Para añadir una imagen colgada en Internet, debes conocer ladirección URL de la imagen. (Debes copiar la URL).2.- Si deseas enlazar esa imagen con una Web, debes conocer ladirección URL de esa Web.Luego ejecuta lo siguiente:1.- Da un clic sobre el enlace Añadir un elemento de página de la zonaque desees, por ejemplo la zona de vínculos principal, aparecerá la ventanaAñadir un elemento de página (Añadir un gadget).

Page 30: Manual

Ejemplo:

Page 31: Manual

Page 32: Manual

Una vez terminamos estos pasos, le damos a guardar.El enlace a Delphos aparece en nuestro blog.

Page 33: Manual

C.- HTML/Javascript

1. Volvemos a DISEÑO, elementos de la página y pulsamos en añadir un gadget.

2.-Ubica el elemento HTML/Javascript y da un clic sobre la imagen.

3.-Nos vamos a google y en el buscador ponemos “gadget para blogger”. En el primer enlace buscamos “Chistes de hoy”. Nos aparecerá la siguiente página:Como vemos debajo de la imagen tenemos el código HTML, lo seleccionamos y le damos a copiar.

Page 34: Manual

4.-Nos volvemos a ir a:

5.-Aparece la ventana siguiente, dónde lo vamos a copiar

Page 35: Manual

6.-Guardamos y nos vamos a “ver blog”

“El blog como medio de creatividad” Ana Belén Pérez Vargas