martes, 16 de diciembre de 2014

2.2. Incluir una presentación de Prezi

En el módulo introductorio vimos diferentes contenidos que pueden embeberse en nuestro blog. Entre ellos hablamos de cómo insertar una presentación de Power Point, aunque más bien deberíamos decir cómo insertar una presentación de Power Point a través de un servidor en el que la hemos compartido. En aquel caso, utilizamos Slideshare. Esa es precisamente una de las limitaciones del software de Microsoft, que no permite insertar una presentación directamente como código HTML embebido a no ser que recurramos a un servidor donde la alojemos.

Sin embargo, otros softwares de creación de presentaciones, como por ejemplo Prezi, permite elaborar contenidos más llamativos, en los que la información se puede presentar de forma más atractiva. Además, se pueden compartir en páginas web respetando los efectos que incluyamos en nuestra presentación, a diferencia de Power Point, que ha quedado desfasado respecto a estas opciones, que incluso son gratuitas.

Aquí embebemos una presentación realizada con Prezi. No soy el autor de la misma, puesto que iba a colgar una presentación elaborada por mí pero contiene multitud de fotos personales y no quiero que estén disponibles por la red... Esta presentación viene bien, además, por el contenido del curso en el que se enmarca este blog como práctica, dado que se refiere a los errores habituales que cometemos al realizar una presentación ante un público determinado.






2.2. Menú de contenidos

Por defecto, cualquier plantilla nativa de Blogger muestra en el index -pantalla inicial o home- las últimas entradas publicadas. Además, las muestra de forma bastante antiestética, obligando a realizar un scroll vertical interminable que resta legibilidad y navegabilidad a nuestro blog. Es una de las carencias principales, a no ser que variemos la plantilla de nuestra bitácora e incluyamos un diseño que varíe el index y muestre un slider de fotos fijo o contenidos concretos que podamos variar desde el panel de control. Eso sí, en ese caso tendremos que variar los contenidos a través del editor de HTML.

Por lo tanto, para añadir contenidos que queramos que siempre queden fijos en el blog y no se pierdan en el scroll vertical (podríamos evitarlo definiendo una hora de publicación futura de la entrada que queramos mantener en la parte superior) podemos recurrir a las páginas.

Para añadir contenidos en páginas, tendremos que acudir al panel de control y añadir una nueva página:



Una vez hecho esto, las opciones de modificación del contenido son las mismas que para una entrada, con la misma disposición del texto, colores y tipografías definidas en la hoja de estilos del blog. Podemos insertar los mismos contenidos que en cualquier entrada, a través del editor de HTML de la página. Cuando tengamos el contenido listo, lo publicaremos, pero no se mostrará en nuestro blog hasta que no le demos acceso desde un menú.

Para ello, deberemos añadir un gadget, de forma idéntica que hemos explicado en la primera unidad de este bloque (ver 2.1. Añadir gadgets a nuestro blog). En este caso, incluiremos un "Listado de páginas", que nos creará un menú en nuestro blog, situado donde queramos, aunque en mi caso he elegido posicionarlo bajo la cabecera para mejorar la navegación por la bitácora. En este sentido, podemos ordenar las páginas a mostrar en el menú y renombrar la página que por defecto se nos muestra en el index, que se corresponde con las últimas entradas publicadas a no ser que hayamos variado la plantilla del blog con un diseño externo que hayamos incorporado.


En este caso, he creado un índice de contenidos, para mejorar la disposición de la información y la navegación por el blog, de forma que el usuario pueda encontrar la lección que quiera leer sin necesidad de hacer un interminable scroll vertical en el index.




2.1. Añadir gadgets a nuestro blog

Otra de las limitaciones de Blogger, además de su horroroso scroll vertical en la página del index -que se puede variar sólo si sabes programar en HTML- es que las entradas no permiten añadir contenidos elaborados mediante javascript como, por ejemplo, una galería de fotos de un portfolio externo como Flickr. Sí podemos hacerlo a través de un gadget). En esta entrada explicaremos cómo añadir uno de ellos, por ejemplo, un buscador de contenidos en nuestro blog.

1. Nos dirigimos al panel de control, al apartado Diseño:


2. Presionamos "añadir un gadget" en el sitio donde queramos incluirlo. Personalmente, partiendo de esta disposición de la interface, prefiero en la columna de la derecha porque queda menos basto que, por ejemplo, en la parte inferior o bajo la cabecera del blog. Se nos abrirá la siguiente ventana, sobre la que deberemos hacer scroll hacia abajo hasta encontrar "cuadro de búsqueda":


3. Modificamos los valores que nos permite el gadget a nuestro gusto. Si lo que queremos es incluir un buscador de contenidos en nuestro propio blog, es aconsejable desmarcar la opción "Internet" dado que, de lo contrario, la búsqueda ofrecerá resultados de otras páginas y perderemos al lector, que se irá de nuestra bitácora a no ser que busque lo que encuentre.


4. Una vez hecho esto, le damos al botón "guardar" y esperamos (im)pacientemente a que nos salga un mensaje escueto -casi no se ve- en el que se nos informa que ya se ha incluido el gadget en nuestro diseño del blog. Si presos de nuestra impaciencia volvemos a presionar el botón de guardado, tendremos una retahíla de buscadores en nuestro blog, apilados unos sobre otros, y habrá que ponerse a eliminarlos. Cuando ya se haya guardado, volviendo a la ventana de diseño del panel de control, tendremos que darle a "guardar disposición" o perderemos este y cualquier otro gadget que hayamos incluido.

lunes, 15 de diciembre de 2014

1.6. Test sobre los primeros pasos en Blogger

Evalúa si has comprendido lo explicado hasta el momento en este blog.

Test creado con ExamTime por PacoQT

1.5. Algunos recursos

Otra de las formas mediante las que podemos hacer algo más llamativo nuestro blog -no mucho más, dadas las carencias de Blogger frente a otras plataformas como Wordpress- es incrustando una nube de etiquetas.

Mediante ella podremos ofrecer, entre otras posibilidades, redireccionamiento a páginas externas de una forma visualmente atractiva frente a, por ejemplo, un listado de páginas web que requiriese hacer scroll vertical.

Este es un ejemplo realizado mediante la herramienta Tagul, que crea imágenes a partir de nubes de etiquetas que le introduzcamos y podemos hipervincularlas a un contenido de nuestro blog o externo. En este caso, he aprovechado para incluir una serie de recursos que podrán servirnos para confeccionar nuestro blog. Muchos de ellos están orientados a la formación, dado que la temática del curso en el que se enmarca esta bitácora como ejercicio, así como herramientas de creación de fuentes, conversores de formato, generadores de exámenes o creación de presentaciones, entre otras.

martes, 9 de diciembre de 2014

1.4. Inserciones de contenido audiovisual

Como decíamos en la entrada anterior, podemos incluir en nuestro posts contenidos de todo tipo de forma embebida. Para ello tan sólo bastará con copiar el enlace de código HTML que nos ofrecerá la plataforma en cuestión y lo pegaremos en el editor de HTML de la entrada. Aquí incluimos unos cuantos ejemplos:

a) Vídeo de Youtube o plataforma similar.



b) También podemos incluir publicaciones en pdf desde portales como Issuu o Calameo.


c) Podemos incluir fotografías y referenciarlas para que al hacer click sobre ellas, vayamos a la ubicación en la que se encuentra la imagen. Aquí un ejemplo a una de mis fotografías en Flickr.

Paco Quiles. Todos los derechos reservados.

d) Inclusión de "mapas mentales" elaborados mediante herramientas como bubbl.us:

1.3. Opciones de configuración

Al igual que cualquier otro servicio de publicación de bitácoras, Blogger permite la inclusión de audiovisuales o presentaciones embebidas. Por ejemplo, podemos insertar una presentación de Power Point, como mostramos a continuación y, de paso, explicamos las opciones de configuración que ofrece la plataforma:



1.2. Cambio del diseño y la plantilla del blog

Una vez habilitado nuestro blog, el siguiente paso a realizar será la modificación del diseño, de forma que visualmente sea acorde al contenido y que la disposición de los elementos ayuden a transmitir con eficacia y mantengan la permanencia del usuario en el sitio.

Para ello accederemos a la sección de "Plantilla" dentro del panel de control del blog.


En este apartado podemos personalizar tanto la apariencia del blog en dispositivos de escritorio como en móviles. Ahora bien, existen dos vías distintas de personalización. La primera de ellas pasa por utilizar las opciones integradas en el propio Blogger, escogiendo una plantilla prediseñada en la parte inferior de esta pantalla. La segunda es accediendo a un banco de plantillas y escogiendo una de ellas, bien sea de pago o gratuita. Una de estas bases de datos es Blogger Templates, a la que podemos acceder aquí.

Si optamos por la inclusión de una plantilla prediseñada, deberemos descargar el archivo comprimido de la que elijamos y, una vez descomprimido en una carpeta de nuestro equipo, abriremos el archivo xml con el bloc de notas para copiar todo su contenido al portapapeles y luego pegarlo en el editor de HTML que ofrece Blogger. Una vez hecho esto, ya tendremos la plantilla incorporada en nuestro blog y sólo faltará personalizarla (en caso de que ésta lo permita), para lo que seguiremos los mismos pasos que en caso de que hubiéramos optado por escoger una de las plantillas que ofrece el portal por defecto.



Dentro de la pestaña de personalización podremos cambiar -según las plantillas escogidas- el fondo de la página, el ancho de las columnas, el diseño o cuestiones avanzadas. Entre las opciones se encuentra la modificación de las tipografías empleadas o los colores, entre otros aspectos.

martes, 2 de diciembre de 2014

1.1 Creación del blog

Crear un blog puede parecer una tarea muy complicada y sólo reservada a expertos informáticos. Nada más lejos de la realidad. Pese a que puede resultar algo tedioso, sobre todo con entornos como Blogger, menos personalizables que otros sistemas como por ejemplo Wordpress, es algo realmente simple. En esta entrada detallaremos los pasos a seguir para crear un web-log, término anglosajón cuya traducción vendría a ser "bitácora" y que derivó en el neologismo "blog" que actualmente conocemos. Optaremos por hacerlo en Blogger, dado que esta explicación es una actividad práctica de un curso que estoy realizando y es el entorno utilizado dada su compatibilidad con las aplicaciones de Google.


1º. CUENTA DE GMAIL
El primer paso a dar en la creación de nuestro blog es la autenticación en una cuenta de Gmail. Si no tenemos, basta con seguir los pasos de registro, aunque obviaremos esta parte dado que cualquiera cuenta con una, incluyendo todo tipo de usuarios dado que cualquier teléfono móvil con Android -sistema operativo más extendido, sobre todo entre el público menos acostumbrado a las nuevas tecnologías- precisa hoy en día la creación de una cuenta Gmail.

2º. REGISTRO EN BLOGGER
No por el hecho de disponer de una cuenta de Gmail tenemos acceso directamente a cualquiera de sus servicios. La plataforma Blogger tiene que activarse, al igual que por ejemplo el perfil en Google+. Para ello, entraremos en esta dirección y activaremos nuestro nombre de usuario. Una vez hecho esto, basta con entrar al escritorio de Blogger y presionar el botón "Nuevo Blog", que nos ofrecerá la siguiente ventana:


En esta ventana deberemos proporcionar los datos básicos del blog. En "título" indicaremos eso mismo, cómo queremos llamar a nuestra bitácora. En "dirección" podremos personalizar la ruta que tendrán que teclear nuestros lectores para acceder a nuestra página. Por último, se nos ofrece la posibilidad de escoger una plantilla de diseño que se aplicará a toda nuestra bitácora. Si no estamos seguros de cuál escoger, podemos hacerlo más tarde a través del panel de control del blog.

Una vez creado el blog, éste nos aparecerá en el escritorio de Blogger, junto a una serie de botones que permitirán acceder al panel de control del blog o a las opciones básicas. Junto a él aparecerán otros blogs que ya tengamos en la plataforma Blogger, como en mi caso se indica El Luminógrafo, también realizado en este curso.


El botón naranja con un lápiz nos permite publicar directamente una entrada, sin tener que acceder previamente al panel de control. Si por el contrario queremos acceder a otros ajustes u opciones, podemos entrar en el panel clicando sobre el título del blog (en la imagen superior aparece en naranja porque en el momento de realizar la captura de pantalla, el puntero del ratón estaba situado encima y mostraba el color de resaltado) o bien sobre el botón situado a la derecha del lápiz (el que tiene una especie de hoja escrita). No obstante, si preferimos acceder rápidamente a cualquiera de las opciones a las que se accede mediante el panel de control, bastará con presionar la flecha triangular, que abre un menú desplegable con las opciones (visión general, entradas, páginas, comentarios, Google +, estadísticas, ingresos, campañas, diseño, plantilla y configuración). En último lugar, el botón "Ver blog" nos muestra nuestra bitácora tal cual la verán nuestros lectores.

Aquí termina la primera entrada de este blog. Si quieres tener estos primeros pasos en un archivo PDF, pincha aquí.