[CLASE PRÁCTICA 6: Blogger Avanzado (Revista)]

Transcripción

1 2014 TECNOLOGÍA DE LA COMUNICACIÓN II LIC. EN COMUNICACIÓN SOCIAL [CLASE PRÁCTICA 6: Blogger Avanzado (Revista)] Elaborado por las Profs. Viviana Ponce y Ana Silvina Maldonado Creative Commons Reconocimiento-Nocomercial-compartirigual 3.0 Unported License

2 Objetivo: que el alumno continúe profundizando en el esbozo de una revista digital utilizando la plataforma Blogger. Al finalizar este práctico deberá manejar las herramientas avanzadas del programa. Actividad: Retomar las actividades realizadas en el práctico anterior y visualizar algunos datos que son posibles de modificar, entre ellos Logo de la Revista, Datos Personales, Diseño de Plantilla, Agregado de Gadgets y Carrusel de imágenes. Ir cambiando cada uno de estos elementos por etapas. *Comenzar con el Logo de la Revista. Para ello descargar del sitio original que está emulando ( la imagen que corresponde al logo. Para ello realizar un clic derecho sobre la imagen y luego, utilizar el comando Archivo Guardar imagen como...

3 *Ingresar al modo de Configuración Diseño y luego, en el gadget que corresponde a la Cabecera del sitio. En la nueva ventana que aparece subir la imagen que descargó previamente. Colocarla En lugar del título y la descripción y Guardar los cambios. *Guardar luego la disposición y visualizar el blog. El efecto visual debe ser el siguiente: *Observar que la imagen que debe ubicarse en la cabecera está incompleta puesto que le falta otro elemento Para solucionar el inconveniente deberá descargar las dos imágenes por separado y armar una nueva que reúna a las dos. Luego deberá subir la nueva imagen en la Cabecera del blog para que su resultado final sea el siguiente:

4 *Modificar los datos personales del blog de acuerdo a la información contenida en el sitio que estamos emulando. Para ello realizar las siguientes acciones: -Desde el modo Configuración Diseño ingresar al gadget Datos personales y eliminarlo. Posteriormente visualizar el blog. *Añadir luego un gadget en el lateral derecho de tipo HTML/Java Script y copiar la información correspondiente a la descripción de la revista con el formato más aproximado al original. Visualizar el blog.

5 *Añadir otro gadget de tipo HTML/Java Script que contenga una imagen con un enlace, tal como se observa en la siguiente imagen del blog que estamos emulando. Para ello debemos realizar los siguientes pasos: 1) Copiar la dirección URL de la imagen. Esto se logra cliqueando con el botón derecho sobre la imagen y seleccionando la opción: Copiar URL de imagen pazyzj5pwto/uvl4bptapbi/aaaaaaaabz4/j6g5cut2jw 8/s290/editorial%2Bayarmanot%2B-%2Bnegativo.jpg 2) Agregar un nuevo gadget de tipo HTML/Java Script en el lateral derecho del blog. El mismo deberá contener el siguiente código de programación: <a href=" height="70" widht=70 src=" pazyzj5pwto/uvl4bptapbi/aaaaaaaabz4/j6g5cut2jw8/s290/editorial%2bayar manot%2b-%2bnegativo.jpg"/></a> La primera parte del código <a href=" indica la página a la que se dirigirá el enlace cuando se cliquee en la imagen. La segunda parte del código <img height="70" widht=70 src=" pazyzj5pwto/uvl4bptapbi/aaaaaaaabz4/j6g5cut2jw8/s290/editorial%2bayarmanot%2b- %2Bnegativo.jpg"/> indica la dirección URL de la imagen que contiene el enlace. Los parámetros height y widht indican el ancho y alto que tendrá la misma. 3) Una vez copiado el código de programación guardar los cambios y reordenar los gadgets para que este código aparezca en la segunda ubicación del lateral derecho. 4) Visualizar el blog con los cambios efectuados.

6 *Modificar ahora el Diseño de la plantilla de forma tal que el contenido se sitúe al centro y de que los gadgets se ubiquen tanto en el lateral derecho como el izquierdo. Para ello ingresar al modo de Configuración Diseño Diseñador de plantillas y seleccionar el Diseño que más se ajuste. Aplicar al blog todos los cambios efectuados y posteriormente visualizarlos.

7 *Reacomodar en la Vista Diseño los gadgets para que su efecto sea idéntico al sitio que estamos emulando. Observar que el gadget del archivo del blog se ubica en el lateral izquierdo (debe estar en el derecho). Lo mismo sucede con el gadget de las páginas que además debe ser nombrado como Secciones. Modificar entonces por etapas. En principio ingresar a la Vista Diseño y arrastrar los gadgets a la posición donde se deben situar. *Luego, editar el gadget Páginas y nombrarlo SECCIONES. Guardar los cambios y visualizar el blog.

8 *Colocar en el lateral derecho el gadget Cuadro de búsqueda con el texto: Buscar en este blog. Ordenarlo de forma tal que aparezca antes del Archivo del blog. *Agregar por último en el lateral izquierdo el gadget Seguidores modificando su nombre por Miembros. Reordenarlo de modo que aparezca debajo de las SECCIONES. *Visualizar el blog para ver el efecto resultante.

9 Nota: con la lógica de los procesos realizados anteriormente es posible seguir agregando gadgets con diversidad de elementos en el blog. *Regresar a la Vista Diseñador de plantillas y configurar las opciones de Fuente y Tamaño de las entradas. Pruebe con aquellas opciones que más se asemejen a lo que está buscando. Modificar títulos de las entradas, gadgets, etc. Recordar que para modificar el contenido de las entradas o de las páginas debe editar de forma personalizada cada uno de estos elementos. Aplicar todos los cambios que considere necesarios y visualizar el blog.

10 *Finalmente observe que en la parte superior del blog que desea emular se encuentra un carrusel con imágenes. Si desea explorar acerca del modo de su realización puede consultar diversos tutoriales en línea. A propósito le sugerimos el que se encuentra en la siguiente dirección web: