Diseño y plantilla de un blog Curso Blogs Tutoriales Academia Usero

7/30/2019 Diseo y plantilla de un blog Curso Blogs Tutoriales Academia Usero

1/8

4 ESO INFORMTICA UD 13 SESIN 03 OPENOFFICE.ORG BLOGS

IES HUERTA DEL ROSARIO (CHICLANA)

13.3. BLOGS13.3.1. DISEO Y PLANTILLAS

Es muy simple cambiar el diseo del blog con blogger. Si tuvieramos que cambiar el diseo

a mano, es decir, modificando el cdigo de la pgina web, nos llevara mucho tiempo y trabajo.Como ejemplo, aqu te dejo el cdigo de las pginas webs que ests haciendo para que veas.Qu es un reboot?Un reboot de una franquicia cinematogrfica se produce por un cansancio o faltade resultados en taquilla por parte de los responsables anteriores.

En este caso, el fracaso de Spider-man 3, no tanto en taquilla como en pblicoverdaderamente enamorado del personaje ha supuesto la baja del director SamRaimi y de los principales protagonistas, Tobey Maguire y Kirsten Dunst.
El fichaje de un nuevo director, Marc Webb, as como unos nuevos protagonistasva a suponer un reinicio o reboot de la franquicia.

stas solo son algunas de las 997 lneas que forman una de las entradas del blog. Afortunadamente,blogger nos hace el trabajo mucho ms sencillo.

UD13S3. EJERCICIO 1. Cambiar el diseo general.1. Entra en www.google.com2. En la parte superior derecha se muestra un botn llamadoIniciar sesin. Haz clic sobre l.

1/8 Profesor Jos Luis Usero Vilchez
http://www.google.com/http://www.google.com/


2/8



3. Se abre la pgina para iniciar sesin en Google. Escribe la direccin de correo electrnico quecreaste en la sesin anterior blogieshr[grupo][numordenador]@gmail.com

4. Escribe tu contrasea.5. Haz clic en el botnIniciar sesin.

6. Ahora entra en blogger. Haz clic en la barra de direccin.7. Escribe la direccinwww.blogger.com8. Pulsa la teclaIntro.

9. El aspecto de tu cuenta de blogger ser similar al siguiente. Es posible que t ya tengas algunaentrada creada. Aqu puedes ver como yo ya tengo 3 entradas. Vamos a cambiar la plantilla. Enla zona izquierda tienes las opciones de modificacin del blog. Haz clic en el enlace Plantilla.


[email protected]
http://www.blogger.com/http://www.blogger.com/http://www.blogger.com/


3/8



10. Se abre la siguiente pgina. En ella puedes ver una vista previa del aspecto de tu blog, tantovisto en un ordenador como visto en un mvil (s, tu blog est disponible en todos los mvilesdel mundo). Si bajas en la pgina, podrs ver los distintos tipos de plantillas que puedes aplicar,

pero nosotros vamos a personalizar la plantilla. Haz clic en el botn Personalizar.

11. La siguiente pgina est dividida en 2 zonas. En la parte superior puedes ver las plantillas quetienes a tu disposicin y en la parte inferior tienes una vista previa del blog como te va a quedarcuando modifiques la plantilla. Hay muchas plantillas con variedad de colores. Puedes hacerclic en el pequeo tringulo a la derecha para ver todava ms plantillas.

12. Yo he elegido dentro de las plantillas de Picture Window la de la derecha. Y luego puedesseleccionar en la parte inferior varios colores dentro de la misma plantilla. Te invito a quepruebes hasta que tengas una plantilla que te guste. Hay mucha variedad.



4/8



13. Espera, todava no hemos terminado. Vamos a cambiar el fondo. Haz clic en el textoFondo enla zona izquierda del diseador de plantillas.

14. En la zona derecha puedes elegir una imagen de fondo y un conjunto de colores sugeridos para

el tema. Haz clic en el pequeo tringulo a la derecha del cuadroImagen de fondo.15. Se muestra una ventana donde podemos elegir entre distintas categoras de imgenes y luego

hacer clic sobre la imagen de fondo que ms te guste. Te invito a que pruebes hasta encontrarun fondo a tu gusto.

16. Cuando hayas elegido el fondo, haz clic en el botnFinalizado.17. A m me ha quedado el ttulo muy grande, tan grande que me ocupa 2 lneas. Vamos a tunearlo

un poco. Haz clic en el textoAvanzado.



5/8



18. Aqu puedes cambiar casi TODAS las opciones del blog: el texto, el ttulo, los colores, etc. Yovoy a cambiar el ttulo as que hago clic en el texto Ttulo del blog.

19. Y, a la derecha, tengo todas las propiedades que puedo cambiar del texto. Yo he cambiado eltamao y el color. Observa como la zona que se est modificando se muestra con un cuadro depuntos rojos alrededor.

20. Una vez terminado, haz clic en el botn Aplicar al blog en la zona superior derecha de lapgina.

21. Y, para terminar, haz clic en el enlace Volver a blogger, tambin en la parte superior.



6/8



13.3.2. GADGETS O WIDGETSUn gadget o widget es una aplicacin electrnica diseada para proveer de informacin o

mejorar una aplicacin o servicios de un ordenador o computadora, o bien cualquier tipo de

interaccin a travs de Internet.Entre sus objetivos estn los de dar fcil acceso a funciones frecuentemente usadas y proveer

de informacin visual. Sin embargo los widgets pueden hacer todo lo que la imaginacin desee e

interactuar con servicios e informacin distribuida en Internet; pueden ser vistosos relojes en

pantalla, notas, calculadoras, calendarios, agendas, juegos, ventanas con informacin del tiempo en

su ciudad, etctera.

UD13S2. EJERCICIO 2. Cambiar la estructura del blogEl blog, por defecto, tiene un ttulo, una serie de columnas y un cuerpo, pero esto se puedemodificar fcilmente. Vamos a hacerlo.1. En la zona izquierda, haz clic en el texto Plantilla.

2. Haz clic en el botn Personalizar.3. En la zona izquierda de la ventana, haz clic en el enlaceDiseo.

4. Aqu tienes varios diseos del cuerpo del blog. Vamos a elegir un diseo que tenga una columnaa cada lado. Haz clic en el diseo sealado.



7/8



5. Haz clic en el botnAplicar al blog en la zona superior derecha de la pgina.6. Observa como en la zona inferior se ve el diseo de la pgina, con las entradas en el centro y

columnas para insertar gadgets a la izquierda y a la derecha.

7. Haz clic en el enlace Volver a bloggeren la zona superior derecha de la pgina.8. Ahora haz clic en el enlaceDiseo en la zona izquierda de la pgina.

9. Ahora tienes el diseo de la pgina y aqu puedes aadir gadgets fcilmente. Vamos a empezarpor introducir algo debajo del ttulo. Aparecen nuevos gadgets y se integran en blogger conmucha frecuencia, as que siempre recuerda el aprendizaje por descubrimiento. Ve probando y,si algo te gusta, adelo. Vamos a insertar algunos gadgets muy usados y luego, t mismo/a.Haz clic en el enlaceAadir un gadgetjusto debajo del ttulo.



8/8



10. Se abre la ventana Aadir un gadget desde donde podemos seleccionar y colocar un nuevogadget en nuestro blog. Baja en la lista y haz clic en el smbolo + a la derecha del gadget

Cuadro de bsqueda.

11. Escribe en el ttuloBuscar en este blog12. Mueve hacia abajo en la ventana y haz clic en el botn Guardar.13. De vuelta a la pgina de diseo, haz clic en el botn Guardar disposicin en la zona

superior derecha de la pgina.14. Haz clic en el botn Vista previa.15. Se abre una nueva ventana con el aspecto del blog con la barra de bsqueda.

UD13S3. EJERCICIO 3. Aadir un gadget Lista de enlaces en la parte izquierda del blog.Aade el gadget Lista de enlaces con 3 enlaces a pginas interesantes que traten sobre el temade tu blog.UD13S3. EJERCICIO 4. Aadir un gadget Presentacin en la parte derecha del blog.Aade un gadget Presentacin usando fotos con la palabra clave del tema de tu blog. Porejemplo, yo he puesto Spiderman.

UD13S2. EJERCICIO 5. Enviar el trabajo al profesor/a para su correccin.Enva la direccin de tu blog al [email protected]

mailto:[email protected]:[email protected]

Diseño y plantilla de un blog Curso Blogs Tutoriales Academia Usero

Documents

Transcript of Diseño y plantilla de un blog Curso Blogs Tutoriales Academia Usero