SlideShare una empresa de Scribd logo
Módulo 1. Blogs
Blogs ::: ¿Qué es la Web 2.0?                                         14
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




          1. ¿Qué es la Web 2.0?
Blogs ::: ¿Qué es la Web 2.0?                                                                  15
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado



1.1 Concepto de Web 2.0

El término Web 2.0 fue acuñado por el americano Dale Dougherty de la editorial O'Reilly
Media durante el desarrollo de una conferencia en el año 2004. El término surgió para
referirse a nuevos sitios web que se diferenciaban de los sitios web más tradicionales
englobados bajo la denominación Web 1.0. La característica diferencial es la participación
colaborativa de los usuarios. Un ejemplo de sitio web 1.0 sería la Enciclopedia Británica
donde los usuarios pueden consultar en línea los contenidos elaborados por un equipo de
expertos. Como alternativa web 2.0 se encuentra la Wikipedia en la cual los usuarios que lo
deseen pueden participar en la construcción de sus artículos. Poco tiempo después, en el año
2005, Tim O'Reilly definió y ejemplificó el concepto de Web 2.0 utilizando el mapa
conceptual elaborado por Markus Angermeier.




La Web 2.0 o Web social es una “denominación de origen” que se refiere a una segunda
generación en la historia de los sitios web. Su denominador común es que están basados en el
modelo de una comunidad de usuarios. Abarca una amplia variedad de redes sociales, blogs,
wikis y servicios multimedia interconectados cuyo propósito es el intercambio ágil de
información entre los usuarios y la colaboración en la producción de contenidos. Todos estos
sitios utilizan la inteligencia colectiva para proporcionar servicios interactivos en la red donde
el usuario tiene control para publicar sus datos y compartirlos con los demás.

Se puede entender como 2.0 "todas aquellas utilidades y servicios de Internet que se
sustentan en una base de datos, la cual puede ser modificada por los usuarios del servicio, ya
sea en su contenido (añadiendo, cambiando o borrando información o asociando datos a la
información existente), pues bien en la forma de presentarlos, o en contenido y forma
simultáneamente."- (Ribes, 2007)
Blogs ::: ¿Qué es la Web 2.0?                                                                16
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado



1.2 Principios generales de la Web 2.0
    1. Orientado a Internet. Todo está en la web. Sólo hace falta un navegador web y una
        conexión a Internet.       Esto garantiza la movilidad del usuario y el acceso
        multiplataforma desde cualquier sistema. La actividad depende cada vez más de la
        conexión a Internet en detrimento del uso de programas instalados en el equipo. La
        tecnología se apoya más del lado del servidor simplificando al cliente las
        actualizaciones, revisiones, depuración de errores, etc.
    2. Comunidades de usuarios. La Web 2.0 es una actitud y no una tecnología. Su empleo
        supone la participación bajo las directrices de las “4 C”: Comunicarse, Compartir,
        Colaborar y Confiar. Los usuarios son creadores de contenidos y no solamente meros
        consumidores. Y además esta creación se puede realizar de forma cooperativa de
        acuerdo con unas reglas y roles definidos y aceptados. El administrador delega su
        confianza en otros usuarios para que puedan publicar libremente.
    3. Perpetua Beta. En constante revisión. La aplicación se orienta al usuario y se mejora
        gracias a la experiencia y aportaciones de éstos.
    4. Facilidad. Permite una gestión ágil y precisa de la información en distintos contextos
        y con distintos propósitos. Gracias al uso de CMS (gestores de contenidos): Joomla,
        Wordpress, Drupal, Moodle, MediaWiki, etc .
    5. Gratuidad. En la mayoría de los casos su uso es gratuito en un contexto personal o
        educativo.
    6. Personalización. Los servicios y gestores CMS se pueden adaptar a las necesidades del
        usuario al permitir la personalización de muchas de sus opciones:
        activación/ocultación de gadgets, configuración del tema de presentación (separación
        de forma y contenidos), categorías para la clasificación de contenidos, etiquetas, etc.
    7. Integración y conexión. Los contenidos multimedia soportados por los distintos
        servicios se integran fácilmente en las páginas de los CMS (embed) y además son
        directamente enlazables (link). Incluso algunos servicios utilizan los recursos alojados
        en otros (mashups). Ejemplo: Panoramio permite al usuario añadir una capa de
        información a un mapa interactivo de Google Maps. Esta integración produce una red
        compleja cuyos nodos más visibles son los blogs, wikis, joomlas, moodles, drupales,
        repositorios multimedia y redes sociales.
    8. Propagación viral. La información nueva se difunde rápidamente gracias a la
        suscripción RSS, agregadores, trackbacks, pings, redes sociales, etc.
    9. Etiquetado social. El usuario asigna libremente las etiquetas y categorías a los
        artículos, imágenes, audios, marcadores, podcasts, vídeos, etc. Surgen así las
        categorías sociales o folksonomías, un sistema de etiquetas sin jerarquías
        predeterminadas que facilita la búsqueda de los contenidos.
    10. Iniciativa descentralizada. Las redes sociales (FaceBook, Ning, Tuenti, …)
        proporcionan la posibilidad de crear y mantener fácilmente un espacio de encuentro
        entre personas con intereses comunes. Y todo ello al margen de líderes o hegemonías
        más verticales. Cualquier persona puede tener en pocos minutos un espacio en
        Internet donde publicar sus opiniones, consultas, dudas, experiencias, etc y también
        donde invitar a otros a participar.
Blogs ::: ¿Qué es la Web 2.0?                                                               17
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado



1.3 Algunos ejemplos de iniciativas Web 2.0
    1. Blogs. Proporcionan un sistema fácil y asequible de publicar en Internet a título
       individual o colectivo. Es el nodo más abundante en la Web 2.0. Puede ser el
       escaparate que concentre en un mismo sitio distintos recursos alojados en otros
       servicios. Admiten una gestión colaborativa de contenidos basada en roles. La
       información se organiza en artículos ordenados cronológicamente, páginas, enlaces y
       comentarios. Algunos portales de blogs más populares son: Blogger
       (http://www.blogger.com/) , Wordpress.com (http://wordpress.com/) , Blogspot
       (http://blogspot.es/), etc.
    2. Wikis. No están tan extendidos como los blogs porque demandan mayor nivel de
       compromiso en la construcción de contenidos. Se puede utilizar para crear la
       documentación de un proyecto de forma colaborativa: glosarios, enciclopedias,
       manuales, enlaces, etc. El espacio wiki por excelencia es la enciclopedia Wikipedia
       (http://es.wikipedia.org/).
    3. Gestores CMS (Content Management System = Sistema de Gestión de Contenidos)
       Algunos ejemplos de CMS gratuitos son Joomla (http://www.joomlaspanish.org/) o
       Drupal (http://drupal.org.es/) .         Se suelen utilizar para crear sitios web
       institucionales o corporativos. Para ello basta descargarse la aplicación y subirla a un
       servidor de hosting. Permiten la publicación colaborativa (roles) en línea de las
       noticias que afectan a una comunidad. Basan la organización de los artículos en
       secciones (cajones) y categorías (carpetas dentros de esos cajones). El uso de CMS
       deja atrás los sitios web estáticos HTML diseñados con FrontPage, Dreamweaver, etc
       y que se actualizaban subiendo sus páginas mediante un cliente FTP.
    4. Plataforma de elearning. Se denominan sistemas LMS (Learning Management System
       = Sistema de Gestión del Aprendizaje) y se utilizan para crear entornos de elearning.
       El LMS más utilizado actualmente es Moodle (http://moodle.org/). El profesor/a crea
       un curso que consiste en una agenda de contenidos y actividades que el alumno
       realiza siguiendo la progresión establecida. El sistema se complementa con unas
       herramientas de comunicación (mensajería interna y foros) y con un subsistema de
       seguimiento de la actividad del alumno. Muchas universidades e instituciones públicas
       educativas han abandonado el desarrollo de sus propias plataformas de elearning en
       favor del uso de Moodle. Tanto los CMS como LMS se han clasificado como sitios “Web
       1.5” porque admiten un uso 1.0 ó 2.0 en función de cómo sus administradores
       organicen la participación de los usuarios.
    5. Imágenes.      Espacios    como      Flickr   (http://www.flickr.com/),           Picasa
       (http://picasa.google.com/), etc permiten el alojamiento en línea de imágenes y
       luego su posterior utilización en otros servicios o recursos. Otros espacios web de
       valor añadido como Pixrl (http://www.pixlr.com) ofrece la posibilidad de editar
       imágenes y añadirles efectos a partir de imágenes propias o alojadas en los
       repositorios anteriores.
    6. Podcasts. Permiten el almacenamiento y difusión de audios. Se trata de recursos que
       se integran en cualquier CMS o bien se enlazan directamente. Se agrupan y clasifican
       en categorías o por etiquetas para facilitar la búsqueda de los activos propios y
       ajenos. Ejemplos: LastFM (http://www.lastfm.es/), Odeo (http://odeo.com/), GoEar
       (http://www.goear.com/), PodSonoro (http://www.podsonoro.com/), etc.
    7. Google Maps. La localización geográfica de imágenes, textos, enlaces, vídeos o
       documentos facilita el desarrollo de contenidos en múltiples contextos. En la
       actualidad hay un montón de servicios que aprovechan las prestaciones de la API de
       Google Maps (http://maps.google.es) para ofrecer la geolocalización de sus recursos
Blogs ::: ¿Qué es la Web 2.0?                                                                18
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado


          sobre uno de sus mapas: Youtube (http://www.youtube.com/),                   Panoramio
          (http://www.panoramio.com/), etc.
    8.    Repositorios de vídeos. Youtube (http://www.youtube.com/) es el gran líder
          especializado en el alojamiento y difusión de vídeos. Se dispone de millones de
          documentos videográficos sobre los temas más variados. No sólo proporciona soporte
          de almacenamiento sino también de difusión en streaming facilitando su correcta
          visualización a través de internet. Se pueden crear listas de reproducción temáticas,
          canales, anotaciones en los vídeos, subtítulos, etc. Existen multitud de espacios que
          representan una alternativa para publicar vídeos: Revver (http://revver.com/),
          MetaCafe (http://www.metacafe.com/), Vimeo (http://www.vimeo.com/), etc.
          Algunos      soportan     retransmisión     en     directo     como      LiveStreaming
          (http://www.livestream.com/).
    9.    Ofimática en línea. En el desarrollo de proyectos puede resultar interesante por un
          lado la creación y publicación compartida de documentos de texto, presentaciones y
          hojas de cálculo y por otra la comunicación en tiempo real (mensajería instantánea) o
          diferido (emails). En este contexto, por ejemplo, Google Apps (http:// 
          www.google.com/apps/) puede ser un excelente recurso gratuito para crear y
          desarrollar una comunidad de trabajo. Otra posibilidad es eyeOS (http://eyeos.org/).
          Se trata de un atractivo escritorio con distintas aplicaciones ofimáticas en línea de
          carácter    colaborativo.     Otro   paquete     ofimático   en    línea     es   Zoho
          (http://www.zoho.com/).
    10.   Presentaciones. Uno de los usos más extendidos es el diseño y publicación en la Web
          de presentaciones de diapositivas como SlideShare (http://www.slideshare.net/) o
          SplashCast (http://www.splashcastmedia.com/), de fotografías como Slide.com
          (http://www.slide.com/),              de       documentos       como        Scribd.com
          (http://www.scribd.com/), etc que luego se insertan en blogs, wikis, y otros CMS,
          etc. Otra posibilidad interesante en el conocimiento histórico es organizar una
          presentación donde se ordenan cronológicamente los recursos sobre una línea de
          tiempo como XTimeline (http://www.xtimeline.com/).
    11.   Marcadores sociales. Utilizando servicios como del.icio.us (http://delicious.com/) se
          puede disponer en línea de los marcadores o favoritos a sitios web y compartir estas
          direcciones con los demás.



1.4 El navegador web
Como se ha indicado con anterioridad para acceder a la web 2.0
sólo necesitamos disponer de una conexión a Internet y de un
navegador web. En principio se puede utilizar cualquier navegador:
Internet Explorer, Google Chrome, Mozilla Firefox, Opera, Flock,
etc.

Sin embargo en este curso se recomienda el uso de Mozilla Firefox
porque representa una excelente alternativa a Internet Explorer.

Sus características más destacadas son:

         Multiplataforma. Existen versiones de Mozilla Firefox para Windows, Linux y Mac.
         Navegación con pestañas. Se pueden abrir simultáneamente varias páginas web de
          tal forma que cada una se visualiza en una pestaña independiente. Cada pestaña
          dispone de su propio botón de cerrado. Si se cierra accidentalmente una pestaña se
          puede recuperar en el menú Historial.
Blogs ::: ¿Qué es la Web 2.0?                                                                19
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado


       Restauración de sesión. Cuando Firefox se cierra o reinicia se ofrece la opción de
        restaurar la sesión para evitar la pérdida de información en formularios, descargas,
        etc.
       Corrector ortográfico. Si se dispone del complemento Diccionario de
        Español/España se puede activar el corrector ortográfico integrado que subrayará las
        palabras no tecleadas correctamente en cualquier cuadro de texto de la página web.
        Mediante clic derecho sobre esa palabra se ofrecerán alternativas para sustituirla.
       Sugerencias de búsqueda. Al comenzar a escribir en la barra de búsqueda de Google
        se mostrará una lista de sugerencias.
       Canales RSS. Permite leer directamente los titulares de noticias RSS sin necesidad de
        tener instalado ningún otro programa.
       Búsqueda integrada. Firefox proporciona una barra de búsqueda que integra los
        motores más utilizados a nivel mundial: Google, Yahoo!, eBay, Diccionario RAE,
        Wikipedia y Creative Commons. Para ello basta con elegir el motor e introducir el
        término de búsqueda.
       Bloqueador de ventanas emergentes. Se pueden controlar las ventanas emergentes
        molestas evitando que se desplieguen. Mediante una barra informativa o un icono en
        la parte inferior de la pantalla se notifica al usuario el bloqueo de ventanas.
       Accesibilidad. Firefox incluye distintas prestaciones para facilitar la accesibilidad a
        personas con deficiencias visuales: aumento del tamaño de la fuente mediante
        <Ctrl>+Scroll del ratón, compatibilidad con lectores de pantalla (p.e. Freedom
        Scientific’s JAWS).
       Protección antiphising. Cuando una página web sea sospechosa de fraude por robo de
        identidad digital frente a una entidad bancaria (physing), Firefox advertirá al usuario
        y ofrecerá una página de búsqueda para encontrar la página auténtica que se está
        buscando.
       Actualizaciones automáticas. Firefox comprueba la versión del navegador y si existe
        una más reciente avisa al usuario sobre la posibilidad de instalarla. Esta actualización
        suele ser pequeña resultando fácil y rápida de descargar e instalar.
       Protección contra programa espías. Firefox no permite que una página web
        descargue, instale o ejecute programas en el equipo sin un consentimiento explícito
        del usuario.
       Limpieza de información privada. Utilizando esta utilidad situada en el menú
        Herramientas se garantiza que se limpian todos los datos privados de la navegación en
        un solo clic. Es especialmente útil en un equipo multiusuario donde se abre sesión
        siempre con el mismo usuario Windows.
       Complementos. Firefox ofrece más de 1000 complementos que permiten aumentar
        las prestaciones por defecto de este navegador web: lectura de noticias RSS,
        herramientas web y de desarrollo, descargas de archivos, privacidad y seguridad,
        herramientas de búsqueda, marcadores, diccionarios, multimedia, etc. El uso de un
        administrador de complementos facilita las operaciones de instalación, desinstalación
        y desactivación.
       Temas. Se pueden instalar y configurar distintos temas que permiten cambiar los
        colores, fuentes, iconos, gráficos, etc del interfaz de Mozilla Firefox.
       Plugins. Firefox dispone de la mayoría de plugins necesarios para visualizar todo tipo
        de contenidos multimedia: Adobe Flash Player, Java, QuickTime, RealPlayer,
        Windows Media Player, etc.


En el sitio web oficial del proyecto Mozilla Firefox podrás encontrar la versión más reciente o
que se adapta a tu sistema: http://www.mozilla-europe.org/es/firefox/. Descarga e instala
este programa en tu equipo. Otra posibilidad es utilizar la versión portable para Windows que
puedes conseguir en: http://portableapps.com/apps/internet/firefox_portable
Blogs ::: Iniciación a los blogs                                      20
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




        2. Iniciación a los blogs
Blogs ::: Iniciación a los blogs                                                          21
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado


2.1 ¿Qué es un blog?
Un blog es un sitio web que se actualiza periódicamente y que ofrece la lectura de
información de uno o varios autores sobre temas de interés. La unidad fundamental de
información de un blog es el artículo, también llamado “post” o “entrada”. Estos artículos se
muestran siguiendo una ordenación cronológica inversa, es decir, se mostrará primero el
artículo más reciente. En consecuencia podemos definir un blog como una recopilación de
artículos ordenados cronológicamente.

Para el autor/autores de un blog, se trata de un sistema que facilita la publicación de
contenidos multimedia en Internet ofreciendo en todo momento el control y libertad para
editar y modificar la información publicada.

En cada artículo los lectores pueden escribir sus comentarios y el autor darles respuesta. De
esta forma se fomenta un diálogo que autores y lectores pueden compartir. Sin embargo esta
opción depende de la moderación del autor o autores del blog y por supuesto de que los
lectores decidan intervenir libremente con sus aportaciones.

La temática de un blog es muy variada. En la blogosfera hay blogs personales, periodísticos,
empresariales, tecnológicos, educativos (edublogs), políticos, etc.




Ejemplos de blogs muy populares en España:
    Microsiervos: http://www.microsiervos.com/
    Genbeta: http://www.genbeta.com/
    Xataka: http://www.xataka.com/
    Alt1040: http://alt1040.com/
    Wwwhatsnew: http://wwwhatsnew.com/
Blogs ::: Iniciación a los blogs                                                            22
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado


2.2 Anatomía de un blog
Un blog dispone de dos interfaces diferenciados:

       FrontEnd. Es el “escaparate” o área pública del blog. Muestra los artículos publicados
        que pueden ser leídos por cualquier usuario que accede al mismo.
       BackEnd. Es el “taller” o área de acceso restringido del blog. En este espacio entra el
        autor/autores del blog para gestionar su contenido.




                    Frontend                                           Backend

La estructura del Frontend suele tener los siguientes elementos:

       Cabecera. Muestra el título del blog y en algunos casos una imagen de fondo. Cuando
        el lector hace clic en el enlace que proporciona se sitúa en la portada o página
        principal del blog.
       Entradas del blog. Contiene los artículos o entradas publicadas. Aparecen ordenados
        cronológicamente situándose arriba el más reciente. En la página principal solo se
        pueden leer un número concreto de artículos. Para acceder a los anteriores se
        proporciona un sistema de paginación con un enlace a “Entradas anteriores”.
       Barra lateral. Contiene los gadgets o módulos que incorporan prestaciones adicionales
        al blog: búsqueda, artículos por meses, artículos por etiquetas, lista de enlaces,
        suscripción RSS, etc.
Blogs ::: Iniciación a los blogs                                                           23
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado



En la lectura de una entrada o artículo se suelen ofrecer los siguientes elementos:
    1. Fecha de publicación del artículo.
    2. Título del artículo. Cuando el usuario hace clic en su enlace se accede al artículo de
         forma individual mostrándose los comentarios asociados al final del mismo.
    3. Contenido del artículo. Puede contener texto, enlaces, imágenes, audios, vídeos,
         etc.
    4. Autor del artículo. Se muestra el nombre del autor del artículo. Puede resultar
         interesante cuando en un blog publican varios usuarios.
    5. Hora de publicación.
    6. Comentarios. Muestra el número de comentarios realizados a esa entrada. Cuando el
         usuario hace clic en este enlace accede a los comentarios publicados.
    7. Edición. Cuando el usuario que navega está autentificado como administrador del
         blog aparece en cada artículo un icono en forma de lápiz proporcionando un enlace
         directo al backend de edición de su contenido.
    8. Entradas recientes / posteriores. Estos enlaces de navegación situados al final de
         una página permiten acceder al resto de artículos.
    9. Página principal. Enlace a la portada del blog donde se mostrará una página con los
         últimos artículos publicados.
    10. Suscripción. Este enlace permite suscribirse a la publicación de entradas de nuestro
         blog utilizando el navegador web o bien un programa específico de lectura de feeds.




Cuando el artículo se muestra de forma individual en una página, se accede a los comentarios
asociados que se sitúan al final de su contenido. El administrador del blog puede permitir o
denegar el envío de comentarios a un artículo en concreto o a todos los artículos del blog. En
caso favorable es muy recomendable activar la moderación de comentarios para que el
administrador los supervise antes de que aparezcan publicados. Cada artículo de un blog
dispone de una dirección individual y única (permalink o enlace permanente) que se puede
utilizar para situarse en él directamente.
Blogs ::: Iniciación a los blogs                                                            24
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado


2.3 Características de los blogs
Las características de los blogs que han justificado su auge han sido:

       Hipermedia. Los artículos pueden contener texto, enlaces, imágenes, audios, vídeos,
        animaciones flash, etc.
       Facilidad. El blog proporciona un interfaz para administrar sus contenidos, coordinar,
        borrar o reescribir los artículos, moderar los comentarios de los lectores, etc. de una
        forma casi tan sencilla como administrar el correo electrónico.
       Organización cronológica. Los artículos se ordenan de forma cronológica mostrando
        primero los artículos más recientes.
       Búsquedas. Los blogs proporcionan herramientas que facilitan la búsqueda de
        entradas a partir de un término, fecha, autor, etc.
       Metadatos. Las etiquetas o palabras clave asignadas a un artículo contribuyen a la
        organización temática de la información facilitando su posterior búsqueda.
       Comentarios. La posibilidad de que los lectores envíen sus comentarios permite
        establecer un interesante flujo de debate en torno a los artículos publicados.
       Suscripción. La suscripción RSS o Atom a los artículos y comentarios de un blog
        permiten disponer de las últimas novedades publicadas en el navegador web o lector
        de noticias sin necesidad de acceder directamente a ese sitio web.
       Enlaces inversos. También llamados trackbacks permiten conocer si alguien desde su
        blog ha enlazado a una entrada publicada en nuestro blog o viceversa. Si así se
        configura los trackback pueden aparecer junto a los comentarios de un artículo.
       Integración. Los blogs permiten mostrar incrustados en sus páginas recursos
        multimedia alojados en servicios web 2.0: imágenes, audios, vídeos, etc.



2.4 Tipos de blogs
Los blogs tienen distintas variantes en función de su funcionamiento, tipo de contenido
predominante, dispositivo donde se visualizarán, etc. Entre ellos destacan:

       Openblog. Es un blog que no requiere interfaz de administración y proporciona una
        herramienta para que sus visitantes puedan publicar de forma abierta y libre. Es de
        carácter colectivo y público. Tiene muchas similitudes con un foro. Ejemplo:
        OpenBlog (http://www.open-b.net).
       Fotolog. Como su nombre indica es un blog donde la foto es el elemento principal de
        publicación. La imagen y la fecha de publicación son los contenidos obligatorios. A
        diferencia de un álbum de fotos sólo se publica una o dos fotos en cada entrada y se
        pueden acompañar de comentarios del autor. También admite comentarios de los
        visitantes y enlaces a los fotologs de los amigos. Ejemplo: Fotoblog
        (http://www.fotolog.com/).
       Videoblog. Un videoblog o vlog es un blog cuyas entradas son clips de vídeo,
        ordenados cronológicamente y publicados por uno o más autores. El administrador del
        vlog puede autorizar a otros usuarios a añadir comentarios u otros vídeos dentro de la
        misma galería. Suelen ser archivos de formato MOV o FLV y utilizan el visor de Adobe
        Flash para su visualización. Ejemplo: Yograbo (http://www.yograbo.com/).
       Audioblog. Es un tipo de blog donde cada entrada suele ser un audio en formato MP3
        o similar. Se reproducen en línea gracias a una consola de tecnología Adobe Flash y en
        algunos casos admiten la descarga de los usuarios.
       Moblog. Moblog es un término que surge de la fusión de las palabras "Mobile" y "Blog".
        Se trata de un servicio de publicación similar a un blog pero orientado a su
        visualización en equipos móviles: PDA o teléfonos móviles. Se puede acceder a su
        contenido y publicar desde cualquier dispositivo y lugar. Algunos servicios web 2.0
        están orientando la publicación a estos formatos permitiendo la creación y manejo
        del     blog     desde     equipos     fijos    o    móviles.     Ejemplo:     Moblob
        (http://www.moblog.cl/mb_indexframe.php).
Blogs ::: Iniciación a los blogs                                                            25
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

       Tumbleblog. Un tumblelog o tlog es una variante de blog poco estructurado. No se
        ajusta a una temática concreta y el autor va publicando entradas sobre enlaces,
        fotografías, informaciones, etc. que va encontrando por Internet. En este sentido
        recupera un poco el espíritu inicial con que aparecieron los blogs: dar a conocer a los
        amigos las cosas que cada día te encuentras por la web. La carga textual de sus
        entradas es mínima y en este sentido es un formato muy ligado al microblogging.
        Ejemplo: Tumbrl (http://www.tumblr.com/).
       Microblog. El microblogging o nanoblogging permite al autor publicar mensajes breves
        (no superiores a 140 caracteres) formados por texto y enlaces. Estas entradas se
        muestran en la página del perfil del usuario y también son enviadas a otros usuarios
        que han elegido la opción de recibirlas. Ejemplo: Twitter (http://twitter.com/).



2.5 Servicios de blogs
En Internet existen dos procedimientos para disponer de un blog:

       Servicio de blogs. El usuario crea una cuenta en ese servicio para disponer de un
        blog.      Ejemplo:       Blogger      (http://www.blogger.com),             Wordpress
        (http://www.wordpress.com) o Live Journal (http://www.livejournal.com/). Tras el
        registro el usuario recibe una dirección web para el acceso individual a su blog que ya
        está instalado y completamente operativo. Ejemplo: http://<miblog>.blogspot.com
        para un blog alojado en Blogger. La bitácora se integra en la comunidad de blogs que
        ofrece ese servicio. Su principal inconveniente es que su funcionamiento está
        condicionado parcialmente por las decisiones de los superadministradores del
        servicio.
       CMS instalado en servidor web. El usuario puede instalar en un servidor web privado
        una solución CMS gratuita que se descarga de Internet. Esta instalación requiere
        disponer de cuenta en un servidor web con Apache, PHP y MySQL. Los dos CMS más
        populares para blogs son: Wordpress (http://es.wordpress.org/) y Movable Type
        (http://www.movabletype.org/).           Su principal inconveniente es que el
        mantenimiento y actualización debe realizarlo el propio usuario pero como
        contrapartida admite modificar su código abierto para adaptarlo totalmente a las
        necesidades individuales.

En la actualidad, al crear una bitácora en una comunidad de blogs, se suscitan dudas sobre
cuál elegir entre los dos líderes del sector: Blogger o Wordpress. Ambos tienen ventajas e
inconvenientes resultando Wordpress una opción algo más compleja.

Existen también medios de comunicación, como por ejemplo el diario “El País”, que ofrecen
un servicio gratuito de Blogs: http://blogs.elpais.com/

Nota importante:

A partir de este momento el alumno/a del curso podrá elegir entre seguir el curso con un blog
de Blogger o bien con un blog de Wordpress
Blogs ::: Mi primer artículo                                          26
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




                  3. Mi primer artículo
Blogs ::: Mi primer artículo                                          27
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




             3.1 Mi primer artículo
                        en Blogger
Blogs ::: Mi primer artículo                                                                28
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

El propósito de este actividad es diseñar tu primera entrada en un blog de Blogger. El tema
elegido es una breve pincelada del poeta Federico García Lorca. En este documento se
utilizarán: título, texto, imagen y un enlace a una página externa.



3.1.1 Crear un blog en Blogger
En este apartado se explican los pasos para crear un blog en el servicio Blogger. Como paso
previo es necesario disponer de una cuenta Google. Es muy interesante tener esta cuenta
porque asociada a ella se disponen de interesantes aplicaciones. Algunas de ellos se tratarán
en este curso.

    1. Abre el navegador web y visita la URL de inicio de Blogger:
       https://www.blogger.com/start?hl=es




Si ya dispones de una cuenta Google (en caso contrario pasa a la siguiente página):

    2. Si ya dispones de cuenta Google introduce sus credenciales (usuario y contraseña) en
       el apartado Accede a través de tu cuenta de Google y pulsa en el botón Acceder.




    3. Si el proceso de autentificación se ha producido con éxito te situarás en el Escritorio.
    4. Un usuario Google puede crear y mantener varios blogs. Haz clic en el enlace Crear
       un blog.
Blogs ::: Mi primer artículo                                                             29
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




Si NO dispones de cuenta Google:




    2. Desde la página de inicio de Blogger haz clic en el botón CREAR UN BLOG.
    3. Rellena el formulario Crear una cuenta de Google y pulsa en el botón Continuar.




    4. Anota el usuario y contraseña de esta cuenta para no olvidarla. Con la cuenta Google
       podrás acceder a Blogger, GMail, Google Docs, Picasa Web, etc.

Una vez que ya disponemos de cuenta Google y nos hemos autentificado con ella contra
Blogger nos encontraremos en el paso 2 de creación de nuestro blog.
Blogs ::: Mi primer artículo                                                                30
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado



    5. En el paso 2 “Asignar un nombre al blog” introduce los siguientes datos del nuevo
       blog:
            Título del blog. Ejemplo: El blog de …
            Dirección del blog (URL). Será la dirección que tendrá nuestro blog en
               Blogger. Esta URL es del tipo: http://<miblog>.blogspot.com Conviene elegir
               una dirección fácil de recordar. Antes de continuar conviene pulsar en el
               enlace Comprobar disponibilidad para verificar si esa dirección está libre. Si
               no se te ocurre una dirección puedes utilizar tu nombre de usuario en Google:
               http://<TuUsuarioGoogle>.blogspot.com




    6. Introduce la palabra de paso o antispam y haz clic en el botón Continuar.
    7. En el siguiente paso haz clic sobre una plantilla de presentación del blog y pulsa en el
       botón Continuar. Posteriormente podrás modificar esta plantilla.
    8. Si el proceso de creación del blog ha concluido con éxito se mostrará el mensaje Se
       ha creado tu blog. Para acceder al panel de administración de contenidos de ese blog
       haz clic en el botón EMPEZAR A PUBLICAR.
Blogs ::: Mi primer artículo                                                                31
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    9. En posteriores accesos a Blogger encontrarás en el Escritorio una entrada a la
       administración del blog creado.



3.1.2 Crear una nueva entrada
    5. Abre el navegador web y accede a la URL de inicio de Blogger:
       https://www.blogger.com/start?hl=es
    6. Introduce sus credenciales (usuario y contraseña) en el apartado Accede a través de
       tu cuenta de Google y pulsa en el botón Acceder.




    7. Si el proceso de autentificación se ha producido con éxito te situarás en el Escritorio.
    8. En este panel aparecerán los distintos blogs que gestionas en Blogger.
    9. Clic en el botón NUEVA ENTRADA para acceder directamente al interfaz de edición
       del blog donde deseas publicar el artículo.




3.1.3 Añadir título y texto
    1. Descarga y descomprime el contenido del archivo lorca.zip. Como resultado
       obtendrás dos archivos: un fichero de texto lorca.txt y una imagen lorca.jpg.
Blogs ::: Mi primer artículo                                                                32
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    2. Utiliza el explorador de archivos para abrir (doble clic) el archivo de texto lorca.txt.
       Se abrirá el Bloc de Notas mostrando su contenido.
    3. Selecciona Edición > Seleccionar todo para seleccionar el texto completo que
       contiene este archivo y a continuación elige Edición > Copiar para copiarlo al
       portapapeles de Windows. Cierra la ventana del Bloc de Notas.




    4. Regresa al navegador web que muestra el editor de Nueva entrada de Blogger. Teclea
       el título: Federico García Lorca.
    5. Haz clic dentro del editor de artículos y a continuación haz clic derecho para elegir la
       opción Pegar. Esta acción pegará el texto copiado del archivo de texto anterior
       evitando tener que teclearlo.
Blogs ::: Mi primer artículo                                                               33
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado



    6. Antes de continuar conviene guardar la entrada. Para ello pulsa en el botón GUARDAR
       AHORA que aparece por debajo del editor de artículos. Esta acción almacenará los
       cambios introducidos en el servidor remoto.




3.1.4 Añadir una imagen
    1. En la barra de herramientas del editor haz clic en el botón Añadir Imagen.




    2. Se mostrará una nueva ventana para subir la imagen desde nuestro equipo. Clic en el
       botón Examinar para localizar y señalar el archivo lorca.jpg que hemos obtenido en
       un paso anterior. Observa que sólo se admiten los formatos de imagen: gif, jpg y png.




    3. En el área Elige un diseño selecciona un tipo de alineamiento. Por ejemplo:
       Izquierda.




    4. En la parte inferior activa la casilla de aceptación de condiciones y pulsa en el botón
       SUBIR IMAGEN.




    5. Si el proceso de subida se realiza con éxito se mostrará la imagen y el mensaje Se ha
       añadido su imagen. Clic en el botón FINALIZADO.
Blogs ::: Mi primer artículo                                                                34
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    6. De regreso al editor se mostrará la imagen insertada en el artículo. Se puede arrastrar
       la imagen para situarla en cualquier lugar del artículo.




Nota:

    La imagen que se ha subido al servidor siguiendo el procedimiento descrito queda alojada
    en el servicio Picasa Web asociado a la cuenta de usuario de Google.

    7. Para guardar los cambios realizados en el artículo haz clic en el botón GUARDAR
       AHORA.
    8. Para ver la apariencia que tiene el artículo haz clic en el enlace Vista previa. En la
       parte inferior se muestra la entrada tal y como será visualizada por el lector. Para
       regresar al editor haz clic en el enlace Ocultar vista previa.




3.1.5 Añadir un hipervínculo
Un enlace o hipervínculo puede ser un texto o imagen que se muestra en una página web y
que está vinculada a otras páginas del mismo u otro sitio. Al situar el puntero del ratón sobre
él, éste toma el aspecto de una mano. Al hacer clic se mostrará en el navegador web la nueva
página vinculada al mismo.

    1. Dentro del editor de entradas pulsa y arrastra sobre el enlace que aparece en la
       última línea del documento para seleccionarlo. Es un enlace a Google que ya incluye
       los   términos     de  búsqueda     relativos    al   autor    que    nos    ocupa:
       http://www.google.es/search?q=Federico+García+Lorca
Blogs ::: Mi primer artículo                                                              35
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

    2. A continuación pulsa la combinación de teclas Ctrl+X para cortarla. Esta URL se ha
       copiado al portapapeles de Windows y se ha eliminado de la ubicación actual.
    3. Pulsa y arrastra para seleccionar el texto “Más información” situado al final del
       documento. A continuación en la barra del editor pulsa en el botón Enlace.




    4. En el cuadro de diálogo Escribe una URL: haz clic derecho y elige Pegar.




    5. Clic en el botón Aceptar para guardar la dirección pegada.




    6. Para terminar haz clic en el botón GUARDAR AHORA.


3.1.6 Otras opciones de la entrada
En la parte inferior del editor:
     Etiquetas. Introduce las etiquetas o palabras clave que deseas asociar al artículo pero
        separadas por comas. Ejemplo: poesía, generación 27.
     Comentarios. Haz clic en el enlace Opciones de entrada para mostrar un panel
        adicional donde se pueden configurar algunos parámetros adicionales. Por ejemplo si
        se permitirán o no los comentarios de los lectores.
     Fecha y hora de la entrada. Se puede modificar la fecha y hora que el sistema asigna
        por defecto al artículo.
Blogs ::: Mi primer artículo                                                                 36
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




3.1.7 Publicar la entrada
    1. Clic en el botón PUBLICAR ENTRADA para que el artículo se visualice por los lectores
       del blog.




    2. Para ver el resultado final haz clic en el enlace Ver blog.


3.1.8 URL permanente a una entrada

Al pulsar sobre el título de un artículo, éste se mostrará de forma individual en la página y al
final aparecerán los comentarios asociados. Si en ese momento te fijas en la barra de
dirección del navegador web, podrás comprobar que ese artículo dispone de una URL que
permite acceder al mismo de forma individual. Su formato suele ser:

        http://<tituloblog>.blogspot.com/<añopub>/<mespub>/<titulo-entrada>.html
Blogs ::: Mi primer artículo en Wordpress                             37
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




             3.2 Mi primer artículo
                     en Wordpress
Blogs ::: Mi primer artículo en Wordpress                                                      38
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

El propósito de este actividad es diseñar tu primera entrada en un blog de Wordpress. El tema
elegido es una breve pincelada del poeta Federico García Lorca. En este documento se
utilizarán: título, texto, imagen y un enlace a una página externa.



3.2.1 Crear un blog en Wordpress
En este apartado se explican los pasos para crear un blog en el servicio Wordpress. Como paso
previo es necesario disponer de una cuenta Wordpress.

    1. Abre el navegador web y visita la URL de inicio de                             Wordpress:
       http://wordpress.com/. Selecciona como idioma: Spanish-Español.

Si NO dispones de cuenta Wordpress:

    1. Clic en el botón Registrarse ahora o similar.
    2. En el formulario introduce: Nombre de usuario, contraseña (confirmación),
       dirección de email y aceptación de las condiciones.
    3. Al darte de alta en Wordpress ya puedes crear un blog en el mismo paso. Este nuevo
       blog tendrá la dirección: http://<nombre_de_usuario>.wordpress.com. Para ello
       marca la casilla ¡Dénme un blog!.
    4. Clic en el botón Siguiente. Anota el usuario y contraseña de esta cuenta para no
       olvidarla.

Si ya dispones de una cuenta en Wordpress:

    1. Introduce sus credenciales (usuario y contraseña) en una barra superior y pulsa en el
       botón Iniciar sesión/Log in.




    2. Si el proceso de autentificación se ha producido con éxito te situarás en el Tablero.
    3. Un usuario de Wordpress puede crear y mantener varios blogs. Al crear tu usuario en
       Wordpress puedes haber creado un blog por defecto con la dirección
       http://<nombre_de_usuario>.wordpress.com. Este mismo blog puede servir para
       realizar las prácticas del curso. Si deseas crear y utilizar otro blog distinto haz clic en
       el enlace Registrar otro blog que se ofrece debajo del listado de Tus blogs.




    4. Introduce los datos del nuevo blog:
            Dominio del Blog. Es el identificador que precede a “wordpress.com” en su
               dirección. Por ejemplo: miblog.wordpress.com. El sistema comprueba al
               crearlo si ese identificador ya existe. En caso afirmativo solicitará que
               introduzcas otro nombre.
Blogs ::: Mi primer artículo en Wordpress                                                39
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

                Título del blog.
                Idioma. En este caso elige el idioma principal de tu blog: español.
                Privacidad. Marca esta opción si deseas que tu blog aparezca en las listas
                 públicas de Wordpress.com y en los buscadores como Google o Technorati




    5. Clic en el botón Crear Blog. Si el proceso de creación del nuevo blog ha tenido éxito
       se mostrará un mensaje de que ese blog ya es tuyo. Te pedirá el usuario y
       contraseñas para acceder directamente a su backend de administración.

    6. En posteriores accesos a Wordpress encontrarás en el Tablero un listado de los blogs
       que administras. El acceso a un blog se realizará mediante clic sobre su
       correspondiente entrada.




                                        (Versión en español)




                                         (Versión en inglés)
Blogs ::: Mi primer artículo en Wordpress                                                   40
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado


3.2.2 Crear una nueva entrada
    1. Abre el navegador web y accede a la URL de inicio de Wordpress:
       http://wordpress.com
    2. Introduce sus credenciales (usuario y contraseña) en una barra superior y pulsa en el
       botón Iniciar sesión/Log in.




    3. Haz clic sobre el blog en el listado de Tus Blogs donde deseas publicar tu entrada.
       Con esta acción se accede al Tablero/Dashboard de trabajo en ese blog. Es el
       interfaz de gestión o backend del blog.
    4. En el cuadro Entradas que se muestra en la columna izquierda del Tablero haz clic en
       el enlace Añadir.




        Otra posibilidad es seleccionar Nueva entrada > Nombre del blog en la barra de
        menú horizontal que se ofrece en la parte más superior del backend de gestión del
        blog.




3.2.3 Añadir título y texto
    1. Descarga y descomprime el contenido del archivo lorca.zip. Como resultado
       obtendrás dos archivos: un fichero de texto lorca.txt y una imagen lorca.jpg.




    2. Utiliza el explorador de archivos para abrir (doble clic) el archivo de texto lorca.txt.
       Se abrirá el Bloc de Notas mostrando su contenido.
    3. Selecciona Edición > Seleccionar todo para seleccionar el texto completo que
       contiene este archivo y a continuación elige Edición > Copiar para copiarlo al
       portapapeles de Windows. Cierra la ventana del Bloc de Notas.
Blogs ::: Mi primer artículo en Wordpress                                                   41
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    4. Regresa al navegador web que muestra el editor de Agregar una nueva entrada de
       Wordpress. Teclea el título: Federico García Lorca.
    5. Haz clic dentro del editor de artículos y a continuación haz clic derecho para elegir la
       opción Pegar. Esta acción pegará el texto copiado del archivo de texto anterior
       evitando tener que teclearlo.




    6. Antes de continuar conviene guardar la entrada. Para ello pulsa en el botón Guardar
       borrador. Esta acción almacenará los cambios introducidos en el servidor remoto.
Blogs ::: Mi primer artículo en Wordpress                                                 42
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




3.2.4 Añadir una imagen
    1. En la barra de herramientas que se ofrece por encima del editor haz clic en el botón
       Añadir una imagen.




    2. Se mostrará una nueva ventana para subir la imagen desde nuestro equipo. En la
       pestaña Desde el ordenador haz clic en el botón Elegir archivos.




    3. Localiza y apunta al archivo lorca.jpg que hemos obtenido en un paso anterior.
       Observa que sólo se admiten para subir al servidor los formatos de archivo: jpg, jpeg,
       png, gif, pdf, doc, ppt, odt, pptx y docx.
Blogs ::: Mi primer artículo en Wordpress                                                43
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

    4. Después de seleccionar el archivo de imagen se inicia automáticamente la subida de
       ese archivo al servidor. Una vez concluida se mostrará la imagen. Introduce el Título
       de la imagen, por ejemplo, Federico García Lorca. Es la etiqueta que identificará
       ese archivo en la galería de imágenes guardada en el servidor para ese blog.




    5. En la parte más inferior de la página que muestra la imagen se muestra la URL del
       enlace. Es la dirección en internet donde se ha alojado y está disponible la imagen
       subida original. En este caso no deseamos crear un enlace a la imagen original por lo
       que hacemos clic en el botón Ninguna para vaciar esta casilla.




    6. En el área Alineación selecciona un tipo de alineamiento. Por ejemplo: Izquierda.
       Esto hace que el texto fluya alrededor de la imagen. Hay otras posibilidades.
    7. En Tamaño elige la opción Tamaño completo. Wordpress genera vistas en miniatura
       de una imagen cuando se sube. En este caso seleccionaremos el tamaño de la imagen
       completa.
Blogs ::: Mi primer artículo en Wordpress                                                   44
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

    8. Clic en el botón Insertar en la entrada. La imagen se sitúa dentro del artículo.
       Puedes hacer clic sobre la imagen para arrastrarla y soltarla en otro lugar del texto
       de la entrada.

    9. De regreso al editor se mostrará la imagen insertada en el artículo. Se puede arrastrar
       la imagen para situarla en cualquier lugar del artículo.




Nota:

    La imagen que se ha subido al servidor siguiendo el procedimiento descrito queda alojada
    en la galería multimedia asociada a ese blog. Esta galería dispone de un espacio máximo
    de 3 GB para guardar imágenes y otros archivos.


    10. Para guardar los cambios realizados en el artículo haz clic en el botón Guardar
        borrador. Para ver la apariencia que tiene el artículo haz clic en el enlace Vista
        previa.




3.2.5 Añadir un hipervínculo
Un enlace o hipervínculo puede ser un texto o imagen que se muestra en una página web y
que está vinculada a otras páginas del mismo u otro sitio. Al situar el puntero del ratón sobre
él, éste toma el aspecto de una mano. Al hacer clic se mostrará en el navegador web la nueva
página vinculada al mismo.

    1. Dentro del editor de entradas pulsa y arrastra sobre el enlace que aparece en la
       última línea del documento para seleccionarlo. Es un enlace a Google que ya incluye
Blogs ::: Mi primer artículo en Wordpress                                                45
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

       los   términos    de    búsqueda     relativos    al   autor    que    nos   ocupa:
       http://www.google.es/search?q=Federico+García+Lorca
    2. A continuación pulsa la combinación de teclas Ctrl+X para cortarla. Esta URL se ha
       copiado al portapapeles de Windows y se ha eliminado de la ubicación actual.
    3. Pulsa y arrastra para seleccionar el texto “Más información” situado al final del
       documento. A continuación en la barra del editor pulsa en el botón Enlace.




    4. En el cuadro de diálogo URL del enlace: haz clic derecho y elige Pegar. En la lista
       desplegable Destino selecciona la opción Abrir el enlace en una nueva entrada.
    5. Clic en el botón Insertar para guardar la dirección pegada.
    6. Para terminar haz clic en el botón Guardar borrador.


3.2.6 Otras opciones de la entrada
En la página donde se edita una entrada se pueden configurar distintas opciones de este
artículo:
     Publicar. Se pueden definir los siguientes parámetros del artículo haciendo clic en el
        enlace Editar que acompaña a cada uno:
            o Estado. Borrador –no publicado-, Pendiente de revisión o Publicado.
            o Visibilidad. Público, Protegido con contraseña o Privado.
            o Publicar inmediatamente. Permite definir la fecha y hora posterior o anterior
                a la actual en que se publicará esa entrada. La opción por defecto es:
                inmediatamente aunque si se define una fecha futura y se pulsa en el botón
                Publicar, la entrada no será visible hasta que se alcance esa fecha.
Blogs ::: Mi primer artículo en Wordpress                                                  46
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

       Etiquetas de la entrada. Introduce las etiquetas o palabras clave que deseas asociar
        al artículo pero separadas por comas. Ejemplo: poesía, generación 27. Clic en el
        botón Añadir.




       Categorías. Permiten clasificar las entradas. Una entrada puede clasificarse en una o
        más categorías. Esto puede permitir por ejemplo el filtrado de todas las entradas del
        blog que se hayan clasificado en la misma categoría. Para ello basta marcar la casilla
        de verificación de la categoría o categorías elegidas. Para añadir una categoría haz
        clic en el enlace Añadir nueva categoría, introduce el identificador de esa nueva
        categoría y pulsa en el botón Añadir.




       Comentarios. Activa la casilla Permitir comentarios para permitir los comentarios de
        los usuarios a esta entrada. Activa la casilla Permitir trackbacks y pingbacks para
        facilitar los avisos al publicarse este artículo.
Blogs ::: Mi primer artículo en Wordpress                                                      47
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




3.2.7 Publicar la entrada
    1. Clic en el botón Publicar para que el artículo se visualicepor los lectores del blog.




    2. Para ver el resultado final haz clic en el enlace Visitar sitio o bien en el enlace Vista
       previa que se ofrece en el cuadro de Publicación de esa entrada.




3.2.8 Enlace permanente a una entrada

Al pulsar sobre el título de un artículo, éste se mostrará de forma individual en la página y al
final aparecerán los comentarios asociados. Si en ese momento te fijas en la barra de
dirección del navegador web, podrás comprobar que ese artículo dispone de una URL que
permite acceder al mismo de forma individual. Su formato suele ser:

http://<identificador_de_blog>.wordpress.com/<añopub>/<mespub>/diapub>/<titulo-
entrada>/

Este enlace recibe el nombre de Enlace permanente a una entrada.
Blogs ::: Mi primer artículo en Wordpress                                                48
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado



Cuando se está editando una entrada, en la parte superior del editor, se muestra este enlace
permanente. Si pulsas en el botón Editar puedes cambiar la última parte de esta dirección.
Otra posibilidad es pulsar en el botón conseguir URL corta que proporciona una dirección más
corta de acceso directo a este artículo.
Blogs ::: Gestión de artículos en Blogger                             49
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




          4. Gestión de artículos
Blogs ::: Gestión de artículos en Blogger                             50
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




     4.1 Gestión de artículos
                  en Blogger
Blogs ::: Gestión de artículos en Blogger                                                   51
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado


4.1.1 Modificar un artículo
    1. Existen distintos procedimientos alternativos para modificar un artículo ya existente:

           Desde el Escritorio de Blogger haz clic en el enlace Editar entradas.




           Desde el backend de administración del blog haz clic en la pestaña Creación de
            entradas y luego en la subpestaña Editar entradas.




           Si navegas por el frontend del blog y previamente te has autentificado como
            administrador del mismo, en cada artículo publicado se mostrará un icono de
            “lápiz” para editar esa entrada directamente.




    2. Si has seguido los dos primeros métodos accederás al listado de artículos del blog. Haz
       clic en el enlace Editar de la entrada correspondiente para acceder a su edición.
Blogs ::: Gestión de artículos en Blogger                                                    52
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado



    3. Si el listado de entradas es muy numeroso, para facilitar la localización del artículo a
       editar se puede filtrar por un término de búsqueda que se introduce en la casilla
       Buscar. Otra posibilidad es pulsar en el enlace Borradores, Programadas, Importadas
       o Publicadas según su estado de publicación.
    4. Realiza los cambios oportunos en el contenido del artículo y para guardar los cambios
       pulsa en el botón PUBLICAR ENTRADA (si el artículo ya está publicado) o bien en
       GUARDAR AHORA (si el artículo está pendiente de publicación).




4.2 Estados de publicación
En función del estado de publicación, las entradas se clasifican en:

       Borradores. Son las entradas que no están publicadas. No se visualizan en el frontend
        del blog, bien porque no se han terminado todavía o bien porque se ha decidido
        despublicarlas.
       Programadas. En su elaboración se ha definido una fecha futura y al final se ha
        pulsado en el botón PUBLICAR ENTRADA. Sin la mediación posterior del autor, los
        lectores tendrán acceso al artículo a partir de la fecha establecida. Mientras tanto la
        entrada será considerada como Programada y al activarse pasará a la categoría de
        Publicada.
       Importadas. Se trata de entradas que se han creado a partir de la importación de un
        archivo XML que contiene los artículos exportados de otro blog.
       Publicadas. Son las entradas visibles por los lectores.




4.3 Eliminar un artículo
Para eliminar un artículo desde el panel de entradas:

    1. Haz clic en el enlace Suprimir correspondiente al artículo que deseamos eliminar.
       Otra posibilidad es marcar las entradas deseadas y pulsar en el botón SUPRIMIR
       SELECCIÓN que se ofrece en la parte inferior del listado de entradas.




    2. Se muestra una pregunta de confirmación: ¿Está seguro de que desea eliminar esta
       entrada?. Si estás seguro del borrado pulsa en el botón SUPRIMIRLO. En caso
       contrario haz clic en el botón CANCELAR. Conviene manejar esta opción con
       precaución porque el borrado es irreversible.
Blogs ::: Gestión de artículos en Blogger                                                   53
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




Nota:
        Si el artículo contiene alguna imagen también se solicita confirmación para eliminarla
        o bien conservarla. Recuerda que las imágenes subidas se guardan en la cuenta de
        Picasa asociada al usuario Google con que se ha creado el blog.



4.4 Publicar y despublicar
Una vez que se ha publicado una entrada se puede volver a despublicar para que no sea
visible por los lectores del blog. El procedimiento para volver a convertir en borrador una
entrada es el siguiente:

    1. Accede al listado de entradas del interfaz de administración mediante el enlace
       Editar entradas.
    2. Clic en el enlace Editar que acompaña al título de la entrada en la lista.




    3. Si el artículo está publicado se mostrará en la parte inferior un botón con el texto
       GUARDAR COMO BORRADOR. Al pulsar en este botón, la entrada se convierte en
       borrador y no se visualiza en el blog.
Blogs ::: Gestión de artículos en Blogger                                                  54
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado


4.5 Asignar etiquetas
Las etiquetas son palabras clave que permiten organizar y clasificar los artículos por temas o
autores. Cuando se crea un artículo se le pueden asignar una o varias etiquetas. Los lectores
pueden consultar todas las entradas correspondientes a un tema haciendo clic en la etiqueta
correspondiente. Otra posibilidad es asignar su propia etiqueta a cada autor del blog para
poder leer fácilmente todas las entradas de cada uno.

    1. Cuando se edita una entrada, en la parte inferior del editor se muestra un espacio con
       el título Etiquetas de esta entrada donde se pueden introducir las etiquetas que
       desees separadas por comas.




    2. También se puede hacer clic en el enlace Mostrar todo para ver la lista de etiquetas
       ya creadas previamente. Para añadir una simplemente hacer clic en ella.




    3. Cuando se publica un artículo se muestra acompañado de las etiquetas asociadas. Al
       hacer clic sobre una de estas etiquetas, se accederá a una página que contiene
       solamente las entradas con esta etiqueta.




    4. Se puede modificar fácilmente el diseño del blog añadiendo un gadget con la lista de
       todas las etiquetas utilizadas en tu blog. Este gadget se mostrará en la columna
       lateral de tu blog y mostrará las etiquetas ordenadas alfabéticamente o por
       frecuencia de uso.
Blogs ::: Gestión de artículos en Blogger                                                 55
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    5. Durante la edición de entradas se puede filtrar el listado de artículos para que se
       muestren solamente las entradas asociadas a un etiqueta concreta, haciendo clic en
       la etiqueta correspondiente del listado que aparece en la columna izquierda.




    6. Las etiquetas se pueden crear directamente durante la edición de un artículo
       tecleándolas separadas por comas tal y como se describía en el punto 1 de este
       apartado. Sin embargo un método más seguro quizás sea crearlas desde el panel de
       entradas para luego simplemente seleccionar la etiqueta o etiquetas adecuadas
       cuando se edita el artículo. Para crear las etiquetas desde el panel de entradas debes
       desplegar el listado Acciones de etiquetas … y elegir la opción Nueva etiqueta. En el
       cuadro que se muestra introduce la nueva etiqueta y pulsa en Aceptar.




    Nota:

        No se pueden utilizar los siguientes caracteres en las etiquetas: &<>@!,



4.6 Publicar artículos desde el correo electrónico
En este apartado veremos cómo publicar una entrada en el blog desde el correo electrónico.
Se propone utilizar la cuenta de correo GMail asociada al usuario Google creado. Sin embargo
se podría utilizar cualquier otra cuenta de correo electrónico.

    1. Descarga y descomprime el archivo agala.zip. Como resultado de la extracción
       obtendrás una página HTML y una imagen JPG.
Blogs ::: Gestión de artículos en Blogger                                                 56
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

    2. Antes de continuar es necesario configurar tu blog para que acepte la publicación de
       entradas vía email. Para ello abre el navegador web y visita la URL de Blogger:
       http://www.blogger.com
    3. Introduce las credenciales de acceso: usuario y contraseña. Pulsa en el botón
       Acceder.




    4. En el panel del Escritorio haz clic en el enlace Configuración correspondiente al blog
       que deseamos modificar.




    5. Clic en la pestaña Correo electrónico y móvil




    6. En el apartado Opciones para la creación de entradas define una dirección secreta
       para la creación de entradas por correo electrónico. Introduce una palabra compleja
       y cámbiala con cierta periodicidad. Formará parte de la dirección de correo
       electrónico a la que debes enviar una entrada para que se publique en tu blog.
Blogs ::: Gestión de artículos en Blogger                                                  57
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado



    7. Puedes elegir 3 opciones:
            Publicar correos electrónicos inmediatamente. Si eliges esta opción el
               mensaje se publicará directamente al enviarlo.
            Guardar correos electrónicos como borrador de entradas. El mensaje se
               guardará como un borrador y será necesario acceder al backend del blog para
               supervisar su contenido, asignarle las correspondientes etiquetas y publicarlo.
            Inhabilitado. Esta opción inhabilita el envío por email de entradas.
    8. Para finalizar haz clic en el botón GUARDAR CONFIGURACIÓN. Si la nueva
       configuración se ha guardado con éxito se mostrará el correspondiente mensaje. A
       partir de este momento tu blog está preparado.
    9. A continuación accede al interfaz web de tu cuenta de correo electrónico en Gmail.
       Para ello utiliza uno de estos procedimientos alternativos:
            Desde el escritorio de Blogger haz clic en el enlace Mi cuenta que aparece en
               la esquina superior derecha de la página. Haz clic en el enlace GMail.




                Abre una ventana en el navegador web y accede a la dirección individual de
                 tu cuenta en GMail: http://www.gmail.com. En el cuadro Acceda a Gmail
                 con su Cuenta de Google, introduce el nombre de usuario y contraseña que
                 has utilizado en Blogger. Clic en el botón Acceder.




    10. Clic en el botón Redactar para iniciar la composición de un nuevo mensaje.
Blogs ::: Gestión de artículos en Blogger                                                 58
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

    11. Minimiza la ventana del navegador web para utilizar el explorador de archivos de
        Windows y hacer doble clic para abrir la página HTML: agala.html que has obtenido
        antes. Esta acción mostrará esta página en una nueva ventana del navegador web.
    12. Esta página HTML muestra información sobre la vida y obras del escritor Antonio Gala.
        Haz clic derecho sobre ella y elige Seleccionar todo en el menú contextual que se
        muestra. Vuelve a hacer clic derecho y selecciona Copiar.
    13. Regresa a la ventana de GMail. Completa el nuevo mensaje con los siguientes datos:
             Para: escribe la dirección de correo electrónico secreta que has configurado
                en tu blog.
             Asunto: será el título de la entrada en el blog. Ejemplo: Antonio Gala.
             Texto: Haz clic derecho sobre este cuadro y elige la opción Pegar. Esta acción
                pegará el código copiado anteriormente de la página agala.html. Observa que
                se trata de un texto con formato y enlaces que también puede crearse o
                modificar utilizando las propias herramientas del editor de mensaje de Gmail.
                También podría ser un mensaje de texto plano.




    14. Para insertar una imagen en el artículo final es necesario enviarla como adjunto del
        mensaje de correo electrónico. Clic en el enlace Adjuntar un archivo para localizar y
        abrir el archivo de imagen lorca.jpg.




    15. Para enviar el mensaje haz clic en el botón Enviar.
Blogs ::: Gestión de artículos en Blogger                                                 59
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    16. Si has configurado tu blog para que el mensaje se publique directamente entonces se
        mostrará directamente para tus lectores.




Notas:

        Pies de mensajes. Si deseas evitar que se publiquen en el blog los pies de mensajes
         que algunos servidores de correo insertan de forma automática puedes utilizar la
         etiqueta #end al final del cuerpo del mensaje.
        Colaboración. La publicación por email puede resultar interesante para colaboradores
         del blog que no tengan credenciales de acceso al backend del mismo. En este caso el
         administrador o administradores principales podrían configurar el blog para que los
         artículos así enviados se guarden como borradores pendientes de publicación en lugar
         de que se publiquen directamente.
        Etiquetas. En la actualidad no es posible asignar etiquetas a un artículo cuando se
         envía por email. Sin embargo posteriormente se puede acceder a la gestión del blog
         para asignárselas.
Blogs ::: Gestión de artículos en Blogger                                                  60
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado


4.7 Exportar e importar entradas
Los artículos de un blog se pueden exportar a otro blog. Esto es especialmente útil para crear
copias de seguridad en local frente a intrusos (robo de contraseñas, ataque de spam, etc),
mover los artículos de un blog a otro, migrar de un blog de Blogger a otro sistema, etc. La
exportación/importación de artículos produce como resultado un archivo XML que contiene
información de las entradas y los comentarios. No incluye los archivos de imagen ni ningún
dato sobre la configuración de la plantilla.

Exportación
    1. Desde el interfaz de gestión de contenidos del blog cuyos artículos deseamos
       exportar, selecciona la pestaña Configuración > Básico. Clic en el enlace Exportar
       blog.




    2. En la página Exporta tu blog haz clic en el botón DESCARGAR BLOG.




    3. Se muestra el cuadro de diálogo Abriendo blog-dd-mm-aaaa.xml donde se ofrece la
       posibilidad de abrir o descargar el archivo XML con la información. Selecciona la
       opción Guardar archivo y haz clic en el botón Aceptar. El archivo XML se crear y
       guarda con un nombre de la forma blog-dd-mm-aaaa-xml donde aparece el día (d),
       mes (d) y año en que se genera esa exportación.
Blogs ::: Gestión de artículos en Blogger                                               61
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    4. Clic en el botón Guardar. Al cabo de unos instantes dispondremos de este archivo XML
       guardado en el equipo.

Importación
    1. Desde el interfaz de gestión del blog donde deseas importar los artículos guardados,
       haz clic en la pestaña Configuración > Básico. Clic en el enlace Importar blog.




    2. Desde la página Importar un blog haz clic en el botón Examinar para localizar el
       archivo blog-dd-mm-aaaa-xml que hemos guardado en nuestro equipo como resultado
       de un proceso de exportación anterior.
Blogs ::: Gestión de artículos en Blogger                                              62
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

    3. Introduce la palabra antispam y marca la opción Publicar automáticamente todas las
       entradas importadas para que los artículos importados se publiquen directamente en
       el blog. Si deseas revisarlos antes de publicarlos puedes desmarcar esta opción.
       Recuerda que los artículos mantienen su fecha original salvo que se modifique. Para
       concluir pulsa en el botón IMPORTAR BLOG. Al cabo de unos instantes se mostrará el
       listado de entradas con los nuevos artículos.
Blogs ::: Gestión de artículos en Wordpress                           63
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




          4. Gestión de artículos
                   en Wordpress
Blogs ::: Gestión de artículos en Wordpress                                                 64
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado


4.2.1 Modificar un artículo
    1. Existen distintos procedimientos alternativos para modificar un artículo ya existente:

           Desde el Escritorio de Wordpress haz clic en el enlace Entradas




           Desde el backend de administración del blog haz clic en el encabezado de bloque
            Entradas y luego en la subopción Editar.




           Si navegas por el frontend del blog y previamente te has autentificado como
            administrador del mismo, dependiendo del tema definido en el blog, en cada
            artículo publicado se mostrará un enlace para editar esa entrada directamente.
Blogs ::: Gestión de artículos en Wordpress                                                  65
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado



    2. Si has seguido los dos primeros métodos accederás al listado de artículos del blog. Haz
       clic en el enlace Editar de la entrada correspondiente para acceder a su edición.
       También puedes hacer un simple clic sobre el enlace situado en el titulo de la
       Entrada.




    3. Si el listado de entradas es muy numeroso, para facilitar la localización del artículo a
       editar se puede filtrar por fechas o categorías, etc. Otra opción es realizar una
       búsqueda por un término que se introduce en la casilla Buscar entradas. También es
       posible pulsar en el enlace Todos, Borradores, Pendientes de revisión y Publicadas
       según su estado de publicación.
    4. Realiza los cambios oportunos en el contenido del artículo y para guardar los cambios
       pulsa en el botón Actualizar (si el artículo ya está publicado) o bien en Guardar
       borrador (si el artículo está pendiente de publicación).




4.2.2 Estados de publicación
En función del estado de publicación, las entradas se clasifican en:

       Borradores. Son las entradas que no están publicadas. No se visualizan en el frontend
        del blog, bien porque no se han terminado todavía o bien porque se ha decidido
        despublicarlas.
       Pendientes de revisión. La entrada está pendiente de revisión por parte de un
        usuario gestor del blog con capacidad para editarlo y publicarlo.
       Publicadas. Son las entradas visibles por los lectores.
       Programado. No es un estilo definido en Wordpress pero se corresponde con una
        entrada publicada en una fecha posterior a la actual. Se visualizará en el frontend
        cuando se alcance la fecha y hora definidas.
Blogs ::: Gestión de artículos en Wordpress                                                 66
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado


4.2.3 Eliminar un artículo
Para eliminar un artículo desde el panel del listado de entradas existen varios procedimientos
alternativos:

    1. En la entrada que deseas eliminar haz clic en el enlace Papelera.




    2. Marca la casilla de verificación de la entrada que deseas eliminar y en la lista
       desplegable Acciones en lote elige la opción Mover a la papelera y pulsa en el botón
       Aplicar.

    Cuando se envía una entrada a la papelera ésta se puede recuperar posteriormente. Se
    accede a las entradas situadas en la papelera haciendo clic en el enlace Papelera.




    Desde el listado de entradas de la papelera se pueden eliminar de forma permanente en
    el enlace Borrar permanentemente o bien Restaurar esa entrada para recuperarla de la
    papelera.
Blogs ::: Gestión de artículos en Wordpress                                                 67
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado


4.2.4 Publicar y despublicar
Una vez que se ha publicado una entrada se puede volver a despublicar para que no sea
visible por los lectores del blog. El procedimiento para volver a convertir en borrador una
entrada es el siguiente:

    1. Accede al listado de entradas del interfaz de administración mediante el enlace
       Entradas > Editar.
    2. Clic en el enlace situado en el título de la entrada en la lista.
    3. Desde la edición de la entrada, en el cuadro Publicar situado a la derecha, haz clic en
       el enlace Editar que acompaña al Estado(Publicada).




    4. En la lista desplegable elige la opción Borrador y pulsa en el botón Aceptar.




    5. Se puede publicar un borrador durante su edición pulsando en el botón Publicar o
       bien modificando su Estado siguiendo un procedimiento similar al descrito para
       pasarlo a Borrador.




4.2.5 Asignar etiquetas
Las etiquetas son palabras clave que permiten organizar y clasificar los artículos por palabras
clave. Cuando se crea un artículo se le pueden asignar una o varias etiquetas. Los lectores
pueden consultar todas las entradas correspondientes a un tema haciendo clic en la etiqueta
correspondiente.

    1. Cuando se edita una entrada, en el cuadro Etiquetas que aparece en la columna
       derecha se pueden introducir las etiquetas que desees separadas por comas y luego
       pulsar en el botón Añadir.
Blogs ::: Gestión de artículos en Wordpress                                             68
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    2. También se puede hacer clic en el enlace Elige entre las etiquetas más utilizadas …
       para ver la lista de etiquetas ya creadas previamente. Para añadir una etiqueta
       simplemente haz clic en ella. Para eliminar una etiqueta del artículo haz clic en el
       botón cerrar que acompaña a esa etiqueta en el listado asignado.

    3. Cuando se publica un artículo se muestra acompañado de las etiquetas asociadas. Al
       hacer clic sobre una de estas etiquetas, se accederá a una página que contiene
       solamente las entradas con esta etiqueta.




    4. Se puede modificar fácilmente el diseño del blog añadiendo un widget con la lista de
       todas las etiquetas utilizadas en tu blog en forma de nube.
    5. Durante la edición de entradas se puede filtrar el listado de artículos para que se
       muestren solamente las entradas asociadas a un etiqueta concreta, haciendo clic en
       la etiqueta correspondiente en cualquiera de las entradas que la contienen.




    6. Las etiquetas se pueden crear directamente durante la edición de un artículo
       tecleándolas separadas por comas tal y como se describía en este apartado. Sin
       embargo un método más seguro quizás sea crearlas desde el panel de entradas para
       luego simplemente seleccionar la etiqueta o etiquetas adecuadas cuando se edita el
       artículo. Para crear las etiquetas desde el interfaz de gestión elige Entradas >
       Etiquetas de las entradas. En la página Añadir nueva etiqueta puedes introducir esa
       etiqueta, su descripción (opcional) y luego pulsa en el botón Añadir etiqueta.
Blogs ::: Gestión de artículos en Wordpress                                              69
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    Nota:

        No se pueden utilizar los siguientes caracteres en las etiquetas: &<>@!,



4.2.6 Publicar artículos desde el correo
electrónico
En este apartado veremos cómo publicar una entrada en el blog desde el correo electrónico.
Se propone utilizar la cuenta de correo GMail asociada al usuario Google creado. Sin embargo
se podría utilizar cualquier otra cuenta de correo electrónico.

    1. Descarga y descomprime el archivo agala.zip. Como resultado de la extracción
       obtendrás una página HTML y una imagen JPG.




    2. Antes de continuar es necesario configurar tu blog para que acepte la publicación de
       entradas vía email. Desde el interfaz de administración de tu blog selecciona Mi
       cuenta > Mis blogs situado en la barra de menú horizontal superior.
Blogs ::: Gestión de artículos en Wordpress                                               70
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    3. Se muestra el listado de blogs que administramos en Wordpress. Para el blog que nos
       ocupa haz clic en el botón Activado en la columna Publicar por email.




    4. Se genera una dirección de correo secreta y aleatoria. Es la dirección de correo
       electrónico a la que debes enviar una entrada para que se publique en tu blog.




    5. Si haces clic en el enlace vCard te podrás descargar un archivo de contacto de correo
       electrónico vCard conteniendo la dirección que puedes utilizar para añadir ese
       contacto a tu libreta de direcciones.
    6. Si pulsas en el enlace Regenerar se creará otra dirección de correo aleatoria.
       Conviene cambiarla cada cierto tiempo por motivos de seguridad.
    7. Para desactivar la posibilidad de enviar por correo electrónico a ese blog haz clic en
       el enlace Borrar.

A continuación ya puedes enviar el mensaje de correo electrónico con la entrada. Para ello se
propone utilizar el webmail de GMail (http://www.gmail.com) y esto supone que debes tener
cuenta en GMail. No obstante se puede hacer desde cualquier cuenta de correo electrónico
tanto utilizando webmail como un programa cliente de correo como Outlook o similar.

    8. Abre una ventana en el navegador web y accede a la dirección individual de tu cuenta
       en GMail: http://www.gmail.com. En el cuadro Acceda a Gmail con su Cuenta de
       Google, introduce el nombre de usuario y contraseña. Clic en el botón Acceder.
Blogs ::: Gestión de artículos en Wordpress                                               71
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    9. Clic en el botón Redactar para iniciar la composición de un nuevo mensaje.




    10. Minimiza la ventana del navegador web para utilizar el explorador de archivos de
        Windows y hacer doble clic para abrir la página HTML: agala.html que has obtenido
        antes. Esta acción mostrará esta página en una nueva ventana del navegador web.
    11. Esta página HTML muestra información sobre la vida y obras del escritor Antonio Gala.
        Haz clic derecho sobre ella y elige Seleccionar todo en el menú contextual que se
        muestra. Vuelve a hacer clic derecho y selecciona Copiar.
    12. Regresa a la ventana de GMail. Completa el nuevo mensaje con los siguientes datos:
             Para: escribe la dirección de correo electrónico secreta que has configurado
                en tu blog.
             Asunto: será el título de la entrada en el blog. Ejemplo: Antonio Gala.
             Texto: Haz clic derecho sobre este cuadro y elige la opción Pegar. Esta acción
                pegará el código copiado anteriormente de la página agala.html. Observa que
                se trata de un texto con formato y enlaces que también puede crearse o
                modificar utilizando las propias herramientas del editor de mensaje de Gmail.
                También podría ser un mensaje de texto plano.
Blogs ::: Gestión de artículos en Wordpress                                               72
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    13. Para insertar una imagen en el artículo final es necesario enviarla como adjunto del
        mensaje de correo electrónico. Clic en el enlace Adjuntar un archivo para localizar y
        abrir el archivo de imagen lorca.jpg.




    14. Para enviar el mensaje haz clic en el botón Enviar.
    15. El contenido enviado se habrá publicado como una nueva entrada en el blog. Observa
        que la imagen adjuntada se ha añadido al final del artículo.
Blogs ::: Gestión de artículos en Wordpress                                                   73
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




Algunas características de la publicación por email:

Adjuntos. Si se envía una sola imagen adjunta, ésta se mostrará al final del artículo y
separada del texto. Si se envían varias imágenes adjuntas, éstas se mostrarán como una
galería. Si envías como adjunto un archivo de audio MP3, éste se mostrará usando el
reproductor de audio de Wordpress. Si envías otros archivos de documentos como PDF, DOC,
etc entonces se mostrarán como enlaces en el artículo.

Códigos especiales de publicación. Se pueden incluir en el mensaje de correo electrónico
códigos especiales que configuran distintos aspectos del artículo publicado. Se pueden
escribir en cualquier sitio del mensaje y deben ir siempre en minúsculas y entre corchetes.

       [category x,y,z] Define la categoría o categorías en que se clasifica esa entrada.
       [tags x,y,z] Define las etiquetas de la entrada.
       [delay +1 hour] Establece un retraso de 1 hora en la publicación de esa entrada a
        partir del instante en que se recibe. Por defecto se publica inmediatamente que se
        recibe.
       [comments on | off] Activa (on) o Desactiva los comentarios a esa entrada.
       [status publish | pending | draft | private] Define el estado de la entrada:
        publicado, pendiente, borrador o privado.

Más información en: http://en.support.wordpress.com/post-by-email/


4.2.7 Exportar e importar entradas
Los artículos de un blog se pueden exportar a otro blog. Esto es especialmente útil para crear
copias de seguridad en local frente a intrusos (robo de contraseñas, ataque de spam, etc),
mover los artículos de un blog a otro, migrar de un blog de Wordpress a otro sistema, etc. La
exportación/importación de artículos produce como resultado un archivo XML que contiene
información de las entradas, comentarios, categorías, etiquetas, etc. Este fichero NO incluye
los archivos de imagen ni ningún dato sobre la configuración de la plantilla.

Exportación
    1. Desde el interfaz de gestión de contenidos del blog cuyos artículos deseamos
       exportar, selecciona la opción Herramientas > Exportar.
Blogs ::: Gestión de artículos en Wordpress                                             74
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    2. En la página Exporta haz clic en el botón Descargar el archivo de exportación. Es
       posible desplegar un combo y elegir un solo autor para importar las entradas creadas
       por un autor en concreto. En este caso se propone exportar las entradas de todos los
       autores.




    3. Se muestra el cuadro de diálogo Abriendo wordpress.aaaadd-mm-dd.xml donde se
       ofrece la posibilidad de abrir o descargar el archivo XML con la información.
       Selecciona la opción Guardar archivo y haz clic en el botón Aceptar. El archivo XML
       se crear y guarda con un nombre de la forma wordpress.aaaadd-mm-dd.xml donde
       aparece el día (d), mes (d) y año en que se genera esa exportación.
Blogs ::: Gestión de artículos en Wordpress                                             75
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

    4. Clic en el botón Guardar. Al cabo de unos instantes dispondremos de este archivo XML
       guardado en el equipo.

Importación
    1. Desde el interfaz de gestión del blog donde deseas importar los artículos guardados,
       haz clic en la pestaña Herramientas > Importar.




    2. Desde la página Importar haz clic en el sistema desde el que importarás. Es posible
       importar las entradas a partir de un XML de Blogger o de Wordpress. En este caso haz
       clic en Wordpress.




    3. Desde la página Importar desde Wordpress haz clic en el botón Examinar para
       localizar el archivo wordpress.aaaa-mm-dd.xml que hemos guardado en nuestro
       equipo como resultado de un proceso de exportación anterior.
Blogs ::: Gestión de artículos en Wordpress                                              76
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

    4. Pulsa en el botón Subir archivo e importar.
    5. En la siguiente página es necesario Asignar autores para indicar a qué autor del blog
       actual se asignarán las entradas importadas. Para ello se elige uno en la lista
       desplegable.




    6. En el apartado Importar adjuntos marca la casilla Descargar e importar archivos
       adjuntos para guardar en el blog actual las imágenes y archivos enlazados en los
       artículos importados.
    7. Para terminar pulsa en el botón Enviar. Esta acción añadirá a nuestro blog las
       entradas contenidas en el XML de importación.
Blogs ::: El editor de entradas en Blogger                            77
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




      5. El editor de entradas
Blogs ::: El editor de entradas en Blogger                            78
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




                         5.1 El editor de
                     entradas en Blogger
Blogs ::: El editor de entradas en Blogger                                                79
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado


5.1.1 Formato de texto
Blogger ofrece un editor visual que proporciona ciertas prestaciones para la edición en línea
del texto de artículos.




Una práctica habitual de la edición en línea de contenidos es la preparación previa del texto
con un procesador de textos local: Word, Writer, Bloc de Notas, etc. Una vez finalizado el
artículo se puede publicar en el blog copiando y pegando sobre su editor. De esta forma
durante la edición en línea siempre se dispondrá de una copia de seguridad en local.

    1. Descarga y descomprime el archivo einstein.zip. Como resultado obtendrás el archivo
       de texto einstein.txt y el archivo de imagen einstein.jpg.




    2. Haz doble clic sobre el archivo einstein.txt para abrirlo con el Bloc de Notas.
       Selecciona Edición > Seleccionar todo para seleccionar el texto completo que
       contiene este archivo y a continuación elige Edición > Copiar para copiarlo al
       portapapeles de Windows. Cierra la ventana del Bloc de Notas.
Blogs ::: El editor de entradas en Blogger                                                  80
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    3. Abre el navegador web y accede a la URL de inicio de Blogger:
       https://www.blogger.com/start?hl=es
    4. Introduce sus credenciales (usuario y contraseña) en el apartado Accede a través de
       tu cuenta de Google y pulsa en el botón Acceder
    5. Si el proceso de autentificación se ha producido con éxito te situarás en el Escritorio.
    6. En este panel aparecerán los distintos blogs que gestionas en Blogger.
    7. Clic en el botón NUEVA ENTRADA para acceder directamente al interfaz de edición
       del blog donde deseas publicar el artículo.
    8. Teclea el título: Albert Einstein. Haz clic dentro del editor de artículos y a
       continuación haz clic derecho para elegir la opción Pegar. Esta acción pegará el texto
       copiado del archivo de texto anterior evitando tener que teclearlo.




Notas:
    Como ocurre en la mayoría de editores visuales en línea es recomendable copiar y
       pegar a partir de texto plano creado con el Bloc de Notas. Otra posibilidad, para
       diseños más elaborados, es editar previamente la página con un editor visual HTML
       como Kompozer (http://kompozer.net/). Lo que NO se recomienda es pegar a partir
       de un documento Word porque se introduce código oculto innecesario y en ocasiones
       produce que no se vea adecuadamente. En este caso es preferible utilizar el Bloc de
       Notas como paso intermedio para pegar el contenido Word y luego volver a
       seleccionar y copiar para pegarlo sobre el editor final.
    El texto pegado es un guión del artículo a realizar. Incluye anotaciones entre
       corchetes que referencian la posición de la imagen y el formato de los distintos
       fragmentos del texto. Es necesario borrar estas anotaciones entre corchetes y aplicar
       los cambios apuntados.
Blogs ::: El editor de entradas en Blogger                                                  81
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

    9. Elimina la primera línea porque el título ya lo hemos escrito en un paso anterior.
        Elimina también la anotación de la imagen para insertar en esa posición la foto
        solicitada.
    10. En la barra de herramientas del editor haz clic en el botón Añadir Imagen.




    11. Se mostrará una nueva ventana para subir la imagen desde nuestro equipo. Clic en el
        botón Examinar para localizar y señalar el archivo einstein.jpg que hemos obtenido
        en un paso anterior. Observa que sólo se admiten los formatos de imagen: gif, jpg y
        png.




    12. En el área Elige un diseño selecciona un tipo de alineamiento. Por ejemplo:
        Izquierda.




    13. En la parte inferior activa la casilla de aceptación de condiciones y pulsa en el botón
        SUBIR IMAGEN.




    14. Si el proceso de subida se realiza con éxito se mostrará la imagen y el mensaje Se ha
        añadido su imagen. Clic en el botón FINALIZADO.
Blogs ::: El editor de entradas en Blogger                                                      82
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    15. Al finalizar esta tarea la imagen se habrá insertado dentro del artículo utilizando la
        alineación definida.
    16. Selecciona la línea que contiene las fechas de nacimiento y fallecimiento y pulsa en el
        botón Negrita de la barra de herramientas del editor.




    17. Selecciona el texto “Teoría de la Relatividad Especial” y aplícale el efecto Cursiva.




    18. Selecciona el texto “Su fórmula E=mc2 es la más popular de la física” y aplícale la
        Alineación al centro.




    19. A este mismo fragmento aplícale el efecto Cursiva y luego despliega la paleta de
        Color de Texto y elige el color rojo.
Blogs ::: El editor de entradas en Blogger                                                 83
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    20. Selecciona el primer subtítulo: “Biografía” y a continuación en la barra de
        herramientas selecciona Large como Tamaño de fuente.




    21. Selecciona todos los ítems de la lista numerada de la biografía de Einstein y pulsa en
        el botón Lista Numerada de la barra de herramientas del editor. Tendrás que borrar
        en cada elemento el número que venía escrito.




    22. Repite los pasos anteriores para el subtítulo “Teorías de Einstein” y para la lista
        numerada de elementos que se citan.
    23. Asigna como tamaño de fuente Large al siguiente subtítulo “Para saber más”.
    24. A continuación selecciona las dos referencias y pulsa en el botón Lista de viñetas.
Blogs ::: El editor de entradas en Blogger                                                 84
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    25. Dentro del editor de entradas pulsa y arrastra sobre el enlace que aparece en la
        primera referencia: Es un enlace a Google que ya incluye el término de búsqueda:
        http://es.wikipedia.org/wiki/Einstein
    26. A continuación pulsa la combinación de teclas Ctrl+X para cortarla. Esta URL se ha
        copiado al portapapeles de Windows y se ha eliminado de la ubicación actual.
    27. Pulsa y arrastra para seleccionar el texto “Wikipedia” situado al final del documento.
        A continuación en la barra del editor pulsa en el botón Enlace.




    28. En el cuadro de diálogo Escribe una URL: haz clic derecho y elige Pegar.




    29. Clic en el botón Aceptar para guardar la dirección pegada.




    30. Repite el mismo procedimiento con el siguiente hipervínculo.
    31. Para terminar haz clic en el botón GUARDAR AHORA.
Blogs ::: El editor de entradas en Blogger                                                    85
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado


5.1.2 Corrector ortográfico
El editor de entrada de Blogger proporciona un corrector ortográfico.

    1. Cuando ya hayas escrito el artículo se puede activar pulsando en el botón Corrector
       ortográfico que se proporciona en la barra de herramientas del editor.




    2. El editor destaca sobre fondo amarillo las palabras escritas que no contiene en su
       diccionario. Aunque en ocasiones son “falsos positivos” (es decir, son palabras que no
       tiene incluidas en su diccionario) en otras muchas nos puede ayudar a localizar
       algunas letras bailadas o faltas de ortografía.
    3. Si haces clic sobre una de estas palabras destacadas, se mostrará un menú de palabras
       alternativas. Si seleccionas una de ellas el editor sustituirá esa palabra por la elegida.




5.1.3 El código HTML
El editor del blog permite mostrar el código HTML del artículo y modificarlo. Esto facilita la
inclusión de etiquetas especiales no contempladas en el entorno visual del editor.

Para visualizar el artículo en modo HTML:

  1.   Clic en el botón Edición de HTML
  2.   Se muestra una ventana donde es posible editar este código.
  3.   Para regresar al modo visual pulsa en la pestaña Redactar.
  4.   Si deseas ver cómo queda el artículo puedes pulsar en el botón Vista previa.
Blogs ::: El editor de entradas en Blogger                                               86
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




Nota:
        Más adelante se explicará cómo utilizar la edición HTML para insertar en una entrada
        el código embed que integra recursos multimedia alojados en otros servicios.
Blogs ::: El editor de entradas en Wordpress                          87
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




 5.2 El editor de entradas
             en Wordpress
Blogs ::: El editor de entradas en Wordpress                                              88
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado


5.2.1 Formato de texto
Wordpress ofrece un editor visual que proporciona ciertas prestaciones para la edición en
línea del texto de artículos.




Una práctica habitual de la edición en línea de contenidos es la preparación previa del texto
con un procesador de textos local: Word, Writer, Bloc de Notas, etc. Una vez finalizado el
artículo se puede publicar en el blog copiando y pegando sobre su editor. De esta forma
durante la edición en línea siempre se dispondrá de una copia de seguridad en local.

    1. Descarga y descomprime el archivo einstein.zip. Como resultado obtendrás el archivo
       de texto einstein.txt y el archivo de imagen einstein.jpg.




    2. Haz doble clic sobre el archivo einstein.txt para abrirlo con el Bloc de Notas.
       Selecciona Edición > Seleccionar todo para seleccionar el texto completo que
       contiene este archivo y a continuación elige Edición > Copiar para copiarlo al
       portapapeles de Windows. Cierra la ventana del Bloc de Notas.
Blogs ::: El editor de entradas en Wordpress                                                89
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    3. Teclea el título de la entrada: Albert Einstein. Haz clic dentro del editor de artículos
       y a continuación haz clic derecho para elegir la opción Pegar. Esta acción pegará el
       texto copiado del archivo de texto anterior evitando tener que teclearlo.




Notas:
    Como ocurre en la mayoría de editores visuales en línea es recomendable copiar y
       pegar a partir de texto plano creado con el Bloc de Notas. Otra posibilidad, para
       diseños más elaborados, es editar previamente la página con un editor visual HTML
       como Kompozer (http://kompozer.net/). Lo que NO se recomienda es pegar a partir
       de un documento Word porque se introduce código oculto innecesario y en ocasiones
       produce que no se vea adecuadamente. En este caso es preferible utilizar el Bloc de
       Notas como paso intermedio para pegar el contenido Word y luego volver a
       seleccionar y copiar para pegarlo sobre el editor final.
    El texto pegado es un guión del artículo a realizar. Incluye anotaciones entre
       corchetes que referencian la posición de la imagen y el formato de los distintos
       fragmentos del texto. Es necesario borrar estas anotaciones entre corchetes y aplicar
       los cambios apuntados.
Blogs ::: El editor de entradas en Wordpress                                              90
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

    4. Elimina la primera línea porque el título ya lo hemos escrito en un paso anterior.
       Elimina también la anotación de la imagen para insertar en esa posición la foto
       solicitada.
    5. Sobre el editor haz clic en el botón Añadir una imagen.




    6. Se mostrará una nueva ventana Añadir una imagen para subir la imagen desde
       nuestro equipo. Clic en el botón Elegir archivos para localizar y señalar el archivo
       einstein.jpg que hemos obtenido en un paso anterior. Observa que sólo se admiten
       los formatos de imagen: gif, jpg y png.




    7. Tras su selección en tu equipo y pulsar en el botón Abrir se inicia automáticamente la
       subida de ese archivo al servidor de Wordpress. Si el proceso de subida se ha
       producido con éxito se mostrará una página con los parámetros de la imagen.
Blogs ::: El editor de entradas en Wordpress                                                91
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    8. Para no añadir un enlace a la imagen pulsa en el botón Ninguna en la casilla URL del
       enlace. De esta forma se elimina la dirección de la imagen original.
    9. En la sección Alineación selecciona la opción Izquierda y en Tamaño elige la opción
       Tamaño completo.




    10. Pulsa en el botón Insertar en la entrada para que la imagen se inserte en el artículo.
        Al finalizar esta tarea la imagen se habrá insertado dentro del artículo utilizando la
        alineación definida.
    11. Selecciona la línea que contiene las fechas de nacimiento y fallecimiento y pulsa en el
        botón Negrita de la barra de herramientas del editor.
Blogs ::: El editor de entradas en Wordpress                                                    92
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    12. Selecciona el texto “Teoría de la Relatividad Especial” y aplícale el efecto Cursiva.




    13. Selecciona el texto “Su fórmula E=mc2 es la más popular de la física” y aplícale la
        Alineación al centro.




    14. A este mismo fragmento aplícale el efecto Cursiva y luego despliega la paleta de
        Color de Texto y elige el color rojo.
Blogs ::: El editor de entradas en Wordpress                                               93
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

    15. Selecciona el primer subtítulo: “Biografía” y a continuación en la barra de
        herramientas selecciona Titulo 2 como Tamaño de fuente.




    16. Selecciona todos los ítems de la lista numerada de la biografía de Einstein y pulsa en
        el botón Lista Numerada de la barra de herramientas del editor. Tendrás que borrar
        en cada elemento el número que venía escrito.




    17. Repite los pasos anteriores para el subtítulo “Teorías de Einstein” y para la lista
        numerada de elementos que se citan.
    18. Asigna como tamaño de fuente Titulo 2 al siguiente subtítulo “Para saber más”.
    19. A continuación selecciona las dos referencias y pulsa en el botón Lista de viñetas.
Blogs ::: El editor de entradas en Wordpress                                               94
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

    20. Dentro del editor de entradas pulsa y arrastra sobre el enlace que aparece en la
        primera referencia: Es un enlace a Google que ya incluye el término de búsqueda:
        http://es.wikipedia.org/wiki/Einstein
    21. A continuación pulsa la combinación de teclas Ctrl+X para cortarla. Esta URL se ha
        copiado al portapapeles de Windows y se ha eliminado de la ubicación actual.
    22. Pulsa y arrastra para seleccionar el texto “Wikipedia” situado al final del documento.
        A continuación en la barra del editor pulsa en el botón Enlace.




    23. En el cuadro de diálogo Insertar/Editar enlace: haz clic derecho en la casilla URL del
        enlace y elige Pegar. En el Destino selecciona la opción Abrir el enlace en una
        nueva ventana.




    24. Clic en el botón Insertar para guardar la dirección pegada.
    25. Repite el mismo procedimiento con el siguiente hipervínculo.
    26. Para terminar haz clic en el botón Guardar borrador.
Blogs ::: El editor de entradas en Wordpress                                                  95
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado


5.2.2 Corrector ortográfico
El editor de entrada de Wordpress proporciona un corrector ortográfico.

    1. Cuando ya hayas escrito el artículo se puede activar pulsando en el botón Corrector
       ortográfico que se proporciona en la barra de herramientas del editor.




    2. El editor destaca sobre fondo amarillo las palabras escritas que no contiene en su
       diccionario. Aunque en ocasiones son “falsos positivos” (es decir, son palabras que no
       tiene incluidas en su diccionario) en otras muchas nos puede ayudar a localizar
       algunas letras bailadas o faltas de ortografía.
    3. Si haces clic sobre una de estas palabras destacadas, se mostrará un menú de palabras
       alternativas. Si seleccionas una de ellas el editor sustituirá esa palabra por la elegida.




5.2. 3 El código HTML
El editor del blog permite mostrar el código HTML del artículo y modificarlo. Esto facilita la
inclusión de etiquetas especiales no contempladas en el entorno visual del editor.

Para visualizar el artículo en modo HTML:
Blogs ::: El editor de entradas en Wordpress                                             96
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

  1. Clic en la pestaña HTML




  2. Se muestra una ventana donde es posible editar este código.




  3. Para regresar al modo visual pulsa en la pestaña Visual.
  4. Si deseas ver cómo queda el artículo puedes pulsar en el botón Vista previa.


Nota:
        Más adelante se explicará cómo utilizar la edición HTML para insertar en una entrada
        el código embed que integra recursos multimedia alojados en otros servicios.
Blogs ::: Diseño del blog en Blogger                                  97
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




                              6. Diseño del blog
Blogs ::: Diseño del blog en Blogger                                  98
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




                        6.1 Diseño del blog
                                en Blogger
Blogs ::: Diseño del blog en Blogger                                                         99
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado

Una de las ventajas de la gestión de un blog es la independencia entre el diseño y el
contenido. Esto implica que podemos cambiar fácilmente la presentación gráfica de nuestro
blog a partir de plantillas que se ofrecen prediseñadas, sin que ello afecte al contenido.
Blogger ofrece un repertorio de plantillas en la idea de dotar al blog de un diseño y apariencia
visual personalizados.



6.1.1 Modificar la plantilla
    1. Desde el interfaz de gestión de contenidos de tu blog en Blogger haz clic en la
       pestaña Diseño. A continuación haz clic en la pestaña Edición de HTML




    2. En la parte más inferior de la página Edición de HTML, en el apartado Plantillas
       antiguas, haz clic en el enlace Seleccionar plantilla de diseño.




    3. Se muestra el catálogo de plantillas disponibles para tu blog. Utiliza las barras de
       desplazamiento vertical para navegar por todo el listado.




    4. Observa que en algunas plantillas se ofrecen variantes. En una plantilla en concreto
       puedes hacer clic sobre una de sus variantes para ver la imagen correspondiente. Si
       pulsas en el enlace vista preliminar de la plantilla se abrirá una nueva ventana
       mostrando el aspecto que tendría tu blog con ella.
Blogs ::: Diseño del blog en Blogger                                                       100
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado

    5. Haz clic, por ejemplo, en la plantilla etiqueta como No. 897
    6. Para activar esa nueva plantilla haz clic en el botón GUARDAR PLANTILLA.




    7. Para contemplar la nueva apariencia del blog haz clic en el enlace Ver blog.

Nota:
   Si en la plantilla anterior habías realizado modificaciones en las fuentes y colores, estos
   cambios se perderán al cambiar a una nueva plantilla. Si deseas evitar esta pérdida
   puedes acceder a Diseño > Edición de HTML y guardar en tu equipo esa plantilla antes de
   cambiar a otra.



6.1.2 Fuentes y colores
Una vez que hemos asignado una plantilla prediseñada a nuestro blog, Blogger ofrece la
posibilidad de personalizar las fuentes y colores de ese tema.

    1. Clic en las pestañas Diseño > Fuentes y colores




    2. Para modificar el color de un elemento HTML (fondo principal, texto, enlaces, enlaces
       visitados, …), selecciónalo en la lista haciendo clic sobre él y a continuación elige el
       color en una de las paletas de colores que se ofrecen. El color actual de cada
       elemento siempre acompaña al nombre del mismo en este listado. Observa que cada
       vez que realizas un cambio de configuración en la parte inferior de la página se
       muestra una vista previa de tu blog.




    3. Cuando se selecciona un elemento se puede elegir su color en tres paletas:
           Colores de tu blog. Se muestran los colores elegidos en los distintos
              elementos de tu blog.
           Colores que combinan con tu blog. Se ofrecen los colores recomendados. Es
              muy recomendable elegir para cada elemento un color de esta paleta para
              asegurar la correspondiente armonía en la carta de colores elegida.
           Más colores. En esta paleta se ofrece toda la gama cromática para elegir el
              color deseado.
Blogs ::: Diseño del blog en Blogger                                                       101
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado

    4. Al seleccionar un elemento HTML en la lista, se mostrará el código hexadecimal del
       color en el cuadro de texto Editar el código hexadecimal de color. Este código tiene
       el formato #RRVVAA (R=Rojo, V=Verde, A=Azul) y permite introducir por teclado este
       valor para definir con exactitud el color de cada elemento.
    5. Si deseas buscar alternativas a la distribución de colores de la plantilla seleccionada
       puedes pulsar reiteradamente en el enlace Mezclar los colores del blog. Esta acción
       repetida intercambia los colores recomendados entre los distintos elementos HTML de
       la plantilla.
    6. Para modificar el tipo de fuente, desplázate hacia la parte inferior del listado y elige
       una de las entradas correspondientes a las fuentes. Por ejemplo: Fuente del texto.
       En el panel podrás definir la Familia de Fuente (Arial, Georgia, Trebuchet, etc), el
       Estilo de Fuente (Negrita o Cursiva) y el Tamaño de Fuente.




    7. Para recuperar la configuración inicial de colores y fuentes puedes pulsar en el
       enlace Recuperar la plantilla predeterminada.
    8. Para guardar la configuración definida pulsa en el botón GUARDAR CAMBIOS.



6.1.3 Elementos de una página
La estructura del Frontend suele tener los siguientes elementos:

       Cabecera. Muestra el título del blog y en algunos casos una imagen de fondo. Cuando
        el lector hace clic en el enlace que proporciona se sitúa en la portada o página
        principal del blog.
       Entradas del blog. Contiene los artículos o entradas publicadas. Aparecen ordenados
        cronológicamente situándose arriba el más reciente. En la página principal solo se
        pueden leer un número concreto de artículos. Para acceder a los anteriores se
        proporciona un sistema de paginación con un enlace a “Entradas anteriores”.
       Barra lateral. Contiene los gadgets o módulos que incorporan prestaciones
        adicionales al blog: búsqueda, artículos por meses, artículos por etiquetas, lista de
        enlaces, suscripción RSS, etc.
Blogs ::: Diseño del blog en Blogger                                                102
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




Nota:
        Un blog de Blogger dispone por defecto de una barra de navegación superior. Como
        veremos más adelante se puede configurar la gama de colores de esta barra y
        también ocultarla.

En este apartado se explican los procedimientos para configurar estos elementos
estructurales de un blog.

    1. Clic en las pestañas Diseño > Elementos de la página.




    2. Desde esta página se pueden modificar algunos parámetros de los elementos
       estructurales




6.1.4 Barra de navegación de Blogger

    1. Clic en el enlace Editar que acompaña al elemento Barra de navegación.




    2. Se abre una nueva ventana Configuración de la barra de navegación.
Blogs ::: Diseño del blog en Blogger                                                 103
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




    3. Elige un color de la barra y pulsa en el botón GUARDAR.



6.1.5 Cabecera
    1. Descarga y descomprime el archivo encabezados.zip. Como consecuencia obtendrás
       una carpeta del mismo nombre y en cuyo interior se proporcionan distintas imágenes
       en formato JPG. Se trata de imágenes de tamaño 724 x 190 píxeles. En este
       apartado se propone utilizar alguno de ellos para personalizar el encabezado. El
       tamaño de imagen proporcionado se ajusta perfectamente a la plantilla No.897 o
       similar. Si has optado por otra plantilla habría que buscar o elaborar imágenes de
       otras dimensiones que se ajustasen a ella.




    2. Clic en las pestañas Diseño > Elementos de la página.
    3. Clic en el enlace Editar que acompaña al elemento Cabecera.




    4. En la página Configurar cabecera puedes redefinir el Título del blog o su
       Descripción. En este caso activa la opción Imagen > Desde tu equipo y pulsa en el
       botón Examinar. Selecciona una imagen de encabezado de las anteriores.
Blogs ::: Diseño del blog en Blogger                                                 104
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




    5. Al cabo de unos instantes la imagen habrá subido al servidor de Blogger. Si deseas
       eliminarla para subir otra haz clic en el enlace inferior Eliminar imagen.
    6. Elige el tipo de Ubicación. Por ejemplo Detrás del título y la descripción.
    7. Para terminar pulsa en el botón GUARDAR.




    8. Si visualizas el blog verás que ahora la imagen personaliza el encabezado.
Blogs ::: Diseño del blog en Blogger                                                  105
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado


6.1.6 Entradas del blog

    1. Clic en las pestañas Diseño > Elementos de la página.
    2. Clic en el enlace Editar que acompaña al elemento Entradas del blog.
    3. Se muestra una nueva ventana con las opciones Configurar entradas del blog. En esta
       página se configura la forma en que se mostrarán las entradas en el blog.

Opciones de la página principal
        Número de entradas en la página principal. Permite definir el número de entradas o
        de días con entradas que se mostrarán en la página principal o portada.




Opciones de la página de entrada
        En esta página se decide qué elementos se mostrarán u ocultarán y de qué forma en
        cada entrada: fecha, publicado por, hora, número de comentarios, etiquetas, icono
        de edición rápida, erc.
Blogs ::: Diseño del blog en Blogger                                                     106
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado



Ordenar elementos
        En esta sección se muestra el aspecto que tendrá cada entrada con los elementos
        seleccionados pero también permite arrastrar y reordenador los elementos situados
        después del cuerpo de la entrada.




Guardar configuración
        Para guardar los cambios definidos en esta configuración haz clic en el botón
        GUARDAR.




6.1.7 Añadir gadgets a la barra lateral
Una de las características más representativas de los blogs es disponer de una o dos columnas
laterales donde se ordenan, de arriba hacia abajo, los distintos gadgets que proporcionan
prestaciones adicionales al blog.
Blogs ::: Diseño del blog en Blogger                                                    107
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




El término gadget o widget se utiliza para referirse a un pequeño recuadro que se integra en
una página web a modo de mosaico y que se ejecuta como una mini-aplicación independiente
diseñada para enriquecer la información o servicios de esa página. De esta forma se pueden
mostrar datos adicionales en la misma página sin tener que abandonar esta página.

Para añadir un gadget:

    1. Clic en el enlace Añadir un gadget.




    2. Se abre una nueva ventana Añadir un gadget. Blogger proporciona un amplio catálogo
       de gadgets. En este listado se indica la funcionalidad de cada uno.
Blogs ::: Diseño del blog en Blogger                                                108
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




    3. Para añadir un gadget a la barra lateral haz clic en su botón “+”. Por ejemplo:
       Cuadro de búsqueda (Nuevo). Si ya has añadido ese gadget en lugar de este botón
       aparecerá el texto: “Ya se ha añadido”.




    4. Se muestra un panel donde puedes introducir el título del gadget y configurar sus
       parámetros. Estos dependerán del tipo de gadget.
    5. Para terminar pulsa en el botón GUARDAR. El nuevo widget se habrá añadido a la
       barra lateral.




Para modificar los parámetros de un gadget:

    1. Clic en el enlace Editar.
    2. Se muestra en una ventana con la configuración de ese gadget.
Blogs ::: Diseño del blog en Blogger                                                        109
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado

    3. Realiza las modificaciones oportunas de sus parámetros y para terminar pulsa en el
       botón GUARDAR.

Para eliminar un gadget de la columna lateral:

    1. Clic en el enlace Editar de ese gadget.
    2. En la ventana de configuración pulsa en el botón ELIMINAR.
    3. Después de confirmar la eliminación, ésta tendrá lugar.

Para cambiar el orden de los gadgets en la columna lateral:

    1. Simplemente arrastra y suelta un gadget por encima o debajo del resto.




6.1.8 Algunos gadgets interesantes
Se pueden añadir a tu blog los gadgets más habituales:

Lista de enlaces

Añade a la barra lateral una colección de enlaces favoritos a sitios web, páginas o blogs. Es la
forma de implementar el clásico elemento blogroll de un blog (recopilación de enlaces a
blogs).




Al añadir o editar un gadget de lista de enlaces se abre una nueva ventana donde se puede
configurar las propiedades de este listado:

       Título: es el título que mostrará el gadget.
       Número de enlaces que se mostrarán…: si lo dejas en blanco se verán todos los
        enlaces.
       Ordenación: permite definir el orden en el listado de enlaces.

En este cuadro además se proporciona un sencillo interfaz para añadir, editar o suprimir cada
uno de estos enlaces.
Para terminar pulsa en el botón GUARDAR.
Blogs ::: Diseño del blog en Blogger                                                       110
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




En el blog esta gadget se mostrará en la barra lateral proporcionando los enlaces definidos.




Archivo del blog
Muestra los enlaces organizados cronológicamente que permite un acceso individual a los
distintos artículos del blog.




Al añadir o editar el gadget de Archivo del blog se pueden configurar sus distintos
parámetros:
     Título: es el título que encabezará ese gadget. Este parámetro es común al resto de
       gadget y permite personalizar el contenido del mismo.
     Estilo. Se pueden elegir tres modelos: Jerarquía (por meses y años), Lista (por
       meses) y Menú desplegable (combo).
     Opciones. Activar o desactivar opciones como Mostrar títulos de las entradas o
       Mostrar primero las entradas más antiguas.
     Frecuencia de archivo. Permite definir el intervalo temporal en que se mostrarán
       organizados los enlaces a las entradas.
     Formato de fecha y Vista previa.
Blogs ::: Diseño del blog en Blogger                                                      111
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




Para terminar pulsa en el botón GUARDAR. En la barra lateral del blog se mostrarán unos
enlaces clasificados de acuerdo con los criterios de configuración definidos.




Etiquetas

Muestra un listado de todas las etiquetas o categorías definidas en el blog. Cuando el lector
hace clic en una etiqueta se mostrará una página con todos los artículos que contienen esas
etiquetas.




En la edición de la configuración de este gadget se puede definir el Título, Ordenación (por
orden alfabético o por frecuencia) y si se muestra u oculta el número de entradas por
etiqueta. Para terminar hacer clic en el botón GUARDAR.
Blogs ::: Diseño del blog en Blogger                                                       112
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




En la barra lateral se mostrará un gadget con las etiquetas o categorías.




Enlaces de suscripción
Ofrece a los lectores la posibilidad de suscribirse a los artículos y comentarios de tu blog
utilizando los lectores de feed más conocidos.




                                                                                 ç

En la edición de la configuración de este gadget sólo es necesario definir el título con que se
mostrará.
Blogs ::: Diseño del blog en Blogger                                                    113
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




El lector utilizará la opción Entradas > Atom para suscribirse a tu blog utilizando el
navegador web por defecto o bien un programa específico para leer feed.



Cuadro de búsqueda

Ofrece al usuario un cuadro donde puede introducir uno o varios términos de búsqueda para
buscar en las entradas o enlaces del blog.




Al configurar este gadget se puede definir su Título y también sus pestañas para definir los
ámbitos de búsqueda: en las entradas de tu blog, en las páginas enlazadas desde cualquier
entrada de tu blog, en internet en general, en los gadgets que contengan enlaces, etc.
Blogs ::: Diseño del blog en Blogger                                                 114
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




Al activar este tipo de gadget en la barra lateral se mostrará un cuadro de búsqueda que
permitirá buscar en estos ámbitos utilizando el motor de Google.




Es posible que algunas entradas añadidas recientemente no aparezcan todavía en los
resultados de la búsqueda al no haber sido indexadas por el motor de búsquedas de Google.

Otros gadgets
Blogs ::: Diseño del blog en Blogger                                                       115
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




6.1.9 Edición HTML de la plantilla
El administrador de un blog puede personalizar su estilo gráfico utilizando las opciones
descritas anteriormente en este documento sin disponer de apenas conocimientos de HTML o
CSS. Sin embargo si el administrador dispone de conocimientos del código también podrá
aplicarlos para personalizar de una forma más fina el aspecto de su blog. Para ello:

    1. Desde el interfaz de administración del blog selecciona Configuración > Edición de
       HTML.




    2. En esta página se muestra la sección Realizar copia de seguridad/Restaurar plantilla
       donde es posible descargar al equipo un archivo XML que contiene la plantilla
       seleccionada. También es posible subir ese archivo XML al servidor una vez que hemos
       realizado en local todas las modificaciones oportunas. Todo ello resulta
       especialmente útil en la edición del código de esta plantilla: copia de seguridad en
       local, edición con software desde el equipo, fácil restauración a partir del original en
       caso de errores al modificar la plantilla, etc.
Blogs ::: Diseño del blog en Blogger                                                        116
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




    3. En la sección Editar plantilla se puede editar en línea la plantilla utilizada en nuestro
       blog. Las modificaciones en este cuadro requieren disponer de ciertos conocimientos
       de código HTML y CSS. Si no es así se recomienda no modificarlas. Los contenidos
       editables de la plantilla son de dos tipos:

                Variables. Son nombres de variables asignadas a los distintos elementos del
                 blog y que en esta plantilla se declaran para asignarles un valor hexadecimal
                 del color. Ejemplo: sidebarBGColor (color de fondo de la barra lateral).




                Formato CSS. Permiten asignar formato a los distintos elementos de la
                 plantilla utilizando código CSS.




    4. Si marcas la opción Expandir plantillas de artilugios se mostrará una plantilla más
       compleja que permite modificar de forma más detallada el estilo gráfico de los
       gadgets. En este caso no vamos a marcar esta opción.




   5. La edición avanzada de este código excede el propósito del curso. En la ayuda general
      de Blogger se proporciona información al respecto para quien decida seguir
      investigando en este línea. A modo de ejemplo de propone añadir el siguiente código
      para eliminar la barra de navegación Blogger de nuestro blog.
Nota:
      Si has creado tu blog con el sistema nuevo de Blogger NO se recomienda utilizar los
      enlaces Recuperar la plantilla clásica o bien Ver la plantilla clásica. Las pantallas no
      se corresponderán con las capturas contenidas en este manual.
Blogs ::: Diseño del blog en Blogger                                                  117
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado


6.1.10 Edición avanzada HTML de la plantilla
En este apartado se explican dos ejemplos de cómo se puede utilizar la edición HTML de la
plantilla para resolver dos requerimientos no contemplados inicialmente por Blogger.

6.1.10.1 Eliminar la barra de navegación de Blogger
En algunas ocasiones puede resultar interesante eliminar la barra de navegación Blogger de
nuestro blog.




    1. En el código de plantilla busca la sección Page Structure y dentro de ella añade el
       siguiente código:

        #navbar-iframe {
           display: none;
        }




    2. Este código CSS define la propiedad display del elemento CSS navbar-iframe como
       none (ninguno) para que no se visualice.
    3. Para guardar los cambios realizados haz clic en el botón GUARDAR PLANTILLA.




    4. Para comprobar que la barra de navegación ha desaparecido haz clic en el botón
       VISTA PREVIA. Si deseas recuperar esta barra eliminar el código introducido
       anteriormente y guarda los cambios.
Blogs ::: Diseño del blog en Blogger                                                      118
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado


6.1.10.2 Crear un “Leer más” en un artículo de Blogger

En ocasiones resulta interesante crear una entrada que muestre un texto de introducción y
oculte el resto de su contenido detrás de un enlace “Leer más”. Cuando el usuario pulsa en
este enlace o bien en el título del artículo, entonces la entrada se muestra completa y de
forma individual en la página. Este enlace “Leer más” no se contempla por defecto en Blogger
pero se puede conseguir utilizando la siguiente receta.

Paso 1. Modificar la plantilla
    1. Desde el interfaz de gestión de contenidos haz clic en Diseño > Edición de HTML.




    2. En el cuadro del código HTML de la plantilla activa la opción Expandir plantilla de
       artilugios.
    3. Localiza el código siguiente: <div class=’post-header-line-1’/>.




    4. Vamos a añadir dos fragmentos de código en las posiciones 1 y 2 que se indican en la
       figura siguiente:




    5. Debajo de la línea de código: <div class=’post-body’ entry-content> sitúa el
       siguiente código:


        <b:if cond='data:blog.pageType == "item"'>
          <style>.fullpost{display:inline;}</style>
          <p><data:post.body/></p>
        <b:else/>
          <style>.fullpost{display:none;}</style>
Blogs ::: Diseño del blog en Blogger                                                       119
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado



    6. Debajo de la línea de código: <data:post.body /> sitúa el siguiente código:

        <a expr:href='data:post.url'>Leer Mas...</a>
        </b:if>

    7. El resultado final es un DIV con un CSS condicional de la siguiente forma:

       <div class='post-header-line-1'/>
       <div class='post-body entry-content'>
        <b:if cond='data:blog.pageType == "item"'>
         <style>.fullpost{display:inline;}</style>
         <p><data:post.body/></p>
        <b:else/>
         <style>.fullpost{display:none;}</style>
         <data:post.body/>
         <a expr:href='data:post.url'>Leer Mas...</a>
        </b:if>
       <div style='clear: both;'/> <!-- clear for photos floats -->
       </div>

    8. Clic en el botón GUARDAR PLANTILLA




Paso 2: Crear una entrada
Una vez que hemos modificado la plantilla ahora es necesario crear una entrada utilizando el
siguiente código HTML: <span class="fullpost"> </span>. Fuera de la etiqueta span
situaremos el texto del artículo que se verá siempre y dentro de las etiquetas span el texto
que sólo se verá cuando el lector pulse en el enlace “Leer más…”

    1. Descarga y descomprime el archivo mariecurie.zip. Como resultado obtendrás un
       archivo de imagen mariecurie.jpg y un archivo de texto mariecurie.txt.




    2. Haz doble clic sobre el archivo mariecurie.txt para abrirlo con el Bloc de Notas.
       Selecciona Edición > Seleccionar todo para seleccionar el texto completo que
       contiene este archivo y a continuación elige Edición > Copiar para copiarlo al
       portapapeles de Windows. Cierra la ventana del Bloc de Notas.
    3. Abre el navegador web y accede a la URL de inicio de Blogger:
       https://www.blogger.com/start?hl=es
    4. Introduce sus credenciales (usuario y contraseña) en el apartado Accede a través de
       tu cuenta de Google y pulsa en el botón Acceder
    5. Si el proceso de autentificación se ha producido con éxito te situarás en el Escritorio.
    6. En este panel aparecerán los distintos blogs que gestionas en Blogger.
    7. Clic en el botón NUEVA ENTRADA para acceder directamente al interfaz de edición
       del blog donde deseas publicar el artículo.
    8. Teclea el título: Marie Curie. Haz clic dentro del editor de artículos y a continuación
       haz clic derecho para elegir la opción Pegar. Esta acción pegará el texto copiado del
       archivo de texto anterior evitando tener que teclearlo.
Blogs ::: Diseño del blog en Blogger                                                       120
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado

    9. En la barra de herramientas del editor haz clic en el botón Añadir Imagen para añadir
        la imagen mariecurie.jpg que se ha descargado en un paso anterior. Reduce el
        tamaño de visualización y ajusta la imagen a la izquierda del primer párrafo.
    10. Selecciona la lista de elementos de su Biografía y de su Obra para pulsar a
        continuación el botón Lista de viñetas para asignarles este formato.
    11. Dentro del editor de entradas pulsa y arrastra sobre el enlace que aparece. Es un
        enlace     a     Google     que    ya     incluye    el    término      de    búsqueda:
        http://es.wikipedia.org/wiki/Marie_Curie
    12. A continuación pulsa la combinación de teclas Ctrl+X para cortarla. Esta URL se ha
        copiado al portapapeles de Windows y se ha eliminado de la ubicación actual.
    13. Pulsa y arrastra para seleccionar el texto “Wikipedia” situado al final del documento.
    14. A continuación en la barra del editor pulsa en el botón Enlace.
    15. En el cuadro de diálogo Escribe una URL: haz clic derecho y elige Pegar.
    16. Clic en el botón Aceptar para guardar la dirección pegada.
    17. Hasta aquí el artículo se ha editado como cualquier otro. A continuación vamos a
        situar dentro de la etiqueta span class="fullpost"> </span> el texto que se ocultará
        inicialmente. Clic en la pestaña Edición HTML.




    18. En el código HTML del artículo añade la etiqueta <span class="fullpost"> antes de la
        línea Su biografía. Y luego el cierre de esta etiqueta al final del texto: </span>.
    19. Clic en el botón PUBLICAR ENTRADA. Si accedes a la lectura del artículo verás que se
        muestra el primer párrafo y el enlace Leer más.
Blogs ::: Diseño del blog en Blogger                                  121
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado
Blogs ::: Diseño del blog en Wordpress                                122
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




                        6.2 Diseño del blog
                             en Wordpress
Blogs ::: Diseño del blog en Wordpress                                                   123
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

Una de las ventajas de la gestión de un blog es la independencia entre el diseño y el
contenido. Esto implica que podemos cambiar fácilmente la presentación gráfica de nuestro
blog a partir de plantillas que se ofrecen prediseñadas, sin que ello afecte al contenido.
Wordpress ofrece un amplio repertorio de plantillas o temas en la idea de dotar al blog de un
diseño y apariencia visual personalizados.



6.2.1 Modificar el tema
    1. Desde el interfaz de gestión de contenidos de tu blog en Wordpress haz clic en la
       pestaña Apariencia > Temas




    2. En la parte superior de la página Administrar temas se muestra el tema actual. En
       este apartado se puede observar la vista previa del mismo, su nombre, autor,
       descripción, opciones y etiquetas. Por defecto se suele aplicar el tema Kubrick.




    3. Debajo de la selección del Tema actual se muestra un amplio listado de temas en el
       apartado Browse Themes (Examinar Temas). Pulsa en el enlace A-Z o Más populares
       para acceder al listado completo paginado y ordenado alfabéticamente o por
       popularidad. También puedes utilizar el buscador para localizar un tema si conoces su
       nombre. Otra posibilidad es utilizar filtros.
Blogs ::: Diseño del blog en Wordpress                                                   124
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    4. Localiza y haz clic, por ejemplo, en la imagen del tema Freshy o bien en el enlace
       Vista previa. Se mostrará una vista previa del blog con ese nuevo tema.




    5. Para activar este nuevo tema haz clic en el enlace Activar.
    6. Para contemplar la nueva apariencia del blog haz clic en el enlace Ver sitio.



6.2.2 Colores del encabezado
En función del tema elegido se podrán configurar unas opciones u otras. No todos los temas
admiten personalización de todas las opciones. En el caso que nos ocupa vamos a configurar
las distintas opciones del tema Kubrick (tema por defecto). Para ello busca y selecciona este
tema antes de continuar.

    1. Clic en Apariencia > Colores del encabezado.
    2. Se muestra la página Colores del encabezado.
Blogs ::: Diseño del blog en Wordpress                                                  125
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    3. Desde esta página se puede modificar el color de la fuente del texto que aparece en
       el encabezado. Para ello haz clic en el botón Color de fuente y en la paleta de
       colores que se despliega elige un color. Para recuperar cualquier cambio pulsa en el
       botón Revertir.




    4. Color superior/inferior. Haz clic en estos botones para definir el degradado de color
       lineal de fondo que se mostrará en el encabezado.
    5. Para definir numéricamente el color de los parámetros anteriores pulsa en el botón
       Avanzado. Esto mostrará un cuadro donde es posible introducir los códigos
       hexadecimales de los colores de texto, superior e inferior.




    6. Para guardar los cambios haz clic en el botón Save (Guardar). Si deseas recuperar los
       colores originales del encabezado del tema pulsa en el botón Revertir.
Blogs ::: Diseño del blog en Wordpress                                                   126
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




6.2.3 Cabecera
La estructura del Frontend de un blog suele tener los siguientes elementos:

       Cabecera. Muestra el título del blog y en algunos casos una imagen de fondo. Cuando
        el lector hace clic en el enlace que proporciona se sitúa en la portada o página
        principal del blog.
       Entradas del blog. Contiene los artículos o entradas publicadas. Aparecen ordenados
        cronológicamente situándose arriba el más reciente. En la página principal solo se
        pueden leer un número concreto de artículos. Para acceder a los anteriores se
        proporciona un sistema de paginación con un enlace a “Entradas anteriores”.
       Barra lateral. Contiene los widgets o módulos que incorporan prestaciones
        adicionales al blog: búsqueda, artículos por meses, artículos por etiquetas, lista de
        enlaces, suscripción RSS, etc.




    1. Descarga y descomprime el archivo encabezados.zip. Como consecuencia obtendrás
       una carpeta del mismo nombre y en cuyo interior se proporcionan distintas imágenes
       en formato JPG. Se trata de imágenes de tamaño 740 x 192 píxeles. En este
       apartado se propone utilizar alguno de ellos para personalizar el encabezado. El
       tamaño de imagen proporcionado se ajusta perfectamente al tema Kubrick o similar.
       Si has optado por otra plantilla habría que buscar o elaborar imágenes de otras
       dimensiones que se ajustasen a ella.




    2. Clic en las pestañas Apariencia > Cabecera
    3. Clic en el enlace Editar que acompaña al elemento Cabecera.
Blogs ::: Diseño del blog en Wordpress                                                 127
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    4. En la página “Subir una nueva imagen de cabecera” haz clic en el botón Examinar…
       para localizar una imagen JPG en la carpeta encabezados que has obtenido en el
       paso anterior. Clic en el botón Subir.




    5. Al cabo de unos instantes la imagen habrá subido al servidor de Wordpress. Si deseas
       eliminarla para subir otra repite el paso anterior con la nueva imagen.
    6. Para restaurar la imagen original del tema haz clic en el botón Restaurar cabecera
       original.
    7. Si visualizas el blog verás que ahora la imagen personaliza el encabezado.
Blogs ::: Diseño del blog en Wordpress                                                   128
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado


6.2.4 Añadir widgets a la barra lateral
Una de las características más representativas de los blogs es disponer de una o dos columnas
laterales donde se ordenan, de arriba hacia abajo, los distintos widgets que proporcionan
prestaciones adicionales al blog.

El término gadget o widget se utiliza para referirse a un pequeño recuadro que se integra en
una página web a modo de mosaico y que se ejecuta como una mini-aplicación independiente
diseñada para enriquecer la información o servicios de esa página. De esta forma se pueden
mostrar datos adicionales en la misma página sin tener que abandonar esta página.




El tema elegido para nuestro blog ya muestra por defecto una serie de widgets en la barra
lateral. Sin embargo es posible personalizar los que se mostrarán y el orden en que
aparecerán de arriba hacia abajo.

Para añadir un widget:

    1. Desde el interfaz de administración del blog haz clic en el enlace Apariencia >
       Widgets.
Blogs ::: Diseño del blog en Wordpress                                                  129
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

    2. En la página Widgtets se muestra en la columna izquierda dos secciones:
            Widgets disponibles. En este apartado se contemplan los widgets disponibles
               para arrastrar y colocar en la barra lateral. Si arrastras un widget desde la
               barra lateral a esta sección se eliminará de la barra y se perderá su
               configuración personalizada.
            Widgets inactivos. Al arrastrar un widget desde la barra lateral a esta sección
               se eliminará de la barra lateral pero se conservará su configuración
               personalizada por si fuera necesario reutilizarla en un momento dado.




    3. Para añadir un widget a la barra lateral basta con arrastrar y soltar el widget en el
       interior de la Barra lateral.




    4. En función del tipo de widget se puede definir el título con que se mostrará así como
       sus propiedades. Para terminar pulsa en el botón Guardar que acompaña a ese
       widget.
Blogs ::: Diseño del blog en Wordpress                                                 130
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado



Para modificar los parámetros de un widget:

    1. Clic en el botón de cabeza de flecha hacia abajo que se muestra en la parte derecha
       de la barra de título del widget. Esta acción mostrará las propiedades que se pueden
       editar del widget: título y parámetros.
    2. Realiza las modificaciones oportunas de sus parámetros y para terminar pulsa en el
       botón Guardar.




Para eliminar un widget de la columna lateral:

    1. Clic en el botón de edición del widget
    2. En la ventana de configuración pulsa en el botón Borrar

Para cambiar el orden de los gadgets en la columna lateral:

    1. Simplemente arrastra y suelta un gadget por encima o debajo del resto.
Blogs ::: Diseño del blog en Wordpress                                                      131
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado


6.2.5 Algunos widgets interesantes
Se pueden añadir a tu blog los widgets más habituales:

Enlaces

Añade a la barra lateral una colección de enlaces favoritos a sitios web, páginas o blogs. Es la
forma de implementar el clásico elemento blogroll de un blog (recopilación de enlaces a
blogs).




Al añadir o editar un widget de Enlaces se pueden configurar las propiedades de este listado:

       Categoría de enlaces. Despliega esta lista para seleccionar Todos los enlaces o bien
        sólo los enlaces pertenecientes a una categoría.
       Ordenar por: permite definir el tipo de ordenación que se utilizará para mostrar el
        listado de enlaces: Link title (título del enlace), Link rating (valoración del enlace),
        Link ID (Identificador del enlace) y Aleatorio.
       Mostrar la imagen, nombre, descripción y clasificación del enlace. Si se activa
        alguna de estas opciones se mostrará ese parámetro del enlace.
       Links to show (Enlaces a mostrar). Permite especificar el número máximo de enlaces
        que se mostrará en el listado. Si se deja en blanco se mostrarán todos los enlaces.

Para terminar pulsa en el botón Guardar.
En el blog este widget se mostrará en la barra lateral proporcionando los enlaces definidos.
Blogs ::: Diseño del blog en Wordpress                                                    132
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado


Archivos

Muestra un archivo mensual de las entradas del blog.




Al añadir o editar el widget de Archivos se pueden configurar sus distintos parámetros:

       Título: es el título que encabezará ese widget. Este parámetro permite personalizar
        el contenido del mismo.
       Mostrar la cantidad de entradas. Si se activa esta opción se mostrará el número de
        entradas correspondientes a ese mes.
       Mostrar como un desplegable. Muestra el listado de meses como una lista
        desplegable.

Para terminar pulsa en el botón Guardar. En la barra lateral del blog se mostrarán unos
enlaces clasificados de acuerdo con los criterios de configuración definidos.




Nube de etiquetas

Muestra un listado de todas las etiquetas definidas en el blog. Cuando el lector hace clic en
una etiqueta se mostrará una página con todos los artículos que contienen esas etiquetas.




En la edición de la configuración de este widget se puede definir el Título. Para terminar
hacer clic en el botón Guardar. En la barra lateral se mostrará un widget con las etiquetas.
Blogs ::: Diseño del blog en Wordpress                                                      133
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado


Enlaces de suscripción
Ofrece a los lectores la posibilidad de suscribirse a las entradas/artículos y comentarios de tu
blog utilizando los lectores de feed más conocidos.
En la edición de este widget es posible configurar:




       Título. Es el título que encabezará el widget en la barra lateral. Ejemplo: Suscripción
        RSS.
       Feed(s) to Display (Feeds a mostrar). Despliega el combo para elegir que se muestre
        el canal RSS sólo de las Entradas, sólo de los Comentarios o bien de ambos: Entradas
        y Comentarios.
       Formato. Permite definir si estos enlaces a los canales RSS se mostrarán con sólo
        texto o bien acompañados de un icono RSS.
       Image Settings (Configuración de imagen). En este apartado se puede definir el
        tamaño (Image Size) y el color (Image Color).

Para terminar pulsa en el botón Guardar. Para minimizar este widget pulsa en el enlace
Cerrar. El lector utilizará estos enlaces para suscribirse a tu blog utilizando el navegador web
por defecto o bien un programa específico para leer feed.




Buscar

Ofrece al usuario un cuadro donde puede introducir uno o varios términos de búsqueda para
buscar en las entradas del blog.
Blogs ::: Diseño del blog en Wordpress                                                     134
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




Al configurar este widget se puede definir su Título. Clic en el botón Guardar. Al activar este
tipo de widget en la barra lateral se mostrará un cuadro de búsqueda que permitirá buscar en
las entradas del blog.

Otros widgets

Texto. Es un cuadro con texto plano o código HTML que permite añadir un servicio externo.




Imagen. Muestra una imagen en la barra de tareas.




Entradas recientes. Proporciona acceso a las entradas más recientes del blog.




Meta. Añade un cuadro que proporciona enlaces a la pantalla de Login/Desconexión, al
interfaz de backend para la gestión de contenidos, a la web de Wordpress.com, etc. Este
gadget no admite configuración de parámetros.




Posts más vistos. Muestra enlaces a las entradas más visitadas del blog.




Páginas. Proporciona enlace a las páginas del blog. En Wordpress las páginas son entradas o
artículos independientes que no se someten a la cronología de las entradas o posts. Se
utilizan para situar información más o menos permanente en tu sitio web.
Blogs ::: Diseño del blog en Wordpress                                                       135
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado



RSS. Permite insertar un cuadro en la barra lateral con las noticias de un feed RSS o Atom
externo o de terceros.




6.2.6 Edición CSS del tema
El administrador de un blog puede personalizar su estilo gráfico utilizando las opciones
descritas anteriormente en este documento sin disponer de apenas conocimientos de HTML o
CSS. Sin embargo si el administrador dispone de conocimientos del código CSS también podrá
aplicarlos para personalizar de una forma más fina el aspecto de su blog. Para ello:

    1. Desde el interfaz de administración del blog selecciona Apariencia > Editar CSS




    2. En página Editor de estilos CSS puedes introducir el código CS personalizado de la
       plantilla. Sin embargo este servicio actualmente es un servicio de pago en
       Wordpress.com




Nota importante:

La posibilidad de personalizar el CSS del tema siguiendo el procediiento descrito es un
servicio de pago en Wordpress.com
Blogs ::: Diseño del blog en Wordpress                                                      136
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado


6.2.7 Marca “Leer más” en un artículo de Wordpress
En ocasiones resulta interesante crear una entrada que muestre un texto de introducción y
oculte el resto de su contenido detrás de un enlace “Leer más”. Cuando el usuario pulsa en
este enlace o bien en el título del artículo, entonces la entrada se muestra completa y de
forma individual en la página.


    1. Descarga y descomprime el archivo mariecurie.zip. Como resultado obtendrás un
       archivo de imagen mariecurie.jpg y un archivo de texto mariecurie.txt.




    2. Haz doble clic sobre el archivo mariecurie.txt para abrirlo con el Bloc de Notas.
        Selecciona Edición > Seleccionar todo para seleccionar el texto completo que
        contiene este archivo y a continuación elige Edición > Copiar para copiarlo al
        portapapeles de Windows. Cierra la ventana del Bloc de Notas.
    3. Desde el interfaz de gestión de contenidos del blog selecciona Entradas > Añadir.
    4. Teclea el título: Marie Curie. Haz clic dentro del editor de artículos y a continuación
        haz clic derecho para elegir la opción Pegar. Esta acción pegará el texto copiado del
        archivo de texto anterior evitando tener que teclearlo.
    5. Haz clic en el botón Añadir Imagen para añadir la imagen mariecurie.jpg que se ha
        descargado en un paso anterior. Reduce el tamaño de visualización y ajusta la imagen
        a la izquierda del párrafo de la biografía.
    6. Selecciona la lista de elementos de su Biografía y de su Obra para pulsar a
        continuación el botón Lista de viñetas para asignarles este formato.
    7. Dentro del editor de entradas pulsa y arrastra sobre el enlace que aparece. Es un
        enlace     a     Google     que     ya    incluye    el    término     de     búsqueda:
        http://es.wikipedia.org/wiki/Marie_Curie
    8. A continuación pulsa la combinación de teclas Ctrl+X para cortarla. Esta URL se ha
        copiado al portapapeles de Windows y se ha eliminado de la ubicación actual.
    9. Pulsa y arrastra para seleccionar el texto “Wikipedia” situado al final del documento.
    10. A continuación en la barra del editor pulsa en el botón Insertar/Añadir Enlace.
    11. En el cuadro de diálogo Insertar/Añadir Enlace: haz clic derecho sobre el cuadro de
        texto que debe contener la dirección y elige Pegar.
    12. Clic en el botón Aceptar para guardar la dirección pegada.
    13. Hasta aquí el artículo se ha editado como cualquier otro. A continuación vamos a
        situar por delante del texto que se ocultará inicialmente una marca de “Leer más”.
        Sitúa el cursor del ratón antes del párrafo de la biografía y pulsa en el botón Insertar
        Etiqueta Más.
Blogs ::: Diseño del blog en Wordpress                                                     137
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    14. Clic en el botón Publicar. Si accedes a la lectura del artículo verás que se muestra el
        primer párrafo y el enlace Leer el resto de esta entrada.
Blogs ::: Moderación de comentarios en Blogger                        138
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




                                7. Moderación de
                                     comentarios
Blogs ::: Moderación de comentarios en Blogger                        139
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




           7.1 Moderación de
       comentarios en Blogger
Blogs ::: Moderación de comentarios en Blogger                                          140
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




7.1.1 Configuración de comentarios
El administrador o autor de un blog debe tener previsto desde un principio cómo desea
gestionar los comentarios de sus lectores. Para ello:

    1. Desde el interfaz de gestión de contenidos de tu blog haz clic en Configuración >
       Comentarios.




    2. Desde esta página se pueden tomar decisiones sobre el comportamiento del blog en
       relación con la gestión de los comentarios de los lectores:

Comentarios. Permite mostrar y ocultar los comentarios del blog. Si se deciden ocultar no se
mostrará formulario para su envío. Si se selecciona ocultar NO se suprimen los comentarios
existentes ya que podrán volver a visualizarse en cualquier momento si se elige de nuevo
mostrar. Se pueden mostrar los comentarios con carácter general y luego no permitir
comentarios a un artículo en concreto.

Persona que puede realizar los comentarios. En este caso se proporcionan 4 opciones:
    Cualquiera. Si se elige esta opción cualquier usuario anónimo podrá enviar
       comentarios.
    Usuarios registrados. Sólo podrán enviar comentarios los usuarios registrados con
       cuenta Google o bien con identidad OpenID. Es necesario introducir estas credenciales
       para completar el envío.
    Usuarios con cuentas Google. Sólo podrán enviar comentarios los usuarios que
       dispongan de cuenta Google.
    Sólo los miembros de este blog. Para enviar un comentario es necesario estar
       registrado como usuario en el blog.

Ubicación del formulario de comentarios.
    Página completa. Al final de los comentarios se ofrecerá un enlace que mostrará el
       formulario de envío de comentarios en una página nueva.
    Ventana emergente. Ofrecerá un enlace que mostrará el formulario en una ventana
       emergente del navegador web.
    Entrada incrustada a continuación. El formulario de envío de comentarios se
       ofrecerá en la misma página que el artículo e inmediatamente debajo de los
       comentarios ya publicados.

Opción predeterminada de comentarios para entradas.
    Las nuevas entradas tienen comentarios. Si está activada esta opción se admitirán
       comentarios en las nuevas entradas.
    Las nuevas entradas no tienen comentarios. Si se elige esta opción las entradas que
       se publiquen a continuación NO dispondrán de la posibilidad de enviar comentarios
       mientras que las anteriores sí.

Enlaces de retroceso. Se pueden mostrar u ocultar los trackbacks que permiten realizar el
seguimiento de otros blogs que han enlazado a este artículo.
Blogs ::: Moderación de comentarios en Blogger                                           141
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado



Opción predeterminada de enlaces de retroceso para entradas.
      Las nuevas entradas tienen enlaces de retroceso. Si está activada esta opción se
       admitirán enlaces de retroceso en las nuevas entradas.
    Las nuevas entradas no tienen enlaces de retroceso. Si se elige esta opción las
       entradas que se publiquen a continuación NO dispondrán de enlaces de retroceso.

Formato de hora de los comentarios.

Mensaje del formulario de comentarios. Se puede introducir un texto personalizado que
acompaña al formulario de entrada del comentario.

Moderación de comentarios.
     Siempre. Si marcas esta opción todos los comentarios se guardarán como pendientes
        de revisión. Serán visibles cuando se aprueben desde la administración.
     Sólo en entradas posteriores a X días. Permite especificar el número de días que
        deben transcurrir para que un comentario enviado se publique directamente en el
        blog.
     Nunca. Si marcas esta opción los comentarios se publicarán directamente sin la
        moderación de ningún administrador del blog.
Cuando se registra un comentario, en la correspondiente entrada a ese blog en el Escritorio
se mostrará un icono de aviso de que existen comentarios por revisar.
Se envía una notificación a la dirección de correo electrónico que se especifique cuando un
lector no registrado en el blog envíe un comentario. Si esta casilla está vacía no se enviará
notificación.

Mostrar palabra de verificación en comentarios. Se puede mostrar u ocultar la introducción
de una palabra de verificación antispam. Conviene activar esta opción si configuramos la
posibilidad de que un lector anónimo pueda enviar comentarios. Los autores del blog no
tendrán que introducir esta palabra de paso para enviar comentarios.

Mostrar imágenes de perfil en los comentarios. Se puede elegir entre mostrar u ocultar el
perfil de los usuarios en los comentarios publicados.

Correo electrónico de notificación de comentarios. En este listado se pueden escribir hasta
10 direcciones de correo electrónico separadas por comas. Los destinatarios recibirán
notificación por correo electrónico cada vez que alguien envíe un comentario en el blog.
Blogs ::: Moderación de comentarios en Blogger                                              142
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado


7.1.2 Envío de comentarios
En función de la configuración definida para el envío de comentarios, el formulario se
mostrará en la misma página a continuación de los comentarios publicados o se ofrece un
enlace para abrirlo en una nueva ventana o ventana emergente.

                                                    Comentario. Se teclea el comentario en el
                                                    cuadro de texto admitiendo algunas etiquetas
                                                    HTML como <b> (negrita), <i> (cursiva) o <a
                                                    href=’http://www…” (enlaces).

                                                    Verificación de palabra. El lector debe
                                                    teclear la palabra antispam que se lee para
                                                    que su comentario sea enviado. Si pulsas en
                                                    el icono de accesibilidad se oirá un código
                                                    numérico que se puede introducir como
                                                    alternativa.

                                                    Elegir identidad. El usuario puede enviar el
                                                    comentario con las siguientes identidades:
                                                         Anónimo. No indicará ninguna
                                                            credencial)
                                                         Nombre/URL. Nombre del usuario y
                                                            URL de su blog o espacio blog si lo
                                                            desea.
                                                         OpenID. Identificador de OpenID o
                                                            alguno de los servicios como
                                                            LiveJournal, Wordpress, TypePad,
                                                            AIM, etc.
                                                         Cuenta Google. Usuario y contraseña.

                                                    Para completar el envío se pulsa en el botón
                                                    PUBLICAR COMENTARIO.



Si el administrador del blog ha elegido la opción Siempre para la moderación de comentarios
entonces el comentario sólo se publicará después de que lo supervise. Si ha elegido la opción
Nunca entonces el comentario se publicará directamente.


7.1.3 Moderación de comentarios
Si el administrador del blog ha elegido la opción Siempre para la moderación de comentarios
entonces el comentario sólo se publicará después de que lo supervise. Si ha elegido la opción
Nunca entonces el comentario se publicará directamente. Esta configuración se realiza en la
página Configuración > Comentarios.




Aprobar un comentario

    1. En el panel de administración del blog elige las pestañas: Creación de entradas >
       Moderación de comentarios.
Blogs ::: Moderación de comentarios en Blogger                                         143
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




    2. Se mostrará el listado de comentarios pendientes de revisar. Para leer su contenido
       completo haz clic sobre el contenido de su entrada.
    3. Marca la casilla correspondiente a ese comentario. Para publicarlo pulsa en el botón
       PUBLICAR. Para eliminarlo pulsa en el botón RECHAZAR.




Nota:
        Blogger no proporciona herramientas para modificar el contenido de los comentarios.
        Sólo es posible publicarlos o suprimirlos.


Suprimir un comentario
Para eliminar un comentario publicado:

    1. Desde el interfaz de gestión del blog elige Creación de entradas > Editar entradas.
    2. En la columna Comentarios del listado de artículos se muestra un enlace a los
       comentarios publicados de cada artículo. Clic en este enlace. Esta acción te enviará
       al frontend del blog mostrando los comentarios publicados.




    3. Al estar autentificado como administrador aparecerá al final de cada comentario un
       icono con forma de “papelera”. Clic en este icono Suprimir comentario.




    4. Clic en el botón SUPRIMIR COMENTARIO.
Blogs ::: Moderación de comentarios en Blogger                                             144
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado

    5. Se accede a una página de confirmación que incluye el comentario para su revisión.




    6. Si cambias de opinión haz clic en el botón CANCELAR. Al hacer clic en el botón
       SUPRIMIR COMENTARIO se borra el texto del comentario en la página pero se deja el
       nombre del autor y un mensaje que dice “este comentario ha sido suprimido”. Para
       eliminar también esta marca será necesario borrar la referencia al comentario en una
       segunda tentativa. Si se ha activado previamente la opción ¿Eliminar para siempre?
       entonces no quedará ningún rastro del comentario en el blog. En cualquier caso el
       comentario es irrecuperable desde la primera vez que se pulsa en el botón SUPRIMIR
       COMENTARIO, tanto si hemos marcada la opción ¿Eliminar para siempre? o no.

Notas:

        Si se ha suprimido un comentario, no hay forma de recuperarlo.
        No es posible editar los comentarios. Se puede copiar y pegar para volver a escribirlo
         con los cambios que se desee. Sin embargo, la hora de entrada se modificará y dejará
         constancia que se trata de un nuevo comentario.
Blogs ::: Moderación de comentarios en Wordpress                      145
Multimedia y Web 2.0 ::: Edición 2010 ::: Formacion del profesorado




                           7.2 Moderación de
                              comentarios en
                                  Wordpress
Blogs ::: Moderación de comentarios en Wordpress                                       146
Multimedia y Web 2.0 ::: Edición 2010 ::: Formacion del profesorado


7.2.1 Configuración de comentarios
El administrador de un blog debe tener previsto desde un principio cómo desea gestionar los
comentarios de sus lectores. Para ello:

    1. Desde el interfaz de gestión de contenidos de tu blog haz clic en Opciones >
       Comentarios.




    2. Desde esta página de Opciones de comentarios se pueden tomar decisiones sobre el
       comportamiento del blog en relación con la gestión de los comentarios de los
       lectores:




Configuración por defecto de las entradas
    Tratar de notificar a todos los sitios enlazados en la entrada.
    Permitir notificaciones de enlace desde otros sitios (pingbacks y trackbacks)
    Permitir comentarios en las nuevas entradas

Otras opciones de comentarios
     El autor del comentario debe rellenar el nombre y el e-mail
     Los usuarios deben registrarse e identificarse para comentar
     Cerrar automáticamente los comentarios en las entradas con más de 14 días
     Activar los comentarios anidados hasta 3 niveles
     Separa los comentarios en páginas de 50 comentarios por página y se muestra la
       última página por defecto. Los comentarios se ordenarán con los más antiguos al
       principio
Blogs ::: Moderación de comentarios en Wordpress                                       147
Multimedia y Web 2.0 ::: Edición 2010 ::: Formacion del profesorado

Enviarme un e-mail cuando
    Alguien envía un comentario
    Se ha recibido un comentario para moderar

Para que un comentario aparezca
    Un administrador debe aprobar el comentario
    El autor del comentario debe tener un comentario previamente aprobado

Moderación de comentarios
    No descartar spam en mensajes antiguos
    Mantener un comentario en espera si contiene más de 2 enlaces (una característica
      común del spam en comentarios es el gran número de enlaces).
    Mantener en la cola de moderación todo comentario que incluya cualquiera de las
      siguientes palabras en su contenido, nombre, URL, e-mail, o IP. Separa múltiples
      palabras o IP con saltos de línea. Atención a las coincidencias en el interior de
      palabras: "press" se encontrará en "WordPress".

Lista negra de comentarios
     Cuando un comentario contenga cualquiera de estas palabras en su contenido,
        nombre, URL, e-mail, o IP, será marcado como spam. Una palabra o IP por línea.
        Tendrá en cuenta las coincidencias parcialesl, así que "press" coincidirá con
        "WordPress".

Responder comentarios vía correo electrónico
    Habilitar el envío de respuestas en los comentarios por correo electrónico

Suscribirse a los comentarios
     Mostrar a un 'suscribirse a los comentarios' 'en el formulario de comentarios

Suscribirse al blog
     Mostrar a un 'suscribirse al blog' opción en el formulario de comentarios

Avatares
Un avatar es una imagen para identificar a un usuario y normalmente sale al lado de su
nombre en los comentarios o referencias. Desde aquí puedes permitir la visualización de los
avatares de los usuarios que dejen comentarios en tu blog.

Visibilidad
     No mostrar avatares
     Mostrar avatares

Puntuación máxima
    G - Para todos los públicos
    PG - Para mayores de 13 años
    R - Para mayores de 17 años
    X - Contenido adulto

Avatar por defecto
Para usuarios que no tiene un avatar personalizado podemos mostrar uno genérico o un
logotipo basado en la dirección de correo electrónico del mismo.
     Hombre misterioso
     Blanco
     Logo de Gravatar
     Identicon (Generado)
     Wavatar (Generado)
     MonsterID (Generado)
Blogs ::: Moderación de comentarios en Wordpress                                            148
Multimedia y Web 2.0 ::: Edición 2010 ::: Formacion del profesorado



    3. Tras definir los valores de estos parámetros haz clic en el botón Guardar cambios.



7.2.2 Envío de comentarios
Cuando se accede a la lectura individual de un artículo o entrada del blog, en la parte inferior
se muestran los comentarios de los lectores y al final de los mismos se ofrece un formulario
para el envío de nuevos comentarios.




En este formulario el lector o visitante anónimo debe indicar los siguientes datos:
     Nombre. Es el nombre del usuario. Es obligatorio.
     Email. El usuario debe indicar una dirección de correo electrónico aunque no se hará
        pública. Es obligatorio.
     Web. Se puede indicar la dirección de una página web. Es opcional.
     Comentario. Contiene el texto del comentario.
     Recibir siguientes comentarios por correo. Si el lector ha introducido una dirección
        de correo electrónico válida, en ella recibirá notificación si se producen nuevos
        comentarios.
     Recibir nuevas entradas por email. Se recibe notificación de nuevos artículos
        publicados en el blog.

Para completar el envío se pulsa en el botón Enviar comentario. Si el usuario se encuentra
autentificado previamente en Wordpress entonces en este formulario no se solicitará el
usuario, ni la dirección de correo ni la web.

Si el administrador del blog ha desactivado la opción “Un administrador debe aprobar el
comentario” entonces el comentario se publicará directamente. Si se activa esta opción será
necesaria la supervisión de un administrador del blog para que se publique y sea visible por
todos los usuarios lectores.
Blogs ::: Moderación de comentarios en Wordpress                                          149
Multimedia y Web 2.0 ::: Edición 2010 ::: Formacion del profesorado


7.2.3 Moderación de comentarios
Para activar la moderación de todos los comentarios que nos envíen los lectores es necesario
configurar al menos los siguientes parámetros en Opciones > Comentarios > Para que un
comentario aparezca …

       Un administrador debe aprobar un comentario: Activado
       El autor del comentario debe tener un comentario previamente aprobado: No
        activado.




Aprobar un comentario

    1. Cuando existe moderación de comentarios, al lector que envía un comentario se le
       muestra un mensaje donde se le indica que su comentario está pendiente de
       moderación por un administrador del blog.




    2. El administrador desde el interfaz de gestión accede a la moderación de comentarios
       a través del enlace Comentarios que está acompañado de un valor numérico que
       indica el número de comentarios pendiente de moderación.




    3. Se mostrará el listado de comentarios entre los que se encuentran aquellos
       pendientes de revisar.




    4. Puedes aprobar un comentario con carácter individual pulsando en el enlace Aprobar
       que se muestra en ese comentario. Otra posibilidad es el aprobado masivo. Para ello
       marca la casilla correspondiente a todos los comentarios que deseas aprobar y a
       continuación despliega el combo de Acciones en lote, elige la opción Aprobar y a
       continuación pulsa en el botón Aplicar.
Blogs ::: Moderación de comentarios en Wordpress                                         150
Multimedia y Web 2.0 ::: Edición 2010 ::: Formacion del profesorado




Suprimir un comentario
Para eliminar un comentario:

    1. Desde el interfaz de gestión del blog elige Comentarios. Esta acción muestra todos
       los comentarios. Localiza el comentario que deseas eliminar y al situar el puntero del
       ratón sobre él se muestran las distintas opciones de procesamiento individual. Haz
       clic sobre la opción Papelera. Esta acción mueve ese comentario a la papelera pero
       no lo elimina definitivamente.




    2. Otra forma de enviar a la papelera varios comentarios a la vez consiste en marcar sus
       casillas y a continuación elegir la opción Mover a la papelera en la lista desplegable
       Acciones en lote.
    3. En la parte superior del listado se ofrecen enlaces para filtrar el listado de
       comentarios por Todos, Pendiente, Aprobados, Spam o Papelera.




    4. Para eliminar definitivamente un comentario haz clic en el enlace Papelera y una vez
       dentro de la papelera puedes seleccionar entre Restaurar el comentario o bien
       Borrar permanentemente. Otra opción es pulsar el botón Vaciar papelera.
Blogs ::: Moderación de comentarios en Wordpress                                         151
Multimedia y Web 2.0 ::: Edición 2010 ::: Formacion del profesorado



Editar un comentario
Wordpress permite editar el contenido de un comentario. Para ello basta con elegir la opción
Editar o bien Edición rápida para acceder a una página donde es posible modificarlo.




Marcar como spam

Si marcas un comentario como spam éste se guarda en la carpeta Spam de los comentarios y
cualquier otro comentario enviado posteriormente desde la misma IP será destinado
automáticamente a esta carpeta.
Blogs ::: Usuarios y permisos en Blogger                              152
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




           8. Usuarios y permisos
Blogs ::: Usuarios y permisos en Blogger                              153
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




      8.1 Usuarios y permisos
                   en Blogger
Blogs ::: Usuarios y permisos en Blogger                                                   154
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado


8.1.1 Tipos de usuarios
Blogger contempla en un blog tres tipos de usuarios: administrador, autor y lector.

       Administrador. El usuario que ha creado el blog es el administrador y dispone de
        todos los permisos. Puede definir las opciones de configuración del blog, establecer
        su estilo gráfico, añadir usuarios como autores o lectores, modificar los artículos del
        resto de autores, etc. El administrador puede asignar permisos de administrador a un
        usuario autor.
       Autor. Los usuarios registrados como autores en el blog tienen permisos muy
        definidos y limitados: pueden crear y publicar sus propios artículos, enviarlos por
        email y darse de baja. No pueden editar los artículos del resto de autores, ni moderar
        comentarios ni modificar las opciones de configuración.
       Lector. El registro de lectores en un blog tiene sentido cuando se limita el acceso en
        modo lectura a usuarios registrados. El usuario debe introducir sus credenciales para
        poder leer el contenido de los artículos.

Nota:

       En un blog de Blogger sólo se pueden añadir usuarios que dispongan de cuenta en
        Google.


8.1.2 Añadir autores
    1. Desde el interfaz de gestión del blog selecciona Configuración > Permisos.
    2. En la página de Permisos, en el apartado Autores del blog en el botón AÑADIR
       AUTORES.




    3. En el cuadro de texto introduce las direcciones de correo electrónico Google de los
       usuarios (separados por comas) que desees añadir como autores a la gestión del blog.
       Otra posibilidad es pulsar en el enlace Seleccionar de los contactos para elegirlos de
       la agenda Google de tus contactos personales.
Blogs ::: Usuarios y permisos en Blogger                                                   155
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado

   4. Clic en el botón INVITAR. Esta acción enviará un mensaje de correo electrónico a las
       direcciones indicadas. En él se informa al destinatario que ha sido invitado a
       participar como autor en el blog del usuario principal. El destinatario necesita
       disponer de cuenta de usuario Google y confirmar la invitación pulsando en el enlace
       que acompaña a este mensaje. A partir de ese momento podrá escribir entradas en tu
       blog.
Notas:

       Máximo número de autores. Tu blog puede disponer de 100 autores como máximo.
       Eliminar un autor. Cada usuario autor se puede eliminar haciendo clic en el enlace
        eliminar del listado.
       De autor a administrador. Un usuario autor se puede promocionar a administrador
        haciendo clic en el enlace otortar privilegios de administrador que acompaña a ese
        usuario en el listado de autores. Hay que tener en cuenta que el nuevo administrador
        dispondrá de acceso a la configuración del blog y también a la gestión de usuarios. La
        asignación de este rol es reversible en cualquier momento.




8.1.3 Añadir lectores
    1. Desde el interfaz de gestión del blog selecciona Configuración > Permisos.
    2. En la sección Lectores del blog puedes configurar su lectura como sigue:

                Cualquiera. Todos los artículos serán de lectura pública y anónima. No es
                 necesario introducir credenciales.




                Sólo a los usuarios que yo elija. Esto permite introducir las direcciones de
                 correo electrónico de los usuarios Google que pueden acceder a la lectura de
                 los artículos. Si se configura esta opción será necesario introducir las
                 credenciales como paso previo para la lectura. En este caso se pueden
                 restringir la lectura a una lista como máximo de 100 usuarios. Los autores del
                 blog ya disponen de acceso a estos artículos.
Blogs ::: Usuarios y permisos en Blogger                                               156
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




                Únicamente autores del blog. Si activas esta opción sólo podrán leer los
                 artículos los usuarios registrados como usuarios

Si se decide restringir el acceso en modo lectura a un blog entonces al tratar de acceder a
través de su URL, se mostrará un formulario para introducir las credenciales de usuario.
Blogs ::: Usuarios y permisos en Wordpress                            157
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




      8.2 Usuarios y permisos
                en Wordpress
Blogs ::: Usuarios y permisos en Wordpress                                                 158
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado


8.2.1 Tipos de usuarios
Wordpress contempla en un blog 4 tipos de usuarios: administrador, editor, autor y
colaborador.

       Administrador. Tiene un control completo sobreelblog y puede gestionarlo cualquier
        aspecto del mismo: entradas, comentarios, configuración de opciones, selección de
        temas, importación/exportación, gestión de usuarios, etc. Se recomienda que el
        número de administradores por blog sea reducido.
       Editor. Puede publicar, editar y borrar cualquier entrada o página, moderar
        comentarios, gestionar categorías, etiquetas y enlaces, así como subir imágenes y
        archivos. También tiene acceso a las estadísticas del blog.
       Autor. Puede editar, publicar y borrar sólo sus propios artículos pudiendo también
        subir documentos e imágenes.
       Colaborador. Puede editar sus entradas pero NO puede publicarlos. Es necesario que
        un administrador supervise y apruebe su entrada para que sea visible en el frontend
        del blog. No dispone de permisos para subir imágenes y documentos.




8.2.2 Añadir usuarios
    1. Desde el interfaz de gestión del blog selecciona Usuarios > Autores y usuarios




    2. En la sección Añadir a un usuario de la comunidad introduce el email con que el
       usuario se ha inscrito en la comunidad Wordpress.com.




    3. En la lista desplegable Perfil elige el tipo de usuario que le asignarás: administrador,
       editor, autor o colaborador. Si la dirección de correo electrónico no está registrada se
       propone enviarle una invitación para registrarse como usuario de Wordpress.
Blogs ::: Usuarios y permisos en Wordpress                                                159
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




8.2.3 Editar usuarios
    1. Desde el interfaz de gestión del blog selecciona Usuarios > Autores y usuarios.
    2. Se muestra el listado de usuarios adscritos a nuestro blog.
    3. Para borrar un usuario o usuarios de la gestión marca su casilla, despliega la lista
       Acciones en lote que se ofrece en la parte superior del listado, elige la opción Borrar
       y pulsa en el botón Aplicar.




    4. Para modificar el perfil de un usuario o usuarios marca su casilla, despliega la lista
       Cambiar perfil a … para seleccionar el nuevo perfil y pulsa en el botón Cambiar.
    5. Si pulsas en el enlace que se ofrece en el número de Entradas del usuario se
       mostrarán las entradas creadas y publicadas por ese autor.
Blogs ::: Configuración del blog en Blogger                           160
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




9. Configuración del blog
Blogs ::: Configuración del blog en Blogger                           161
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




               9.1 Configuración del
                     blog en Blogger
Blogs ::: Configuración del blog en Blogger                                                   162
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado


9.1.1 Opciones básicas
    1. Desde el interfaz de gestión de tu blog elige Configuración > Básico.




    2. En la página Básico se pueden configurar las siguientes opciones:

    Herramientas del blog
    Se ofrecen 3 opciones interesantes: Importar blog - Exportar blog - Suprimir blog.
    Puedes importar entradas y comentarios desde un blog exportado previamente, exportar
    este blog o suprimirlo de forma permanente.

    Título
    El título del blog se muestra en el encabezado de portada, en el escritorio, en tu perfil,
    etc. Se recomienda ser los más creativo posible en este título.

    Descripción
    Es una breve descripción del blog que se puede mostrar a los lectores en el encabezado
    acompañando al título. Tiene una extensión no superior a 500 caracteres.

    ¿Deseas añadir tu blog a nuestras listas?
    Si se indica Sí el blog actual se añadirá a la página principal de Blogger y al listado que se
    utiliza en la barra de navegación de Blogger (Play y Siguiente blog). Si se elige No, el blog
    no aparecerá en estos sitios pero seguirá estando disponible en su URL individual. En este
    caso se mostrará en tu perfil salvo que lo ocultes.

    ¿Deseas permitir que los motores de búsqueda encuentren tu blog?
    Si seleccionas Sí se incluirá tu blog en el motor de búsquedas de Google. Si seleccionas No
    el blog será accesible en su URL pero se especificará que los motores de búsqueda no lo
    cataloguen.

    ¿Mostrar Edición rápida en su blog?
    Si se activa esta opción, cuando se navega por el blog, en cada entrada se mostrará un
    icono en forma de lápiz, para editar directamente ese artículo con un solo clic.

    ¿Mostrar enlaces de envío de entradas?
    Está configurado por defecto como No. Si activas esta opción, al final de cada entrada se
    mostrará un icono en forma de sobre. Al hacer clic en él, se mostrará un formulario que
    permite al lector enviar la URL del artículo a un amigo.

    Contenido para adultos
    Si se selecciona Sí, los usuarios de tu blog verán un mensaje de advertencia y se les
    solicitará confirmación para ver tu blog.

    Configuración global: ¿Mostrar el modo de composición para todos sus blogs?
    Establece si el editor de artículos mostrará o no botones para la edición visual de
    contenidos.

    Configuración global: ¿Habilitar transliteración?
    Permite agregar al editor un botón de traducción del inglés a uno de los idiomas
    seleccionados: Hindú, Malayo, Tamil, etc. con unos caracteres diferentes.
Blogs ::: Configuración del blog en Blogger                                                  163
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado


9.1.2 Publicación

    1. Desde el interfaz de gestión de tu blog elige Configuración > Publicación.
    2. En esta página podemos configurar dos opciones muy interesantes del blog:

    Dominio personalizado. Si dispones de un dominio personal, como por ejemplo,
    www.<midominio>.<com>, entonces se puede configurar para que apunte al blog creado.
    De esta forma cuando un usuario en Internet utilice esta URL será redireccionado a tu
    blog en Blogger. Este dominio personal se puede comprar con alguna de las empresas
    asociadas a Google o bien se puede aportar si se ha registrado con cualquier otra.

    Dirección en Blogspot. Si no disponemos de dominio personalizado (es lo más habitual),
    entonces la URL de acceso al blog es del tipo: http://<miblog>.blogspot.com. En este
    apartado de la gestión del blog es posible modificar el identificador <miblog> que forma
    parte de su URL de acceso siempre y cuando esté disponible.



9.1.3 Formato
    1. Desde el interfaz de gestión de tu blog elige Configuración > Formato.
    2. En esta página se definen los siguientes parámetros:

    Mostrar. Especifica el número de entradas que se mostrarán en la página principal o
    portada del blog. El resto se organizarán en sucesivas páginas a las que se accederá
    utilizando enlaces situados al final de la página con el texto “Entradas antiguas”.
    También se puede configurar la página principal para que muestre las entradas de un
    número concreto de días hasta un máximo de 500 entradas.

    Formato de cabecera de fecha. Permite definir la forma en que se mostrará la fecha
    cuando se muestra en la parte superior de cada entrada.

    Formato de fecha del índice de archivos. Establece el formato de la fecha en los enlaces
    de archivo que se muestran en el correspondiente gadget de la columna lateral.

    Formato de hora. Establece el formato de la hora.

    Zona horaria. Es conveniente establecer esta zona horaria para ajustar la publicación
    programada de artículos.

    Idioma. Señala el idioma utilizado en el blog. En este caso español.

    Convertir saltos de línea. Si activas esta opción como Sí, los retornos de carro insertados
    en el editor de artículos utilizando la tecla Enter serán sustituidos por la etiqueta <br/> y
    los dobles retornos de carro por dos etiquetas <br/><br/>. Esto evitará una separación
    excesiva entre párrafos.

    Mostrar campo de título. Si eliges Sí se mostrará un cuadro de texto para introducir el
    título del artículo cuando se crea una nueva entrada. En caso contrario no se podrá
    definir título del artículo.

    Mostrar campo de enlace. Al crear una entrada permite introducir una URL adicional a
    un archivo de audio o URL relacionada.

    Habilitar alineación flotante. Permite alinear texto e imágenes en el artículo utilizando
    la etiqueta <div clear:both>. Si tienes problemas posteriores selecciona No.
Blogs ::: Configuración del blog en Blogger                                             164
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado

    Plantilla de entrada. Si se introduce texto o código en este cuadro, éste se incluirá
    automáticamente cada vez que se cree una nueva entrada.


9.1.4 Comentarios
Ver el apartado anterior sobre Moderación de comentarios.



9.1.5 Archivo
    1. Desde el interfaz de gestión de contenidos de tu blog haz clic en Configuración >
       Archivo.
    2. En la página de Archivo se pueden configurar los siguientes datos:

Frecuencia de archivo. Permite definir el intervalo con que se mostrarán los enlaces a las
entrada en el gadget Archivo de la barra lateral: Diaria, Semanal o Mensualmente.

¿Habilitar páginas de entrada?. Es una opción activada por defecto. Las páginas de entrada
permiten que cada artículo disponga de su página web con una URL significativa. Ejemplo:
http://multimediaweb20.blogspot.com/2009/08/albert-einstein.html. En esta dirección de
página se incluye información extraída del título de la entrada. Si no se activa esta opción
entonces las URLs individuales de las entradas no serán amigables. Ejemplo:
http://multimediaweb20.blogspot.com/2009_08_07_archive.html#1305293459555266304



9.1.6 Correo electrónico
    1. En la sección Configuración > Correo electrónico y móvil puedes introducir hasta 10
       direcciones de correo electrónico donde se enviará una notificación cada vez que se
       publique algún artículo en tu blog.
Blogs ::: Configuración del blog en Wordpress                         165
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




               9.2 Configuración del
                  blog en Wordpress
Blogs ::: Configuración del blog en Wordpress                                                166
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado


9.2.1 Opciones generales
    1. Desde el interfaz de gestión de tu blog elige Opciones > General.




    2. En la página Opciones Generales se pueden configurar las siguientes opciones:

       Título del sitio/Site Title. Contiene el título del sitio.
       Descripción corta. Este texto explica en pocas palabras qué sitio es éste.
       Dirección de email. Esta dirección se utiliza para la gestión del blog. Si se modifica la
        dirección, se enviará un email de confirmación a esa nueva dirección. La nueva
        dirección debe estar activa antes de confirmarla.
       Zona horaria. Permite elegir la zona horaria en format UTC o bien una ciudad que
        esté en la misma zona horaria que la tuya.
       Formato de Fecha. Para definir un formato predefinido de la fecha o bien uno
        personalizado utilizandi, por ejemplo, la plantilla “j F Y” para “27 Abril 2010”
       Formato de Hora. Elige un formato de hora.
       La semana empieza. En España la semana empieza por el lunes.
       Idioma. Es el idioma por defecto del blog.
       Blog Picture/Icon. Imagen o icono del blog. En este apartado se puede subir una foto
        en formato JPG o PNG que será utilizada como imagen del blog en Wordpress.com. Se
        permitirá cortar la foto después de subirla.



9.2.2 Escritura

    1. Desde el interfaz de gestión de tu blog elige Opciones > Escritura.
    2. En esta página podemos configurar las siguientes opciones del blog:

       Tamaño de la caja de texto. Permite definir el número de líneas que tendrá el editor
        de entradas por defecto. Este editor se puede expandir mediante la acción de
        arrastrar la esquina inferior derecha del mismo.
       Formato. Convertir emoticones a gráficos en pantalla.
       Formato. Wordpress corregirá de forma automática el HTML incorrectamente
        anidado.
       Categoría predeterminada para las entradas. Indica la categoría en que se
        clasificará por defecto una entrada cuando no se especifique ninguna.
       Categoría predeterminada para los enlaces.
Blogs ::: Configuración del blog en Wordpress                                             167
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado


9.2.3 Lectura
    1. Desde el interfaz de gestión de tu blog elige Opciones > Lectura.
    2. En esta página se definen los siguientes parámetros:

       La página inicial mostrará … Normalmente por defecto un blog muestra en su portada
        las últimas entradas publicadas. Sin embargo es posible seleccionar aquí la opción
        Una página estática y en el combo elegir la página que se mostrará en la portada. En
        este caso se visualizará siempre la misma información y para acceder a las entradas el
        usuario utilizará los enlaces que se proporcionan en la barra lateral. Recuerda que la
        página es una entrada especial que no se incluye en el orden cronológico de artículos.
       Número máximo de entradas a mostrar en el blog. Permite establecer el número de
        entradas que se mostrarán por página en la portada.
       Número máximo de entradas a mostrar en el feed. Especifica el número de entradas
        que se incluirán en el canal de suscripción feed asociado al blog.
       Mostrar, para cada entrada en el feed. En el canal de noticias feed se puede mostrar
        inicialmente el texto completo del artículo o bien el resumen.
       Para cada artículo en una fuente de noticias enriquecida, mostrar… En este
        apartado se puede configurar qué elementos (categoría, etiquetas, contador de
        comentarios, etc) se incluirán en la información de cada entrada en el canal de
        noticias feed.
       Codificación para páginas y feeds. La codificación utilizada por defecto es UTF-8.
       Configuraciones de email. En este apartado se puede introducir un texto de
        invitación que se envía a los usuarios suscriptores. A este mensaje se añaden de forma
        automática la URL del sitio y los detalles de confirmación.


9.2.4 Comentarios
    1. Desde el interfaz de gestión de tu blog elige Opciones > Comentarios.
    2. En esta página se definen los siguientes parámetros:

Configuración por defecto de las entradas
    Attempt to notify any blogs linked to from the article. Intentar notificaciones a
       cualquier blog enlazado con o desde el artículo.
    Permitir notificaciones de enlace desde otros sitios (pingbacks y trackbacks).
    Permitir comentarios en las nuevas entradas. (Esta configuración puede ser
       modificada para cada entrada en particular)

Otras opciones de comentarios
     El autor del comentario debe rellenar el nombre y el e-mail
     Los usuarios deben registrarse e identificarse para comentar
     Cerrar automáticamente los comentarios en las entradas con más de XX días
     Activar los comentarios anidados hasta XX niveles
     Separa los comentarios en páginas de XX comentarios por página y se muestra la
       página (primera/última) por defecto
     Los comentarios se ordenarán con los (más antiguos/más recientes) al principio

Enviarme un e-mail cuando
    Alguien envía un comentario
    Se ha recibido un comentario para moderar

Para que un comentario aparezca
    Un administrador debe aprobar el comentario
    El autor del comentario debe tener un comentario previamente aprobado
Blogs ::: Configuración del blog en Wordpress                                             168
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

Moderación de comentarios
    No descartar spam en mensajes antiguos
    Mantener un comentario en espera si contiene más de XX enlaces (una
      característica común del spam en comentarios es el gran número de enlaces).
    Mantener en la cola de moderación todo comentario que incluya cualquiera de las
      siguientes palabras en su contenido, nombre, URL, e-mail, o IP. Separa múltiples
      palabras o IP con saltos de línea. Atención a las coincidencias en el interior de
      palabras: "press" se encontrará en "WordPress".

Lista negra de comentarios
     Cuando un comentario contenga cualquiera de estas palabras en su contenido,
        nombre, URL, e-mail, o IP, será marcado como spam. Una palabra o IP por línea.
        Tendrá en cuenta las coincidencias parcialesl, así que "press" coincidirá con
        "WordPress".

Responder comentarios vía correo electrónico
    Habilitar el envío de respuestas en los comentarios por correo electrónico

Suscribirse a los comentarios
     Mostrar a un 'suscribirse a los comentarios' 'en el formulario de comentarios

Suscribirse al blog
     Mostrar a un 'suscribirse al blog' opción en el formulario de comentarios

Avatares
Un avatar es una imagen que representa al usuario acompañando a su nombre en un
comentario. Esta imagen es visible en aquellos blogs que lo permiten. En este apartado de la
configuración del blog se puede activar que se muestren los avatares de aquellos usuarios que
envien comentarios al blog.

Visibilidad
     No mostrar avatares
     Mostrar avatares

Puntuación máxima
    Puntuación máxima G - Para todos los públicos
    PG - Para mayores de 13 años
    R - Para mayores de 17 años
    X - Contenido adulto

Avatar por defecto
Para usuarios que no tienen un avatar personalizado podemos mostrar uno genérico o un
logotipo basado en su dirección de correo electrónico.



9.2.5 Privacidad
    1. Desde el interfaz de gestión de contenidos de tu blog haz clic en Configuración >
       Privacidad.
    2. En la página de Opciones de privacidad se puede optar por una de las siguientes
       alternativas:

           Me gustaría que mi sitio fuera visible por cualquier usuario incluidos los motores
            de búsqueda como Google, Bing, etc.
           Quiero bloquear los motores de búsqueda pero permitir visitantes normales.
           Quiero que mi blog sea privado, visible solo a los usuarios que yo seleccione.
Blogs ::: Documentos PDF                                              169
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




                  10. Documentos PDF
Blogs ::: Documentos PDF                                                                   170
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




10.1 Introducción
En un sitio web es frecuente poner a disposición de los usuarios documentos en formato PDF
para la consulta de información. Ejemplo: los boletines oficiales. Las ventajas que ofrece este
tipo de archivo son:
     Se puede abrir con distintas aplicaciones de software gratuito.
     Es accesible desde cualquier plataforma: Windows, Linux, Mac, etc.
     El documento PDF tiene un tamaño más reducido que el original.
     Admite la búsqueda fácil de información entre sus páginas.
     Tiene una presentación idéntica e independiente del dispositivo de visualización
        (pantalla) y de impresión (impresora).
     Permite proteger el contenido del documento frente a terceros.


En este capítulo se explican los siguientes procedimientos:

    1.   Lectura y creación de archivos PDF desde Windows: Adobe Reader y PDF Creator.
    2.   Lectura y creación de archivos PDF desde Ubuntu: Evince Visor de documentos.
    3.   Exportar a PDF desde OpenOffice.
    4.   Vinculación de un archivo PDF en una página del blog.



10.2 Lectura de archivos PDF en Windows
En Windows necesitamos un programa que nos permita abrir y leer los archivos PDF. La opción
más habitual es Adobe Reader. Puedes descargar e instalar el archivo
AdbeRdr903_es_ES.exe. La instalación se realiza siguiendo las opciones por defecto del
asistente. Tras la instalación se creará un acceso directo en el escritorio. Haciendo clic en
este icono se iniciará el programa. Desde el navegador web, cuando hagas clic en un enlace a
un documento PDF se iniciará automáticamente Adobe Reader mostrando el contenido del
archivo referenciado en el interior de una ventana del navegador.




Si deseas consultar la web de Adobe para comprobar si existe una nueva versión del
programa: http://www.adobe.es

Otra alternativa al uso de Adobe Reader es disponer de un programa portable para leer
documentos PDF. Es el caso del programa Sumatra PDF. Descarga y descomprime el archivo
SumatraPDFPortable_1.0.1.paf.exe en una carpeta de tu disco duro o bien en tu pendrive.



10.3 Instalación de PDF Creator en Windows

El programa Adobe Reader permite la lectura de documentos PDF pero no su creación. En su
defecto se propone utilizar PDFCreator como aplicación de libre distribución para crear un
documento PDF a partir de un archivo Word, Excel, etc:
http://sourceforge.net/projects/pdfcreator/
Blogs ::: Documentos PDF                                                                  171
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado


    1.    Descarga el archivo PDFCreator-0_9_9_setup.exe y ejecuta el asistente de
          instalación.
    2.    Selecciona el idioma de instalación. Elige Español y pulsa en el botón Aceptar.
    3.    Bienvenido al asistente de instalación de PDFCreator. Clic en Siguiente> para
          continuar.
    4.    Acuerdo de Licencia. Marca la opción Acepto el acuerdo y pulsa en el botón
          Siguiente >
    5.    Tipo de instalación. Activa la opción Instalación estándar y pulsa en el botón
          Siguiente >
    6.    Nombre de la impresora. PDF Creator instala una impresora virtual en tu sistema.
          Desde cualquier aplicación que pueda imprimir se podrán generar archivos PDF si
          imprimes en esta impresora virtual. En este cuadro se puede definir el nombre con
          que el sistema identificará a este dispositivo virtual. Conviene dejar la opción por
          defecto: PDFCreator y pulsar en Siguiente >.
    7.    Selecciona la Carpeta Destino. Esta aplicación se instala por defecto en la carpeta
          Archivos de programa. Si deseas instalarlo en otra carpeta pulsa en el botón
          Examinar aunque se recomienda aceptar la opción por defecto. Clic en el botón
          Siguiente >
    8.    Barra de herramienta PDFCreator. Este cuadro de información muestra que tras
          instalar PDFCreator se puede disponer de una barra de herramientas adicional en
          Internet Explorer que te permitirá guardar documentos HTML en formato PDF.
    9.    Selección de componentes. Acepta las opciones por defecto haciendo clic en el
          botón Siguiente>
    10.   Selecciona la carpeta del Menú de Inicio. Clic en el botón Siguiente >
    11.   Selecciona las Tareas Adicionales. Clic en el botón Siguiente>
    12.   Listo para instalar. Clic en el botón Instalar.
    13.   Finalizando el asistente de instalación de PDFCreator. Clic en el botón Terminar.


10.4 Crear un archivo PDF con PDFCreator
    1.    Descarga y descomprime el archivo plantas.zip. Como resultado dispondrás de un
          archivo de texto: plantas.txt y de una página HTML: plantas.html




    2.    Haz doble clic en el archivo plantas.html para abrirlo con el navegador web Firefox.
    3.    Antes de imprimir vamos a configurar la página para eliminar los encabezados y pie
          de página. Para ello selecciona Archivo > Configurar página … En la pestaña
          Márgenes y encabezado/pie de página elige Nada en los encabezados y pies. Clic en
          el botón Aceptar.
Blogs ::: Documentos PDF                                                        172
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




    4.   Ahora vamos a imprimir el documento. Elige Archivo > Imprimir.
    5.   En el cuadro Imprimir selecciona en la lista Nombre la impresora virtual de
         PDFCreator. Clic en el botón Aceptar.
Blogs ::: Documentos PDF                                                                 173
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




    6.   Antes de iniciar la impresión con PDFCreator se solicitan los metadatos del nuevo
         archivo: título, fecha de creación, fecha de modificación, autor, asunto, palabras
         clave, etc. Es importante completar adecuadamente estos datos. Asegúrate de que la
         casilla Al terminar, abrir el documento con el programa predeterminado esta
         activada para ver el aspecto final del documento.




    7.   Pulsa en el botón Guardar.
    8.   Se muestra el cuadro Guardar como … En la lista desplegable Guardar en: selecciona
         la carpeta destino donde se guardará el archivo PDF final. En la casilla Nombre
         teclea, por ejemplo, como nombre de archivo plantas. PDFCreator añade
         automáticamente la extensión *.PDF. Clic en el botón Guardar.




    9.   Para terminar se abrirá el Adobe Reader mostrando el nuevo archivo PDF.

Nota:
Una vez que has instalado Adobe Reader y PDF Creator se puede crear un PDF desde
cualquier programa que permita la impresión: Microsoft Office, Internet Explorer, Mozilla
Firefox, etc. Si se utiliza con un navegador web permite realizar copias de seguridad en
formato PDF de las páginas web que se visitan. El proceso se iniciará de forma similar a como
se describe en este apartado a partir del comando Archivo > Imprimir.
Blogs ::: Documentos PDF                                                               174
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




10.5 Lectura de archivos PDF en Ubuntu
Ubuntu dispone por defecto de un programa instalado para leer y crear documentos PDF. Se
trata de Evince Visor de documentos PDF.

Para comprobar que está instalado:

    1. Desde el escritorio de Ubuntu selecciona Aplicaciones > Centro de software de
       Ubuntu
    2. En la casilla Buscar introduce el término pdf. Observa que al cabo de unos instantes
       se mostrará en el listado derecho de aplicaciones la entrada Visor de documentos
       (Ver documentos multipágina).
    3. Éste es el programa que nos permitirá leer e imprimir a PDF desde Ubuntu.




Si tratamos de abrir un archivo PDF descargado de Internet a través del navegador o bien un
fichero PDF del equipo se abrirá esta aplicación mostrando su contenido. De esta forma
podremos leerlos.
Blogs ::: Documentos PDF                                                               175
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




10.6 Impresora virtual PDF en Ubuntu
La distribución de Ubuntu proporciona por defecto una impresora virtual PDF que permite
crear un documento PDF a partir de cualquier aplicación mediante Archivo > Imprimir y
seleccionando este dispositivo virtual.

Para crear un documento PDF con Ubuntu sigue estos pasos:

    1. Arranca el navegador web Mozilla Firefox y sitúate en una página web.
    2. A continuación selecciona Archivo > Imprimir.
    3. En el panel Imprimir, pestaña General, selecciona la opción de Imprimir a un archivo.
       En la sección Formato de salida marca la opción PDF.




    4. Introduce el nombre del archivo PDF en la casilla Nombre. Despliega el combo
       Guardar en la carpeta para elegir la carpeta destino donde se guardará el documento.
    5. Clic en el botón Imprimir. Al cabo de unos instantes dispondrás del archivo PDF en la
       carpeta destino.



10.7 Crear documentos PDF desde OpenOffice
Los programas de OpenOffice como Writer (textos) o Impress (presentaciones) permiten
exportar a un documento en formato PDF sin necesidad de disponer de una impresora virtual
de PDF instalada en el equipo.

Windows

Si no dispones de OpenOffice puedes descargar e instalar la versión portable de OpenOffice:
OpenOffice2.exe. Descomprime el contenido en una carpeta de tu disco duro o pendrive para
disponer de este completo paquete ofimático.
Blogs ::: Documentos PDF                                                            176
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




Ubuntu

En las mayoría de distribuciones de Ubuntu viene instalado OpenOffice por defecto. Se
accede a una de sus aplicaciones desde el escritorio mediante: Aplicaciones > Oficina >
OpenOffice.org …

Ambos

Una vez que ya disponemos de OpenOffice seguimos los siguientes pasos:

    1. Abre OpenOffice.




    2. Clic en el enlace Crear un documento de texto > Documento de texto
    3. Crea un pequeño documento utilizando este procesador de textos.




    4. Una vez terminado el documento selecciona la opción Archivo > Exportar en formato
       PDF …
Blogs ::: Documentos PDF                                                             177
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado


    5. Se muestra el cuadro Opciones de PDF donde es posible configurar ciertos
       parámetros del PDF resultante. En este caso aceptamos las opciones por defecto y
       pulsamos en el botón Exportar.




    6. En el cuadro Exportar selecciona la carpeta destino en la lista Examinar carpetas.
       Teclea el nombre del archivo en el cuadro de texto Nombre del PDF y haz clic en el
       botón Guardar.
Blogs ::: Documentos PDF                                                                    178
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




10.8 Publicar un PDF en Blogger
El interfaz de gestión que ofrece Blogger NO permite subir directamente archivos PDF. Sin
embargo, de la misma forma que existe un espacio donde se guardan las imágenes (Álbumes
Web de Picasa) , existe un espacio denominado Google Sites, asociado a la cuenta de usuario
Google, donde es posible subir archivos de distinto tipo para luego enlazarlos desde el blog
para su descarga. En este apartado se explica el procedimiento para hacerlo.

    1. Accede a la web de Blogger: http://www.blogger.com
    2. Introduce las credenciales de tu cuenta Google y pulsa en el botón Acceder.
    3. Clic en el enlace Mi cuenta que aparece en la esquina superior derecha de Blogger.




    4. Clic en el enlace Sitios para acceder al servicio Google Sites asociado a la cuenta
       Google.




    5. En el listado de Mis sitios haz clic en el enlace Mi Sitio para acceder al sitio por
       defecto     asociado    a    la   cuenta.    Su     URL     de   acceso     público    es
       http://sites.google.com/site/<nombre_usuario> y el interfaz de gestión de Google
       Sites permitiría crear un espacio web alternativo al blog. En este caso vamos a
       guardar el archivo PDF en este sitio para luego enlazarlo desde el blog.
    6. La acción anterior te sitúa en la página principal de tu sitio Google. Para organizar los
       archivos se propone crear una carpeta de nombre pdf donde guardar los archivos pdf.
       Clic en el botón Crear página.




    7. Elige como plantilla la opción Archivador.




    8. En Nombre introduce pdf. Observa que la carpeta contenedora de archivos se creará
       en la ruta: /site/<nombre_usuario>/pdf. Clic en el botón Crear página.
Blogs ::: Documentos PDF                                                                 179
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




    9. Se creará esa carpeta y el sistema te colocará dentro de ella. Clic en el botón Añadir
       archivo.




    10. En el cuadro de diálogo Añadir archivo pulsa en el botón Examinar para localizar el
        archivo PDF que has creado en el apartado anterior: plantas.pdf. Puedes introducir
        opcionalmente una descripción del archivo. Clic en el botón Subir.
Blogs ::: Documentos PDF                                                                180
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado


    11. Utilizando el navegador web Mozilla Firefox haz clic derecho sobre el enlace
        correspondiente al archivo subido y elige la opción Copiar la ruta del enlace




    12. La ruta del enlace será del tipo:
        http://sites.google.com/site/<nombre_usuario>/pdf/plantas.pdf?attredirects=0
    13. Abre el Bloc de Notas y selecciona Edición > Pegar para no perder esta referencia.
    14. En la barra superior izquierda selecciona Mas > Más > Blogger o bien escribe
        directamente en la barra de dirección del navegador la URL de acceso a Blogger:
        http://www.blogger.com
    15. Como ya estabas autentificado previamente al regresar a Blogger te situará en el
        escritorio. Clic en el botón NUEVA ENTRADA del blog donde deseas publicar tu nuevo
        artículo.
    16. Descarga y descomprime el archivo plantas.zip. Como resultado dispondrás de un
        archivo de texto: plantas.txt y de una página HTML: plantas.html. Si ya lo has hecho
        en el apartado anterior no es necesario repetir este paso.
    17. Como título introduce La alimentación de las plantas y copia y pega el contenido del
        archivo de texto plantas.txt como cuerpo del artículo.
    18. Al final añade una línea con el texto PDF sobre Anatomía de las plantas. Selecciona
        este fragmento y pulsa en el botón Enlace para pegar la dirección del PDF que has
        subido a tu cuenta de Google Sites. Clic en Aceptar.
Blogs ::: Documentos PDF                                                               181
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado


    19. Pulsa en el botón PUBLICAR ENTRADA. A continuación haz clic en Ver blog para ver
        la apariencia del artículo.




10.9 Publicar un PDF en Wordpress
El interfaz de gestión que ofrece Wordpress permite subir directamente un archivo PDF para
luego situar un enlace al mismo en una entrada del blog. En este apartado se explica el
procedimientopara hacerlo.

    1. En la barra lateral izquierda del interfaz de administración de tu blog en Wordpress
       elige la opción Entradas > Añadir




    2. Descarga y descomprime el archivo plantas.zip. Como resultado dispondrás de un
       archivo de texto: plantas.txt y de una página HTML: plantas.html. Si ya lo has hecho
       en el apartado anterior no será necesario este paso.
    3. Como título introduce La alimentación de las plantas y copia y pega el contenido del
       archivo de texto plantas.txt como cuerpo del artículo.
    4. Al final añade una línea con el texto PDF sobre Anatomía de las plantas.
    5. Clic en el icono Añadir una imagen que se ofrece en la parte superior del editor de
       entradas.
Blogs ::: Documentos PDF                                                               182
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




    6. En el cuadro de diálogo Añadir una imagen elige la pestaña Desde el ordenador y
       pulsa en el botón Elegir archivos. Observa que aunque inicialmente se sugiere Añadir
       una imagen, este procedimiento permite subir distintos tipos de archivos: imágenes
       (*.jpg, *.png y *.gif), documentos PDF (*.pdf), documentos de Word (*.doc y *.docx),
       presentaciones de Powerpoint (*.ppt y *.pptx) y documentos de OpenOffice (*.odt)




    7. Selecciona la carpeta donde se encuentra el archivo plantas.pdf , selecciona ese
       archivo y luego haz clic en el botón Abrir.
    8. Cuando se produce con éxito la subida en la parte inferior de este panel se muestran
       los datos del archivo subido. Selecciona la URL del enlace y haz clic derecho para
       elegir la opción Copiar.
Blogs ::: Documentos PDF                                                                183
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




    9. Para cerrar este panel haz clic el botón Guardar cambios que se ofrece en la parte
        inferior y haz clic fuera de este panel.
    10. De regreso al editor de la entrada selecciona el texto PDF sobre Anatomía de las
        plantas y pulsa en el botón Insertar/Editar enlace.




    11. Se muestra el cuadro de diálogo Insertar/Editar enlace. Clic derecho sobre el cuadro
        de texto URL del enlace y elige Pegar.




                                                                            ç
Blogs ::: Documentos PDF                                                               184
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado


    12. Despliega el combo Destino y elige la opción Abrir el enlace en una nueva ventana.
    13. Clic en el botón Insertar del cuadro de diálogo Insertar/Editar enlace.
    14. Observa que se crea un enlace a este documento en el artículo.




    15. Para terminar pulsa en el botón Publicar.




    16. Para visualizar el aspecto del artículo haz clic en el botón Ver entrada.
Blogs ::: Google Docs                                                 185
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




                                     11. Google Docs
Blogs ::: Google Docs                                                                    186
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado


11.1 ¿Qué es Google Apps?

11.1.1 Introducción
Google Apps es un servicio web 2.0 ofrecido por Google a los usuarios registrados con cuenta
de Gmail (http://www.gmail.com). Se puede utilizar para desarrollar una comunidad de
usuarios que utilizan de forma colaborativa sus distintas aplicaciones web ofimáticas: Gmail,
Google Calendar, Talk, Docs, Sites, etc.




Las aplicaciones que proporciona Google Apps son de dos tipos: comunicación (Gmail, Talk,
Reader y Calendar) y de colaboración/publicación (Docs y Sites)

11.1.2 ¿Por qué Google Apps?
En el entorno educativo o laboral o de ocio es frecuente encontrarse con la necesidad de un
soporte informático a una experiencia de colaboración entre un grupo de personas en el
diseño de un trabajo colectivo. El denominador común de cualquiera de estas iniciativas será
por un lado la creación y publicación compartida de documentos de texto, presentaciones y
hojas de cálculo y por otra la comunicación en tiempo real (mensajería instantánea) o
diferido (emails). En este contexto Google Apps puede ser un excelente recurso para crear y
soportar la actividad de un grupo de trabajo.

Google Apps ofrece una serie de ventajas en el trabajo colaborativo:

    1. Sin guardar nada en el ordenador propio. El usuario puede acceder desde cualquier
        equipo y no necesita guardar nada en su ordenador. Si éste se estropea no pasa nada
        aunque no haya realizado copias de seguridad.
    2. Sistema de versiones de los documentos. Si algún día se elimina un documento de
        forma accidental, la plataforma siempre guardar todas las versiones anteriores.
    3. Compartir documentos por URL. No se requiere enviar un pesado email a nadie con
        el documento. Basta un email con la URL al mismo.
    4. Actualización de software. No es necesario actualizar el software de creación de
        documentos cada dos o tres años.
    5. Reinstalación del ordenador. No se precisa la reinstalación de software porque basta
        con un navegador web.
    6. Gratuito. En el entorno educativo es gratuito.
    7. Exportación. Permite la exportación de los documentos a formatos multiplataforma
        como PDF que pueden ser guardados en local y enviados a otros usuarios.
    8. Fácil. Los documentos elaborados tienen una estructura sencilla.
    9. Distintos idiomas. No se producen problemas con los idiomas ni con símbolos extraños
        ni con la importación de documentos de Internet u otros programas.
    10. Descarga en local. Es posible guardar el documento en el ordenador para su posterior
        consulta si algún día está previsto no conectarse en Internet.
Blogs ::: Google Docs                                                                 187
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado


11.1.3 Descripción de las aplicaciones más interesantes



Gmail. Servicio de correo electrónico.
http://mail.google.com

       7 Gb de espacio de almacenamiento y en alza.
       Sistema de correo web muy potente: búsqueda integrada de mensajes, lista de
        contactos, organización en carpetas, reglas de mensajes, etc.
       Accesible desde cualquier navegador: IExplorer, Firefox, Safari, Mozilla, etc.
       Protección antivirus y antispam.
       Configuración POP: se pueden descargar los mensajes en un cliente de correo
        electrónico como Outlook, Thunderbird, Eudora o similar.
       Garantía de alta disponibilidad: 99%

Para configurar una cuenta en un cliente de correo son necesarios 2 pasos:

       Activar el acceso POP en el webmail:
        http://mail.google.com/support/bin/answer.py?answer=13273
       Configurar una cuenta en el cliente de correo:
        http://mail.google.com/support/bin/topic.py?topic=12805



Google Talks. Servicio de mensajería instantánea.
http://www.google.com/talk/intl/es/

       Permite conversaciones de voz utilizando el programa Google Talk o bien un cliente
        compatible con este protocolo como Pidgin. Si un contacto no está conectado se le
        puede dejar un mensaje de voz.
       Transferencias de archivos en tiempo real.
       Lista de contactos integrada.
       Acceso vía web al subsistema de envío de mensajes de texto en tiempo real.
       Integración en Gmail que permite desde ésta saber quien está online y enviarle un
        mensaje en tiempo real desde el navegador del correo electrónico.
       Las conversaciones se pueden guardar en un archivo.
Blogs ::: Google Docs                                                                      188
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




Google Calendar. Servicio de agenda-calendario individual y colectivo.
http://www.google.com/calendar/

       Permite anotar los eventos en la agenda y enviar invitaciones a otras personas o
        programar recordatorios en ventana emergente o por email.
       Interfaz intuitivo e interactivo con funciones de arrastrar y soltar.
       Lista de contactos integrada.
       Incorpora la posibilidad de reservar espacios para reuniones.
       Control de quien puede o no puede ver o editar tu calendario.
       Accesible desde cualquier navegador web: IExplorer, Firefox o Safari.




Google Docs. Servicio para crear y compartir documentos.
http://docs.google.com

Google Docs permite crear documentos de texto, presentaciones y hojas de cálculo mediante
un editor que se utiliza a través del navegador web. Esto facilita la edición de un documento
online entre varias personas simultáneamente desde sus respectivos navegadores.

Es posible importar y exportar archivos en Google Docs de una forma muy sencilla. Para
utilizar un archivo guardado en el equipo basta con subirlo (importarlo) y continuar allí donde
se había dejado. Para trabajar con documentos sin conexión o distribuirlos como adjuntos, se
puede exportar una copia al equipo en el formato que más se adapte a tus necesidades.

Para utilizar Google Docs SÓLO SE NECESITA una conexión a Internet y un navegador estándar.

Las características más destacadas de Google Docs son:
Blogs ::: Google Docs                                                                     189
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

       Creación de nuevos documentos o importación de documentos locales que es posible
        continuar editándolos desde cualquier equipo conectado a Internet.
       Colaboración en tiempo real: se puede trabajar sobre un documento e invitar a otros
        usuarios para editarlo simultáneamente aunque se encuentren en distintas
        ubicaciones.
       Historial de revisiones: se guarda una lista de revisiones para poder comprobar lo que
        añadió o eliminó cada uno y cuando lo hizo.
       Herramientas de búsqueda: permite buscar los documentos utilizando un motor de
        búsqueda muy eficaz.
       Seguridad y privacidad: el propietario o creador del documento elige quién puede ver
        o editar su documento.
       Multiplataforma: se puede acceder a Google Docs desde cualquier navegador web.




Google Sites. Servicio para crear un sitio web.
http://sites.google.com
Google Sites es una aplicación online que permite crear un sitio web de grupo de forma
sencilla y colaborativa. Los usuarios pueden reunir en un único lugar y de una forma rápida
información variada, incluidos vídeos, calendarios, presentaciones, archivos adjuntos y texto.

Las características más destacadas de Google Sites son:
     Personalización del estilo gráfico del sitio dotando a todas las páginas de una
        apariencia similar y acorde con el grupo o proyecto.
     Crear una nueva página con un simple clic de botón.
     En el diseño de una página se pueden utilizar variados tipos de plantillas: web,
        anuncios, archivador, etc.
     Centralizar información compartida: se pueden subir archivos adjuntos y se puede
        incrustar contenido multimedia (vídeos, documentos de Google Docs, presentaciones
        de Picassa, gadgets de iGoogle, etc) en las páginas web.
     Administración de los permisos de edición y publicación del sitio.
     Incorporación del motor de búsqueda de Google a los contenidos del sitio.


Esta suite se complementa con otras interesantes aplicaciones como Google Reader (organiza
las suscripciones RSS), Google Photos (albumes web con Picassa), Google Maps (Mapas para
geolocalización de fotos), Google Grupos (foros de debate e intercambio de archivos), etc.
Blogs ::: Google Docs                                                                     190
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado


11.2 Crear y compartir un documento en Google Docs
En este tutorial se explica el procedimiento para crear y compartir un documento sencillo en
una comunidad de Google Docs.

Paso 1. Acceder a Google Docs

        1. Visita la dirección de Gmail: www.gmail.com
        2. Introduce tus credenciales de Gmail: usuario y contraseña. Si no dispones de ellas
           crea una cuenta y en pocos minutos dispondrás de estos datos de acceso.
        3. Desde el interfaz de Gmail haz clic en el enlace Docs.

Si el interfaz se muestra en inglés haz clic en el enlace Settings que aparece en la esquina
superior derecha y elige Settings Docs. A continuación define Español como idioma y Madrid
como franja horaria. Clic en Save (Guardar).

Si el interfaz de edición de documentos de que dispones NO coincide con las capturas de
pantalla que se incluyen en este manual quizás sea debido a que no tienes activada la última
versión del editor. Para ello en la barra de menús de la esquina superior derecha de la página
elige Configuración > Configuración de Docs. En la página Configuración, pestaña Edición
hay que marcar la opción Nueva versión de documentos de Google > Crea nuevos
documentos de texto con la versión más reciente del editor de documentos.

Paso 2. Crear un nuevo documento
    1. Para crear un nuevo documento selecciona Crear nuevo > Documento.




    2. Haz clic sobre el título del documento Documento sin título y en el cuadro de diálogo
       Cambiar el nombre del documento teclea, por ejemplo, Federico García Lorca. Clic
       en el botón Aceptar.
Blogs ::: Google Docs                                                                  191
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado



    3. Dentro del documento teclea el título del documento: Federico García Lorca.
    4. A continuación selecciona este fragmento de texto y en la barra de menús selecciona
       Formato > Estilo de párrafo > Título 1. El título introducido adquiere el estilo
       definido.




Paso 3. Buscar información
    5. A continuación vamos a buscar en Wikipedia la información necesaria para elaborar el
       documento. Para ello desde el navegador web selecciona Archivo > Nueva pestaña.




    6. En el cuadro de búsquedas de Firefox despliega la lista de motores de búsqueda
       pulsando en la cabeza de flecha negra que acompaña al icono del buscador activado
       por defecto. Selecciona Wikipedia (es-ES).




        Otra posibilidad es acceder a Wikipedia buscando su dirección por Google.
Blogs ::: Google Docs                                                                    192
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado



    7. A continuación introduce el término de búsqueda. En este caso: Federico García
       Lorca. Al pulsar en el icono de lupa o al pulsar la tecla enter se mostrará la página
       de resultados de Wikipedia.




    8. Puede mostrarse directamente el artículo sobre Federico García Lorca o bien la
       página de resultados de Wikipedia. En este caso pulsa en el primer enlace o bien en el
       botón Ir del cuadro de búsqueda que contendrá la cadena de búsqueda introducida.
       Esta acción nos situará en la página de esta enciclopedia sobre el tema buscado.




    9. Sobre el documento de Wikipedia pulsa y arrastra para seleccionar un párrafo o
       párrafos. A continuación en la barra de menús del navegador selecciona Editar >
       Copiar. Otra posibilidad es hacer clic derecho sobre la selección y en el menú
       flotante que se muestra elegir la opción Copiar.




    10. En el navegador web pulsa en la pestaña anterior para regresar al documento de
        Google Docs. Haz clic debajo del título y a continuación selecciona en la barra de
        menús del navegador Edición > Pegar o bien pulsa las teclas Ctrl+V Esta acción
        pegará el texto sobre el documento que estamos elaborando.
Blogs ::: Google Docs                                                                    193
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




Paso 4. Editar el texto

    11. Para eliminar el formato del texto selecciónalo y a continuación elige Formato >
        Borrar formato.
    12. El texto se ha copiado incluyendo los hipervínculos. Puede ser interesante
        conservarlos. Si deseabas copiar sólo el texto plano (sin los enlaces) podías haberlo
        hecho abriendo el Bloc de Notas y pegando el texto copiado de Wikipedia sobre un
        documento en blanco del Bloc de Notas mediante Editar > Pegar. A continuación
        selecciona el texto en el Bloc de Notas y elige Editar > Copiar. De esta forma se
        eliminarán los enlaces antes de pegarlos en el editor de Google Docs.
    13. Para terminar con el texto elabora o adapta la información copiada para que resulte
        original.



Paso 5. Insertar una imagen de Internet
    14. En el navegador web pulsa en la pestaña de Wikipedia. Ahora vamos a capturar la
        imagen. Clic derecho sobre la imagen del artículo de Wikipedia y selecciona la opción
        Copiar la ruta de la imagen.
Blogs ::: Google Docs                                                                   194
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    15. Regresa a la pestaña del documento. Haz clic en el espacio del documento situado
        entre el título y el texto para indicar el punto de inserción de la imagen. A
        continuación en la barra de menús selecciona Insertar > Imagen o bien pulsa en el
        botón Insertar imagen que se ofrece en la barra de herramientas.




    16. En el cuadro de diálogo Insertar imagen activa la opción URL que se ofrece en la
        columna izquierda. Clic derecho en el cuadro de texto Pega la URL de la imagen aquí
        y selecciona Pegar para pegar la dirección de la imagen capturada en el paso
        anterior.

        Nota: Si eliges la opción Desde este equipo podrías subir una imagen propia desde el
        disco duro del ordenador pulsando en el botón Examinar…

    17. Clic en el botón Seleccione.
Blogs ::: Google Docs                                                                    195
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




Paso 6. Insertar un hipervínculo

    18. Regresa a la pestaña donde se muestra el artículo de Wikipedia. Clic derecho sobre la
        dirección que se muestra en el navegador web y elige Copiar.




    19. Regresa a la pestaña del editor y debajo del texto escribe en una línea: “Para saber
        más: Federico García Lorca en Wikipedia”.

    20. Selecciona el texto y desde la barra de menús elige Insertar > Enlazar o bien pulsa
        sobre el botón Inserta enlace que aparece en la barra de herramientas.




    21. En el cuadro de diálogo Modificar enlace haz clic derecho sobre la casilla ¿A qué URL
        debe enlazar este enlace? y elige la opción Pegar para insertar la URL copiada al
        artículo de Wikipedia.
Blogs ::: Google Docs                                                                  196
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    22. Clic en el botón Aceptar.

Paso 7. Guardar el documento
    23. Durante la edición del documento, éste se guarda cada cierto tiempo sin avisar al
        usuario. Si la última versión del documento NO se encuentra guardada en el servidor
        se mostrará activo el botón Guardar en la esquina superior derecha del editor de
        documentos. Si los últimos cambios ya están guardados se mostrará el botón
        Guardado deshabilitado.




    24. El nombre del archivo si no lo hemos ise genera automáticamente y se muestra
        siempre debajo del logo de Google Docs. Si deseas cambiarlo selecciona Archivo >
        Cambiar nombre e introduce el nuevo.
Blogs ::: Google Docs                                                                    197
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado


Paso 8. Configurar las opciones de Compartir
En relación con un documento creado en Google Docs existen 3 tipos de usuarios: propietario,
colaborador y lector. La diferencia entre estos dos últimos radica en que el colaborador
puede modificar el documentoaunque no sea su propietario.


    25. Pulsa en la pestaña Compartir que aparece en la parte superior derecha del editor de
        documentos. Elige la opción Invitar a usuarios …. Se muestra la ventana Compartir
        con otros usuarios donde se definen las condiciones en que se comparte el
        documento creado.




    26. Clic en el pestaña Invitar a usuarios.
    27. En el recuadro Invitar puedes escribir la dirección de correo electrónico de cada
        usuario que deseas invitar. Sitúa cada usuario en una línea independiente o bien
        separados por coma. Otra posibilidad es hacer clic en el enlace Elegir de los
        contactos. En el cuadro Elegir de la lista de contactos puedes pulsar en Todos o bien
        pulsando sobre los usuarios deseados. Para terminar clic en el botón Finalizado. Se
        recomienda añadir usuarios con cuenta en Google.
Blogs ::: Google Docs                                                                     198
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado



    28. Para el usuario o usuarios cuyas direcciones de correo electrónico has introducido,
        puedes elegir entre dos opciones:
         Para editar. Los usuarios elegidos podrán modificar el documento.
         Para leer. Los usuarios elegidos sólo podrán leer el documento. En este caso
           elegiremos esta opción.

    29. Para completar el registro existen dos opciones alternativas:
         Enviar un mensaje a cada usuario. Para ello introduce el Asunto y el Mensaje de
            notificación. También es posible marcar la opción Enviarme una copia. Para
            completar el registro y enviarle un mensaje a cada usuario pulsa en el botón
            Enviar.
         Añadir sin enviar invitación. Se registra al usuario pero no se le envía mensaje
            de invitación. Clic en el enlace Añadir sin enviar invitación.

    30. En este caso vamos a elegir la opción de añadir sin enviar invitación. Al hacerlo se
        mostrará un mensaje de advertencia Omisión de invitaciones donde se indica que los
        usuarios al no recibir invitación por email tendrán que acceder a Google Docs para ver
        lo que han compartido. Clic en el botón Aceptar.




    31. Ahora se mostrará el cuadro de diálogo Compartir con otros usuarios pero con la
        pestaña Usuarios con acceso activada. En ella se mostrará el listado de usuarios con
        que hemos compartido ese documento.
Blogs ::: Google Docs                                                                     199
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado



    32. Para cada usuario se indica si es propietario, puede editar o sólo ver. Para modificar
        el tipo de permiso sobre el documento o eliminar el usuario despliega el combo que
        acompaña a la línea correspondiente al email de ese usuario. Si deseas eliminar el
        usuario elige la opción Ninguno.




    33. Clic en la pestaña Permisos avanzados podrás configurar 2 opciones:

           Permitir que los editores inviten a otros usuarios para editar o ver.
           Permitir el reenvío de invitaciones.

    34. Para guardar todos los cambios pulsa en el botón Guardar y cerrar.




Algunos detalles de compartir:

           Cualquier documento se puede compartir en modo edición o lectura con un total
            máximo de 200 usuarios.
           En los Documentos y presentaciones sólo 10 personas pueden editar al mismo
            tiempo. En una Hoja de Cálculo hasta 50.
           Cuando se está editando un documento a la vez que otro colaborador, su nombre
            aparece en la parte inferior derecha del documento.
           Cuando un usuario accede a Ver presentación se abre una ventana de Chat donde
            los usuarios puede intercambiar opiniones en tiempo real a través del teclado.

    35. Para abandonar el panel de Compartir con otros usuarios haz clic en el botón
        Guardar y cerrar que se ofrece en la esquina inferior izquierda de este panel.
Blogs ::: Google Docs                                                                    200
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    36. Para cerrar el editor del documento y volver al gestor de archivos de GDocs basta con
        cerrar la pestaña que contiene el editor pero asegurándose de que el botón Guardado
        aparece deshabilitado en la esquina superior de la ventana del navegador. De esta
        forma nos cercioraremos de que se han guardado todos los cambios en el servidor.
    37. De regreso al administrador de archivos de Google Docs verás que se ha creado una
        entrada del documento creado.




11.3 Gestión de archivos en Google Docs

11.3.1 Importación de archivos a Google Docs

    1. Descarga y descomprime en tu equipo la presentación de Powerpoint TIC_project.ppt
       adjunta.
    2. Accede a Google Docs en modo autentificado. Si el interfaz del gestor de archivos
       está en inglés lo puedes pasar al español en la sección Settings (Configuración)
       accesible en el enlace superior derecha del gestor.
    3. Desde el gestor de archivos pulsa en el enlace Subir/Upload




    4. Clic en el enlace Seleccionar archivos para subir




    5. Navega en el disco duro de tu ordenador para seleccionar el archivo de la
       presentación descargada: TIC_project.ppt.
Blogs ::: Google Docs                                                                 201
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    6. Asegúrate de que está activada la casilla Convertir documentos, presentaciones y
       hojas de cálculo a los formatos correspondientes de Google Docs. De esta forma el
       archivo será subido y transformado para ser editado por el sistema de edición de
       Google.
    7. Clic en el botón Iniciar la subida. Existe una limitación de peso para cada tipo de
       archivo que se puede subir: documentos, presentaciones, hojas de cálculo y
       documentos PDF.




    8. Tras concluir la subida haz clic en el enlace Volver a Google Docs para regresar al
       gestor de archivos.
    9. Desde el administrador de archivos de Google si haces clic en el título de una
       presentación se abrirá el editor de presentaciones de GDocs con ese archivo.
Blogs ::: Google Docs                                                                     202
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    10. Desde la barra de menús (Archivo, Editar, Diapositiva, Insertar, etc) se pueden
        realizar todas las operaciones de edición sobre la presentación abierta.
    11. En la barra de herramientas encontrarás acceso a las operaciones más utilizadas:
        añadir, duplicar o eliminar diapositiva; insertar imagen o texto, etc.
    12. Si deseas ver la presentación pulsa en el botón Iniciar presentación.
    13. No olvides pulsar en el botón Guardar para salvar los cambios introducidos si el
        sistema no lo ha hecho ya.
    14. Para compartir un documento haz clic en el botón Compartir y luego selecciona
        Invitar a usuarios. El procedimiento es similar al explicado en el apartado anterior.




    15. Para regresar al gestor de documentos cierra la pestaña que contiene el editor.
    16.

11.3.2 Obtener el enlace para compartir

Se puede invitar a participar como colaborador o como lector a un usuario eligiendo el
documento y seleccionando Compartir > Invitar a usuarios.

Otra posibilidad es activar la opción de que cualquier usuario anónimo (sin disponer de cuenta
en Google) pueda acceder directamente a nuestro documento con solo disponer de su URL o
dirección en internet. Le enviaríamos esta URL pegada en un mensaje de correo electrónico y
Blogs ::: Google Docs                                                                      203
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

el usuario accedería a este documento pulsando en el enlace sin necesidad de introducir
ninguna credencial.

    1. En el gestor de archivos de Google Docs marca la casilla de verificación que acompaña
       a un documento.




    2. En la barra de herramientas del gestor de archivos elige Compartir > Obtener el
       enlace para compartir …




    3. En el cuadro de diálogo Obtener el enlace para compartir marca la casilla Permitir
       que lo vea cualquiera que tenga el enlace. Como se indica NO se requiere introducir
       credenciales (usuario y contraseña) de acceso.




    4. Clic derecho sobre en enlace que se proporciona y elige Copiar. A continuación
       puedes pegar esta dirección en un mensaje de correo electrónico para enviársela a
       otro usuario. Si hemos asignado permisos de edición a ese usuario autentificado o
       bien hemos permitido la edición pública (sin autentificar) entonces el mencionado
       usuario podrá modificar su contenido. En caso contrario sólo podrá leerlo al acceder a
       la URL enviada.
    5. Clic en el botón Guardar y cerrar.


11.3.3 Gestión de archivos en Google Docs
Desde el administrador de archivos se pueden realizar distintas operaciones con los archivos.
Blogs ::: Google Docs                                                                     204
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




En la columna izquierda del administrador de archivos se muestran las categorías y carpetas
en que se organizan todos los archivos accesibles para el usuario actual a través del
administrador de archivos. Es importante recordar que sólo serán accesibles a través de este
interfaz aquellos archivos de los que sea propietario y aquellos compartidos por otros para
ese usuario en concreto.

Basta hacer clic sobre una categoría o carpeta en la columna izquierda, para que se muestre
detalle de los archivos que contiene en el panel derecho.

Las categorías y carpetas de la columna izquierda son:

       Todos los elementos: los archivos se clasifican en las siguientes secciones Soy el
        propietario, Abierto por mí, Destacados (contiene los archivos marcados sobre la
        estrella por parte del usuario), Oculto (archivos ocultados por el usuario) y Papelera
        (Suprimidos).
       Mis carpetas: contiene las carpetas temáticas que el usuario puede crear para
        guardar de una forma organizada los archivos.
       Elementos por tipo: muestra los archivos clasificados por tipo: documento,
        presentación, hoja de cálculo y PDF.

Desde el administrador de archivos se pueden realizar las operaciones más habituales:

Para crear un nuevo archivo:
Nuevo > Documento | Hoja de cálculo | Presentación | Formulario | Desde la plantilla

Para crear una carpeta nueva:
Nuevo > Carpeta (Folder).

Para cambiar de nombre un archivo:
Marca la casilla del documento en el panel derecho y pulsa en el botón Cambiar nombre

Para cambiar de nombre una carpeta:
Selecciona la carpeta en el panel izquierdo y en el panel derecho pulsa sobre su nombre para
introducir el nuevo nombre.
Blogs ::: Google Docs                                                                       205
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




Para eliminar un archivo:
Marcar la casilla del documento y pulsar en el botón Suprimir. El documento se moverá a la
carpeta Papelera situada en la columna izquierda de la página.




Para mover un archivo a otra carpeta:
Marcar la casilla del archivo y pulsar en el botón Carpetas para seleccionar la carpeta
destino. Otra posibilidad es arrastrar un archivo desde el panel derecho hasta soltarlo sobre la
carpeta correspondiente en la columna izquierda.

Para definir las opciones de compartir:
Marcar la casilla del archivo y pulsar en Compartir > Invitar a usuarios.




Para ocultar/mostrar un archivo activa su casilla de selección y luego selecciona Más
acciones > Ocultar/Mostrar. El archivo oculto se guardará en la carpeta Ocultos que aparece
en la columna izquierda del administrador de archivos.
Blogs ::: Google Docs                                                                    206
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




Para ver el Historial de Revisiones de un documento existen dos procedimientos
alternativos que se pueden utilizar:
     Desde el explorador de archivos de Google Docs, activa la casilla de selección del
        archivo correspondiente y a continuación selecciona Más acciones > Revisiones.
     Desde el editor de ese archivo, elige Archivo > Ver historial de revisión.

Utilizando cualquiera de estos dos procedimientos se puede navegar por las distintas
versiones históricas del documento utilizando los botones Más antigua y Más reciente.
Observa que al visualizar una versión se muestra la hora en que se guardó y el usuario que lo
hizo. Para sustituir una versión por la actual o más reciente se pulsa en el enlace Recuperar
ésta.




Al hacer clic derecho sobre un archivo en el gestor de archivos se muestran las principales
opciones de procesamiento.




11.3.4 Exportación de archivos
A partir de cualquier archivo de Google Docs se puede obtener una copia para manejar en el
disco duro local fuera de línea o bien para enviar como adjunto en un correo electrónico a
personas ajenas a la comunidad.

    1. Desde el administrador de archivos marca la casilla de selección del archivo que
       deseas exportar.
    2. En la barra de herramientas selecciona Más opciones > Exportar como… Dependiendo
       del tipo de archivo se mostrarán distintas opciones de exportación:
Blogs ::: Google Docs                                                                  207
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

           Documento: Guardar como HTML, como OpenDocument, como PDF, como RTF
            (Formato de texto enriquecido), como texto normal (texto plano) y como
            Microsoft Word
           Presentación: Guardar como PDF, como PPT (Powerpoint) y como texto.
           Hoja de cálculo: Guardar como Excel, como OpenOffice Calc y como texto.




    3. Despliega el combo para elegir el formato de exportación.
    4. A continuación pulsa en el botón Descargar para guardar en local el archivo en el
       formato elegido.

Nota:

En ocasiones cuando se utiliza Mozilla Firefox puede ocurrir que se conozca la carpeta
destino donde se guardan los archivos descargados. Para saber dónde lo hace o bien forzar a
que pregunte siempre la carpeta destino al descargar el archivo selecciona Herramientas >
Opciones. En la pestaña Principal y en la sección Descargas marca opción Guardar archivos
en para elegir la carpeta destino donde se guardarán todas las descargas o bien marca la
opción Preguntarme siempre dónde guardar los archivos.
Blogs ::: Google Docs                                                                     208
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado


11.4 Crear un documento a partir de una plantilla
Google Docs proporciona un amplio catálogo de plantillas que facilitan la creación de nuevos
documentos de texto, presentaciones, etc.

    1. Desde el gestor de archivos de Google Docs elige Nuevo > Desde la plantilla.




    2. En la columna izquierda busca la sección Reducir por tipo para elegir el tipo de
       documento que te interesa (Documento de texto, Presentación, Hoja de cálculo o
       Formulario) o bien Reducir por categorías para diseñar el documento en función de
       un evento o necesidad concreta (Albumes, Etiquetas, Tarjetas de presentación, etc).
       Esta acción crea un listado filtrado de las plantillas. En este caso podemos elegir el
       tipo Documentos (texto) o bien Presentaciones.




    3. Para observar el aspecto de una plantilla elige una entrada del listado de plantillas
       disponibles y haz clic en el enlace Vista previa.




    4. Para elegir definitivamente una plantilla haz clic en el botón Utilizar esta plantilla.
    5. Se iniciará el editor de documentos o presentaciones ofreciendo la oportunidad de
       modificar el contenido textual para introducir nuestro propio texto.
Blogs ::: Google Docs                                                                  209
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado


11.5 Formularios
11.5.1 ¿Qué son los formularios?
Google Docs ofrece la posibilidad de diseñar un formulario de preguntas, enviar la URL de
acceso a los usuarios que deseemos para que lo rellenen y luego recoger sus respuestas en
forma de tabla y gráficos de datos.

11.5.2 Crear un nuevo formulario
    1. Desde el gestor de archivos elige Nuevo > Formulario (Form).




    2. Se accede a la página de edición del nuevo formulario. Introduce como título, por
       ejemplo: Gustos y colores. Y como descripción: Cuestionario de gustos y colores.




    3. Debajo del título y descripción del formulario aparecerá el listado de preguntas.
    4. Para editar una pregunta haz clic en el botón con el icono del lápiz en la esquina
       superior derecha de esa entrada. Para eliminar una pregunta haz clic en el botón con
       el icono de la papelera.
    5. Para añadir una nueva pregunta en el botón superior izquierda elige Añadir elemento
       > Tipo de pregunta.
    6. En este caso se propone realizar el siguiente formulario de preguntas donde se
       experimentan algunas de sus distintas modalidades:

Pregunta 1:
Blogs ::: Google Docs                                                 210
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado



Pregunta 2:




Pregunta 3:




Pregunta 4:
Blogs ::: Google Docs                                                                    211
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    7. Si al editar una pregunta marcas la casilla Hacer esta pregunta obligatoria entonces
       el usuario será advertido de esta circunstancia si deja en blanco esta pregunta.
    8. Tras editar cualquier pregunta haz clic en el botón Finalizado para cerrar su edición.
    9. Para modificar el aspecto gráfico del formulario haz clic en el botón superior Tema:
       tema elegido. Clic en el tema que desees para ver el aspecto final y luego pulsa en el
       botón Aplicar.




    10. Para terminar el formulario haz clic en el botón Guardar.




    11. En la parte inferior de la página de edición del formulario se proporciona la URL de
        acceso directo al formulario. Haz clic en este enlace y se abrirá una nueva ventana
        mostrando el formulario. En la barra de dirección del navegador selecciona la
        dirección y haz clic derecho para elegir Copiar.
Blogs ::: Google Docs                                                                     212
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

    12. Esta URL se puede enviar en un mensaje de correo electrónico a los usuarios para que
        accedan al formulario y lo completen.
    13. Cierra la ventana de edición del formulario.

11.5.3 Consulta de los resultados de un formulario

    1. En el gestor de archivos de GDocs haz clic sobre el formulario creado.




    2. En GDocs se asocia una hoja de cálculo a un formulario de tal forma que la hoja de
       cálculo recoge los datos enviados por los usuarios que acceden al formulario. Por
       este motivo al acceder al formulario entraremos en su hoja de cálculo. Puedes hacer
       clic en su título Formulario sin título para definir el mismo título que el introducido
       en el formulario: Gustos y colores.




    3. Para volver a editar el formulario en su hoja de cálculo elige Formulario > Editar
       formulario.




    4. Para disponer de la URL de acceso al formulario, en la edición de su hoja de cálculo
       puedes elegir Formulario > Ir al formulario en directo.
    5. Para ver el resumen de las respuestas enviadas al formulario, en la edición de su hoja
       de cálculo, elige Formulario > Mostrar el resumen de respuestas. En esta página se
       mostrará gráficos resumen de las respuestas almacenadas.
Blogs ::: Google Docs                                                                    213
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    6. Para detener/reactivar el envío de respuestas al formulario, desde la edición de su
       hoja de cálculo asociada, elige Formulario > Aceptando respuestas.


11.6 Integración de Google Docs en Blogger
Existen dos formas de integrar un documento de GDocs en un blog de Blogger:

       Enlace a su URL. Se escribe un texto y en él se define un enlace de tal forma que
        cuando el usuario hace clic en él es redirigido a esa dirección del documento.
       Marco interno a su URL. Se utiliza la etiqueta iframe que permite crear un marco
        interno que apunte a una dirección URL.


11.6.1 Integración de un documento de texto
    1. En el gestor de archivos de GDocs haz clic sobre el título de un documento de texto.




    2. En la esquina superior derecha del editor de documentos pulsa en el botón Compartir
       y después elige la opción Publicar en la Web.
Blogs ::: Google Docs                                                                     214
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

    Nota:

    NO se propone utilizar la opción Obtén el enlace para compartir porque esto se reserva
    para enviar el enlace del documento a otros usuarios para que lo lean o bien puedan
    editarlo directamente mientras el documento se encuentre en estado de borrador o
    pendiente. Cuando se considere que el documento ya es definitivo y está listo para
    publicar se busca el enlace en la opción Publicar en la web.

    3. Clic en el botón Iniciar la publicación que se ofrece en el panel Publicar en la Web.

    4. Si se desea detener la publicación del documento haz clic en el botón Detener
       publicación. En este caso vamos a dejar activada la publicación y además
       marcaremos la opción Volver a publicar automáticamente cuando se realicen
       cambios para asegurarnos de que seguirá publicado aunque realicemos cambios.




    5. Selecciona la dirección al documento que se proporciona, clic derecho y elige Copiar.

Enlace a su URL:
    6. Ya hemos copiado el enlace directo al documento. Si nos situamos en el editor de
       artículos de Blogger se puede insertar mediante un texto al que luego asociamos un
       enlace.




Marco interno a su URL:
    7. Otra posibilidad es pegar en el código HTML del artículo lo siguiente:

        <iframe src="<url_documento>" width="100%" height="400"></iframe>

        donde <url_documento> es la dirección o URL al documento que hemos copiado en el
        paso anterior. También se puede copiar y pegar el código HTML que se ofrece en el
        panel Publicar en la Web
Blogs ::: Google Docs                                                                    215
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    8. En el editor de entradas de Blogger haz clic en la pestaña Edición HTML para luego
       copiar y pegar este código HTML.




    9. Al publicar el artículo se mostrará en su interior un marco interno dentro del cual se
       leerá el documento de Google Docs.
Blogs ::: Google Docs                                                                    216
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado


11.6.2 Integración de una presentación

    1. Desde el gestor de archivos de GDocs haz clic sobre el título de una presentación para
       acceder al editor de la misma.
    2. Una vez situado en el editor de la presentación, elige Compartir > Publicar/Insertar




    3. Clic en el botón Publicar documento.
    4. Se muestra una página donde se puede …
             Detener la publicación de la presentación en Internet pulsando en este
                botón.
             Copiar la URL de la presentación. Selecciona la URL, clic derecho y elige
                Copiar.
             Copiar el código para insertar el reproductor en el código HTML de tu blog.




    5. Cabe la posibilidad de crear un enlace en la entrada de tu blog a la URL que hemos
       copiado. El procedimiento es similar al explicado en el apartado anterior para los
       documentos de texto. En una presentación NO es posible exportar el contenido al
       artículo de un blog.
    6. Sin embargo la opción más interesante es insertar un visor con la presentación en la
       entrada de tu blog. Para ello en la página donde hemos decidido que la presentación
       de GDocs se publicara configura las siguientes opciones:
            Tamaño del reproductor. En este caso elegiremos el tamaño pequeño.
            Avanzar la presentación de forma automática. La opción por defecto es
               cada 3 segundos.
            Iniciar la presentación cuando se cargue el reproductor. Puedes activar esta
               opción para que el visor comience con la reproducción automática cuando se
               cargue.
Blogs ::: Google Docs                                                                   217
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

              Reiniciar la presentación después de la última diapositiva. Si activas esta
               casilla después de la última diapositiva se mostrará la primera y así
               sucesivamente en bucle infinito.
    7. Una vez que has definido los distintos parámetros del reproductor, selecciona el
       código HTML que se ofrece y haz clic derecho para seleccionar Copiar.
    8. Sitúate en el editor de la entrada de tu blog, haz clic en la pestaña Edición de HTML
       y haz clic derecho para elegir Pegar. Al publicar la entrada y visualizar su aspecto
       verás que se ha insertado un reproductor mostrando el contenido de la presentación.




11.6.3 Integración de una hoja de cálculo
    1. Desde el gestor de archivos de GDocs haz clic sobre el título de una hoja de cálculo
       para acceder al editor de la misma.
    2. Una vez situado en el editor de la presentación, elige Compartir > Publicar como
       página web.
    3. Se pueden publicar Todas las hojas o sólo una hoja en concreto. Marca la opción
       Volver a publicar automáticamente cuando se realicen los cambios. Clic en el
       botón Iniciar la publicación.




    4. En la sección Obtener un enlace a los datos publicados elige una de las siguientes
       opciones:
Blogs ::: Google Docs                                                                       218
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

            Página web. Proporciona la URL de una página HTML que muestra el contenido de
             la hoja de cálculo. Se podría utilizar para crear un enlace en una entrada de
             nuestro blog.
            Código HTML para incrustar en una página. Proporciona el código HTML que
             insertar en el artículo de tu blog.
            CSV, TXT, PDF, … Proporciona un enlace para la descarga de la hoja de cálculo
             en uno de los formatos elegido. Este enlace se podría utilizar para crear un enlace
             en un artículo del blog.




    5. En este caso elige Código HTML para incrustar en una página. Selecciona el código
       que ofrece debajo, clic derecho y elige Copiar.




    6. Crea una nueva entrada en tu blog para pegar este código en el código HTML de la
       misma. Clic en el botón Publicar entrada y accede al blog para ver su aspecto.


11.6.4 Integración de un formulario.

    1. Desde el gestor de archivos de GDocs haz clic sobre el título de un formulario para
       acceder a la hoja de cálculo asociada.




    2. Desde el editor de la hoja de cálculo asociada al formulario elige Formulario > Editar
       Formulario.
Blogs ::: Google Docs                                                                    219
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

    3. En la página de edición del formulario elige Más acciones > Incrustar.




    4. Se muestra el cuadro de diálogo Incrustar. Haz clic derecho sobre el código y elige
       Copiar.




    5. Si pegas este código en el código de una entrada del blog se insertará en el
       formulario.
    6. Desde la edición de un informe puedes elegir Ver respuesta > Resumen para luego
       copiar la URL de la barra de dirección del navegador web y crear un enlace a esta
       página que muestra de una forma gráfica el resumen del formulario.




11.7 Integración de Google Docs en Wordpress
En un blog de Wordpress no se admite la etiqueta HTML <iframe> por razones de seguridad.
Por ello NO es posible integrar una marco interno en una entrada del blog mostrando un
documento de Google.

Por este motivo para integrar un documento de GDocs en un blog de Wordpress se utiliza el
enlace a su URL. Esto se puede aplicar a documentos de texto, presentaciones, hojas de
cálculo, formularios, etc. Se escribe un texto y en él se define un enlace de tal forma que
cuando el usuario hace clic en él es redirigido a esa dirección del documento alojado en
Google Docs.

    1. En el gestor de archivos de GDocs haz clic sobre el título de un documento de texto.
Blogs ::: Google Docs                                                                 220
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado

    2. En la esquina superior derecha del editor de documentos pulsa en el botón Compartir
       y después elige la opción Publicar en la Web.




    Nota:

    NO se propone utilizar la opción Obtén el enlace para compartir porque esto se reserva
    para enviar el enlace del documento a otros usuarios para que lo lean o bien puedan
    editarlo directamente mientras el documento se encuentre en estado de borrador o
    pendiente. Cuando se considere que el documento ya es definitivo y está listo para
    publicar se busca el enlace en la opción Publicar como página web.

    3. En el panel Publicar en la Web haz clic en el botón Iniciar la publicación.




    4. Si se desea detener la publicación del documento haz clic en el botón Detener
       publicación. En este caso vamos a dejar activada la publicación y además
       marcaremos la opción Volver a publicar automáticamente cuando se realicen
       cambios para asegurarnos de que seguirá publicado aunque realicemos cambios.
Blogs ::: Google Docs                                                                  221
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado




    5. Selecciona el Enlace de documento que se proporciona, clic derecho y elige Copiar.

    6. Ya hemos copiado el enlace directo al documento. Si nos situamos en el editor de
       artículos de Wordpress se puede insertar mediante un texto al que luego asociamos
       un enlace.
Blogs ::: Derechos de autor                                           222
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




            12. Derechos de autor
Blogs ::: Derechos de autor                                                               223
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado



12.1 Introducción
En la elaboración de artículos en nuestro blog podemos partir de activos (textos, imágenes,
audios y vídeos) propios o bien utilizar aquellos procedentes de otras personas o entidades.
Por otra parte cuando se publica un material en internet puede resultar interesante
establecer las condiciones de uso.


12.2 Los derechos de autor
Los materiales multimedia tanto en formato cdrom como en internet están sujetos a la misma
legislación sobre derechos de autor que el resto de obras: libros, pinturas, música, etc. Esto
significa que si decidimos incorporar recursos ajenos (léase imágenes, audios, vídeos, etc) a
nuestro espacio web debemos conocer y respetar las condiciones de uso que han definido los
autores de estos materiales. Y esto es especialmente significativo cuando el material que
hemos elaborado supera el contexto de uso particular y se pretende publicar en internet. Es
entonces cuando existe posibilidad de ser utilizado por otras personas incluso en clara
competencia con el material original.

En ocasiones cuando accedemos a un espacio web, su autor explicita la posibilidad de
reutilización a cambio de citar la procedencia (derecho de cita) o bien de que no se
fragmente su obra (derecho de obra no derivada).

Sin embargo cuando esto no se indica o bien se muestra una licencia de copyright (derechos
reservados) conviene ser cauteloso. La apropiación indiscriminada de materiales ajenos para
elaborar un material propio no se puede justificar desde la ausencia de ánimo de lucro que
caracteriza las iniciativas donde participemos. Esta justificación no es suficiente y se hace
necesario en estos casos contactar con el autor o autores para obtener su permiso y en caso
favorable citar siempre la fuente de procedencia.


12.3 Licencias Creative Commons
Creative Commons (http://es.creativecommons.org/) es una organización que ofrece a
cualquier usuario la posibilidad de elegir las condiciones en que desea compartir un trabajo
publicado en Internet. Para ello debe elegir entre 4 condiciones:

         Reconocimiento (Attribution): El material creado puede ser distribuido, copiado y
         exhibido por terceras personas si se reconoce la autoría en los créditos.

         No Comercial (Non commercial): El material original y los trabajos derivados pueden
         ser distribuidos, copiados y exhibidos mientras su uso no sea comercial.

         Sin Obra Derivada (No Derivate Works): El material puede ser distribuido, copiado y
         exhibido pero no se puede utilizar para crear un trabajo derivado del original.

         Compartir Igual (Share alike): El material puede ser modificado y distribuido pero
         bajo la misma licencia que el material original.



De la combinación de estas condiciones se logran componer los 6 tipos de licencias que se
pueden elegir:
Blogs ::: Derechos de autor                                                                 224
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado



                    Reconocimiento (by): El material puede ser distribuido, copiado y
                    exhibido por terceros si se muestra en los créditos.


                    Reconocimiento - Sin obra derivada (by-nd): El material puede ser
                    distribuido, copiado y exhibido por terceros si se muestra en los créditos.
                    No se pueden realizar obras derivadas.

                    Reconocimiento - No comercial - Sin obra derivada (by-nc-nd) : El
                    material puede ser distribuido, copiado y exhibido por terceros si se
                    muestra en los créditos. No se puede obtener ningún beneficio comercial.
                    No se pueden realizar obras derivadas.

                    Reconocimiento - No comercial (by-nc): El material puede ser
                    distribuido, copiado y exhibido por terceros si se muestra en los créditos.
                    No se puede obtener ningún beneficio comercial.

                    Reconocimiento - No comercial - Compartir igual (by-nc-sa): El material
                    puede ser distribuido, copiado y exhibido por terceros si se muestra en los
                    créditos. No se puede obtener ningún beneficio comercial y las obras
                    derivadas tienen que estar bajo los mismos términos de licencia que el
                    trabajo original.
                    Reconocimiento - Compartir igual (by-sa): El material puede ser
                    distribuido, copiado y exhibido por terceros si se muestra en los créditos.
                    Las obras derivadas tienen que estar bajo los mismos términos de licencia
                    que el trabajo original.


12.4 Añadir licencia CC a un blog Blogger
    Si estás interesado/a en situar una licencia CC (Creative Commons) en la barra lateral de
    tu blog puedes seguir los siguientes pasos:

    1. Visita la web de Creative Commons: http://es.creativecommons.org/licencia/
    2. Pulsa en el enlace Escoger una licencia
    3. En la pregunta ¿Quiere permitir usos comerciales de su obra? marca la opción
       deseada. Por ejemplo: No.
    4. En la pregunta ¿Quiere permitir modificaciones de su obra? señala una respuesta.
       Por ejemplo: Yes, as long as others share alike (Sí pero compartir igual)
Blogs ::: Derechos de autor                                                             225
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado

    5. En la lista desplegable Jurisdicción de su licencia elige el país de procedencia.
       También es posible añadir información adicional de la obra pero en este caso no lo
       haremos.
    6. De la combinación de las respuestas emitidas surgirá la licencia antes descrita como:
       Reconocimiento-No comercial-Compartir Igual.
    7. Clic en el botón Escoja una licencia.
    8. Selecciona el modelo de icono que deseas incluir en tu página HTML:




    9. Clic derecho sobre el cuadro que muestra el código HTML y elige Seleccionar todo. A
       continuación vuelve a hacer clic derecho y selecciona Copiar.




    10. Ahora vamos a crear en el blog un gadget en la barra lateral que muestre la licencia
        elegida a los lectores.
    11. Accede a la dirección de Blogger: http://www.blogger.com e introduce las
        credenciales de tu cuenta Google. Clic en el botón ACCEDER.
    12. En el Escritorio pulsa en el enlace Diseño correspondiente a tu blog.




    13. En la pestaña Elementos de la página haz clic en el enlace Añadir un gadget.
Blogs ::: Derechos de autor                                                          226
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




    14. Clic en el botón Añadir (+) para incorporar a la barra lateral un gadget del tipo
        HTML/Javascript.




    15. En el cuadro de diálogo Configurar HTML/Javascript introduce como Título el texto
        Licencia Creative Commons y en el cuadro Contenido haz clic derecho y selecciona
        Pegar para pegar el código HTML copiado desde Creative Commons. En este código
        puedes modificar el texto: “Esta obra …” por “Este blog…”




    16. Clic en el botón GUARDAR.
Blogs ::: Derechos de autor                                                               227
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado

    17. Si deseas modificar de posición arriba/abajo del gadget basta con pulsar y arrastrar
        uno respecto al otro sobre la edición de la barra lateral.




    18. Clic en el botón GUARDAR.




    19. Para ver el resultado final haz clic en el enlace Ver blog. En la barra lateral se
        mostrará un gadget con el icono del tipo de licencia elegido.




    20. Cuando el lector hace clic en el icono o en el enlace textual se mostrará la página de
        Creative Commons con las condiciones de la licencia elegida.
Blogs ::: Derechos de autor                                                              228
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




12.5 Añadir una licencia CC a un blog de WP
    Si estás interesado/a en situar una licencia CC (Creative Commons) en la barra lateral de
    tu blog puedes seguir los siguientes pasos:

    1. Visita la web de Creative Commons: http://es.creativecommons.org/licencia/
    2. Pulsa en el enlace Escoger una licencia
    3. En la pregunta ¿Quiere permitir usos comerciales de su obra? marca la opción
       deseada. Por ejemplo: No.
    4. En la pregunta ¿Quiere permitir modificaciones de su obra? señala una respuesta.
       Por ejemplo: Yes, as long as others share alike (Sí pero compartir igual)
Blogs ::: Derechos de autor                                                             229
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




    5. En la lista desplegable Jurisdicción de su licencia elige el país de procedencia.
       También es posible añadir información adicional de la obra pero en este caso no lo
       haremos.
    6. De la combinación de las respuestas emitidas surgirá la licencia antes descrita como:
       Reconocimiento-No comercial-Compartir Igual.
    7. Clic en el botón Escoja una licencia.
    8. Selecciona el modelo de icono que deseas incluir en tu página HTML:




    9. Clic derecho sobre el cuadro que muestra el código HTML y elige Seleccionar todo. A
       continuación vuelve a hacer clic derecho y selecciona Copiar.




    10. Ahora vamos a crear en el blog un widget en la barra lateral que muestre la licencia
        elegida a los lectores.
    11. Desde el interfaz de administración del blog elige la opción Apariencia > Widgets
Blogs ::: Derechos de autor                                                              230
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado




    12. Arrastra y suelta el widget Texto sobre la barra lateral derecha.




    13. En el cuadro de texto Título introduce el texto Licencia Creative Commons. En el
        cuadro de texto inferior haz clic derecho y elige Pegar para pegar el código HTML que
        te ha proporcionado el espacio Creative Commons.




    14. Clic en el botón Guardar. Para cerrar la edición de este widget pulsa en el enlace
        Cerrar. Para eliminar este widget haz clic en el enlace Borrar.
Blogs ::: Derechos de autor                                                                  231
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado

    15. Si deseas modificar de posición arriba/abajo del gadget basta con pulsar y arrastrar
        uno respecto al otro sobre la edición de la barra lateral.




    16. Para editar de nuevo el contenido de este cuadro haz clic en el botón Abrir que se
        muestra en la esquina superior derecha del widget.




    17. Para ver el resultado final haz clic en el enlace disponible en el título del blog. En la
        barra lateral se mostrará un gadget con el icono del tipo de licencia elegido.




    18. Cuando el lector hace clic en el icono o en el enlace textual se mostrará la página de
        Creative Commons con las condiciones de la licencia elegida.
Blogs ::: Derechos de autor                                           232
Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado

Más contenido relacionado

PDF
Qué es la web 2.0
DOCX
La wed 2
PDF
Que es la wep
DOCX
PPTX
Web 2.0
DOC
Planeta web 2.0
DOCX
Web 2.0 (1)
PDF
Qué es la web 2.0
La wed 2
Que es la wep
Web 2.0
Planeta web 2.0
Web 2.0 (1)

La actualidad más candente (10)

PPT
Web 2.0 jhean carlos piedrahita cabezas
PDF
PDF
que es la wed 2.0
DOCX
Aplicaciones web 2
PDF
Aplicaciones web 2.0
DOCX
PDF
Conocer Web 2
PPTX
Trabajo de infromatica
DOCX
Herramientas Web
PPTX
HERRAMIENTAS WEB 2.0
Web 2.0 jhean carlos piedrahita cabezas
que es la wed 2.0
Aplicaciones web 2
Aplicaciones web 2.0
Conocer Web 2
Trabajo de infromatica
Herramientas Web
HERRAMIENTAS WEB 2.0
Publicidad

Similar a para hacer blogs (20)

PDF
DOCX
La wed 2
PPTX
Concepto web 2.0
PDF
T blog parte 2
PPTX
PDF
PDF
T blog parte 2
PPTX
PPTX
Web 2.0
DOCX
Educacion
ODP
Community manager
PDF
Qué es la web 2.0
PDF
Qué es la web 2.0
PDF
Web2.0 original parte 2
PPTX
La web de marian
PPTX
La web de marian
DOCX
Tblog parte2
DOCX
DOCX
web-2-0.docx
PPTX
La wed 2
Concepto web 2.0
T blog parte 2
T blog parte 2
Web 2.0
Educacion
Community manager
Qué es la web 2.0
Qué es la web 2.0
Web2.0 original parte 2
La web de marian
La web de marian
Tblog parte2
web-2-0.docx
Publicidad

Más de calberteduxuntaes (20)

PPT
Implementingclilprogrammes
PPT
Clil fundamentos t eo ricos
PDF
PPT
Thema 2 ethical_theories
PPT
What must we_do
DOC
Definitivo programacion-unidad-didactica-clil-template 1
DOC
Modelo programacion-unidad-didactica-clil-template 1
PPTX
Ancient greeks
DOC
Paradoja del mentiroso
PDF
Constituciones españolas
PDF
Todo el alojamiento gallego
PPS
Worldexpopavilions 100502131106-phpapp01
PDF
Bicentenario
PPT
Competencias básicas
PDF
Webquest4eso03
DOC
Webquest4eso tema 4
PDF
La lista de schidler ficha01
PPT
Area metropolitana da_coruna-2
PDF
Webquest4eso03
PDF
Webquest01
Implementingclilprogrammes
Clil fundamentos t eo ricos
Thema 2 ethical_theories
What must we_do
Definitivo programacion-unidad-didactica-clil-template 1
Modelo programacion-unidad-didactica-clil-template 1
Ancient greeks
Paradoja del mentiroso
Constituciones españolas
Todo el alojamiento gallego
Worldexpopavilions 100502131106-phpapp01
Bicentenario
Competencias básicas
Webquest4eso03
Webquest4eso tema 4
La lista de schidler ficha01
Area metropolitana da_coruna-2
Webquest4eso03
Webquest01

para hacer blogs

  • 2. Blogs ::: ¿Qué es la Web 2.0? 14 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 1. ¿Qué es la Web 2.0?
  • 3. Blogs ::: ¿Qué es la Web 2.0? 15 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 1.1 Concepto de Web 2.0 El término Web 2.0 fue acuñado por el americano Dale Dougherty de la editorial O'Reilly Media durante el desarrollo de una conferencia en el año 2004. El término surgió para referirse a nuevos sitios web que se diferenciaban de los sitios web más tradicionales englobados bajo la denominación Web 1.0. La característica diferencial es la participación colaborativa de los usuarios. Un ejemplo de sitio web 1.0 sería la Enciclopedia Británica donde los usuarios pueden consultar en línea los contenidos elaborados por un equipo de expertos. Como alternativa web 2.0 se encuentra la Wikipedia en la cual los usuarios que lo deseen pueden participar en la construcción de sus artículos. Poco tiempo después, en el año 2005, Tim O'Reilly definió y ejemplificó el concepto de Web 2.0 utilizando el mapa conceptual elaborado por Markus Angermeier. La Web 2.0 o Web social es una “denominación de origen” que se refiere a una segunda generación en la historia de los sitios web. Su denominador común es que están basados en el modelo de una comunidad de usuarios. Abarca una amplia variedad de redes sociales, blogs, wikis y servicios multimedia interconectados cuyo propósito es el intercambio ágil de información entre los usuarios y la colaboración en la producción de contenidos. Todos estos sitios utilizan la inteligencia colectiva para proporcionar servicios interactivos en la red donde el usuario tiene control para publicar sus datos y compartirlos con los demás. Se puede entender como 2.0 "todas aquellas utilidades y servicios de Internet que se sustentan en una base de datos, la cual puede ser modificada por los usuarios del servicio, ya sea en su contenido (añadiendo, cambiando o borrando información o asociando datos a la información existente), pues bien en la forma de presentarlos, o en contenido y forma simultáneamente."- (Ribes, 2007)
  • 4. Blogs ::: ¿Qué es la Web 2.0? 16 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 1.2 Principios generales de la Web 2.0 1. Orientado a Internet. Todo está en la web. Sólo hace falta un navegador web y una conexión a Internet. Esto garantiza la movilidad del usuario y el acceso multiplataforma desde cualquier sistema. La actividad depende cada vez más de la conexión a Internet en detrimento del uso de programas instalados en el equipo. La tecnología se apoya más del lado del servidor simplificando al cliente las actualizaciones, revisiones, depuración de errores, etc. 2. Comunidades de usuarios. La Web 2.0 es una actitud y no una tecnología. Su empleo supone la participación bajo las directrices de las “4 C”: Comunicarse, Compartir, Colaborar y Confiar. Los usuarios son creadores de contenidos y no solamente meros consumidores. Y además esta creación se puede realizar de forma cooperativa de acuerdo con unas reglas y roles definidos y aceptados. El administrador delega su confianza en otros usuarios para que puedan publicar libremente. 3. Perpetua Beta. En constante revisión. La aplicación se orienta al usuario y se mejora gracias a la experiencia y aportaciones de éstos. 4. Facilidad. Permite una gestión ágil y precisa de la información en distintos contextos y con distintos propósitos. Gracias al uso de CMS (gestores de contenidos): Joomla, Wordpress, Drupal, Moodle, MediaWiki, etc . 5. Gratuidad. En la mayoría de los casos su uso es gratuito en un contexto personal o educativo. 6. Personalización. Los servicios y gestores CMS se pueden adaptar a las necesidades del usuario al permitir la personalización de muchas de sus opciones: activación/ocultación de gadgets, configuración del tema de presentación (separación de forma y contenidos), categorías para la clasificación de contenidos, etiquetas, etc. 7. Integración y conexión. Los contenidos multimedia soportados por los distintos servicios se integran fácilmente en las páginas de los CMS (embed) y además son directamente enlazables (link). Incluso algunos servicios utilizan los recursos alojados en otros (mashups). Ejemplo: Panoramio permite al usuario añadir una capa de información a un mapa interactivo de Google Maps. Esta integración produce una red compleja cuyos nodos más visibles son los blogs, wikis, joomlas, moodles, drupales, repositorios multimedia y redes sociales. 8. Propagación viral. La información nueva se difunde rápidamente gracias a la suscripción RSS, agregadores, trackbacks, pings, redes sociales, etc. 9. Etiquetado social. El usuario asigna libremente las etiquetas y categorías a los artículos, imágenes, audios, marcadores, podcasts, vídeos, etc. Surgen así las categorías sociales o folksonomías, un sistema de etiquetas sin jerarquías predeterminadas que facilita la búsqueda de los contenidos. 10. Iniciativa descentralizada. Las redes sociales (FaceBook, Ning, Tuenti, …) proporcionan la posibilidad de crear y mantener fácilmente un espacio de encuentro entre personas con intereses comunes. Y todo ello al margen de líderes o hegemonías más verticales. Cualquier persona puede tener en pocos minutos un espacio en Internet donde publicar sus opiniones, consultas, dudas, experiencias, etc y también donde invitar a otros a participar.
  • 5. Blogs ::: ¿Qué es la Web 2.0? 17 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 1.3 Algunos ejemplos de iniciativas Web 2.0 1. Blogs. Proporcionan un sistema fácil y asequible de publicar en Internet a título individual o colectivo. Es el nodo más abundante en la Web 2.0. Puede ser el escaparate que concentre en un mismo sitio distintos recursos alojados en otros servicios. Admiten una gestión colaborativa de contenidos basada en roles. La información se organiza en artículos ordenados cronológicamente, páginas, enlaces y comentarios. Algunos portales de blogs más populares son: Blogger (http://www.blogger.com/) , Wordpress.com (http://wordpress.com/) , Blogspot (http://blogspot.es/), etc. 2. Wikis. No están tan extendidos como los blogs porque demandan mayor nivel de compromiso en la construcción de contenidos. Se puede utilizar para crear la documentación de un proyecto de forma colaborativa: glosarios, enciclopedias, manuales, enlaces, etc. El espacio wiki por excelencia es la enciclopedia Wikipedia (http://es.wikipedia.org/). 3. Gestores CMS (Content Management System = Sistema de Gestión de Contenidos) Algunos ejemplos de CMS gratuitos son Joomla (http://www.joomlaspanish.org/) o Drupal (http://drupal.org.es/) . Se suelen utilizar para crear sitios web institucionales o corporativos. Para ello basta descargarse la aplicación y subirla a un servidor de hosting. Permiten la publicación colaborativa (roles) en línea de las noticias que afectan a una comunidad. Basan la organización de los artículos en secciones (cajones) y categorías (carpetas dentros de esos cajones). El uso de CMS deja atrás los sitios web estáticos HTML diseñados con FrontPage, Dreamweaver, etc y que se actualizaban subiendo sus páginas mediante un cliente FTP. 4. Plataforma de elearning. Se denominan sistemas LMS (Learning Management System = Sistema de Gestión del Aprendizaje) y se utilizan para crear entornos de elearning. El LMS más utilizado actualmente es Moodle (http://moodle.org/). El profesor/a crea un curso que consiste en una agenda de contenidos y actividades que el alumno realiza siguiendo la progresión establecida. El sistema se complementa con unas herramientas de comunicación (mensajería interna y foros) y con un subsistema de seguimiento de la actividad del alumno. Muchas universidades e instituciones públicas educativas han abandonado el desarrollo de sus propias plataformas de elearning en favor del uso de Moodle. Tanto los CMS como LMS se han clasificado como sitios “Web 1.5” porque admiten un uso 1.0 ó 2.0 en función de cómo sus administradores organicen la participación de los usuarios. 5. Imágenes. Espacios como Flickr (http://www.flickr.com/), Picasa (http://picasa.google.com/), etc permiten el alojamiento en línea de imágenes y luego su posterior utilización en otros servicios o recursos. Otros espacios web de valor añadido como Pixrl (http://www.pixlr.com) ofrece la posibilidad de editar imágenes y añadirles efectos a partir de imágenes propias o alojadas en los repositorios anteriores. 6. Podcasts. Permiten el almacenamiento y difusión de audios. Se trata de recursos que se integran en cualquier CMS o bien se enlazan directamente. Se agrupan y clasifican en categorías o por etiquetas para facilitar la búsqueda de los activos propios y ajenos. Ejemplos: LastFM (http://www.lastfm.es/), Odeo (http://odeo.com/), GoEar (http://www.goear.com/), PodSonoro (http://www.podsonoro.com/), etc. 7. Google Maps. La localización geográfica de imágenes, textos, enlaces, vídeos o documentos facilita el desarrollo de contenidos en múltiples contextos. En la actualidad hay un montón de servicios que aprovechan las prestaciones de la API de Google Maps (http://maps.google.es) para ofrecer la geolocalización de sus recursos
  • 6. Blogs ::: ¿Qué es la Web 2.0? 18 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado sobre uno de sus mapas: Youtube (http://www.youtube.com/), Panoramio (http://www.panoramio.com/), etc. 8. Repositorios de vídeos. Youtube (http://www.youtube.com/) es el gran líder especializado en el alojamiento y difusión de vídeos. Se dispone de millones de documentos videográficos sobre los temas más variados. No sólo proporciona soporte de almacenamiento sino también de difusión en streaming facilitando su correcta visualización a través de internet. Se pueden crear listas de reproducción temáticas, canales, anotaciones en los vídeos, subtítulos, etc. Existen multitud de espacios que representan una alternativa para publicar vídeos: Revver (http://revver.com/), MetaCafe (http://www.metacafe.com/), Vimeo (http://www.vimeo.com/), etc. Algunos soportan retransmisión en directo como LiveStreaming (http://www.livestream.com/). 9. Ofimática en línea. En el desarrollo de proyectos puede resultar interesante por un lado la creación y publicación compartida de documentos de texto, presentaciones y hojas de cálculo y por otra la comunicación en tiempo real (mensajería instantánea) o diferido (emails). En este contexto, por ejemplo, Google Apps (http://  www.google.com/apps/) puede ser un excelente recurso gratuito para crear y desarrollar una comunidad de trabajo. Otra posibilidad es eyeOS (http://eyeos.org/). Se trata de un atractivo escritorio con distintas aplicaciones ofimáticas en línea de carácter colaborativo. Otro paquete ofimático en línea es Zoho (http://www.zoho.com/). 10. Presentaciones. Uno de los usos más extendidos es el diseño y publicación en la Web de presentaciones de diapositivas como SlideShare (http://www.slideshare.net/) o SplashCast (http://www.splashcastmedia.com/), de fotografías como Slide.com (http://www.slide.com/), de documentos como Scribd.com (http://www.scribd.com/), etc que luego se insertan en blogs, wikis, y otros CMS, etc. Otra posibilidad interesante en el conocimiento histórico es organizar una presentación donde se ordenan cronológicamente los recursos sobre una línea de tiempo como XTimeline (http://www.xtimeline.com/). 11. Marcadores sociales. Utilizando servicios como del.icio.us (http://delicious.com/) se puede disponer en línea de los marcadores o favoritos a sitios web y compartir estas direcciones con los demás. 1.4 El navegador web Como se ha indicado con anterioridad para acceder a la web 2.0 sólo necesitamos disponer de una conexión a Internet y de un navegador web. En principio se puede utilizar cualquier navegador: Internet Explorer, Google Chrome, Mozilla Firefox, Opera, Flock, etc. Sin embargo en este curso se recomienda el uso de Mozilla Firefox porque representa una excelente alternativa a Internet Explorer. Sus características más destacadas son:  Multiplataforma. Existen versiones de Mozilla Firefox para Windows, Linux y Mac.  Navegación con pestañas. Se pueden abrir simultáneamente varias páginas web de tal forma que cada una se visualiza en una pestaña independiente. Cada pestaña dispone de su propio botón de cerrado. Si se cierra accidentalmente una pestaña se puede recuperar en el menú Historial.
  • 7. Blogs ::: ¿Qué es la Web 2.0? 19 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado  Restauración de sesión. Cuando Firefox se cierra o reinicia se ofrece la opción de restaurar la sesión para evitar la pérdida de información en formularios, descargas, etc.  Corrector ortográfico. Si se dispone del complemento Diccionario de Español/España se puede activar el corrector ortográfico integrado que subrayará las palabras no tecleadas correctamente en cualquier cuadro de texto de la página web. Mediante clic derecho sobre esa palabra se ofrecerán alternativas para sustituirla.  Sugerencias de búsqueda. Al comenzar a escribir en la barra de búsqueda de Google se mostrará una lista de sugerencias.  Canales RSS. Permite leer directamente los titulares de noticias RSS sin necesidad de tener instalado ningún otro programa.  Búsqueda integrada. Firefox proporciona una barra de búsqueda que integra los motores más utilizados a nivel mundial: Google, Yahoo!, eBay, Diccionario RAE, Wikipedia y Creative Commons. Para ello basta con elegir el motor e introducir el término de búsqueda.  Bloqueador de ventanas emergentes. Se pueden controlar las ventanas emergentes molestas evitando que se desplieguen. Mediante una barra informativa o un icono en la parte inferior de la pantalla se notifica al usuario el bloqueo de ventanas.  Accesibilidad. Firefox incluye distintas prestaciones para facilitar la accesibilidad a personas con deficiencias visuales: aumento del tamaño de la fuente mediante <Ctrl>+Scroll del ratón, compatibilidad con lectores de pantalla (p.e. Freedom Scientific’s JAWS).  Protección antiphising. Cuando una página web sea sospechosa de fraude por robo de identidad digital frente a una entidad bancaria (physing), Firefox advertirá al usuario y ofrecerá una página de búsqueda para encontrar la página auténtica que se está buscando.  Actualizaciones automáticas. Firefox comprueba la versión del navegador y si existe una más reciente avisa al usuario sobre la posibilidad de instalarla. Esta actualización suele ser pequeña resultando fácil y rápida de descargar e instalar.  Protección contra programa espías. Firefox no permite que una página web descargue, instale o ejecute programas en el equipo sin un consentimiento explícito del usuario.  Limpieza de información privada. Utilizando esta utilidad situada en el menú Herramientas se garantiza que se limpian todos los datos privados de la navegación en un solo clic. Es especialmente útil en un equipo multiusuario donde se abre sesión siempre con el mismo usuario Windows.  Complementos. Firefox ofrece más de 1000 complementos que permiten aumentar las prestaciones por defecto de este navegador web: lectura de noticias RSS, herramientas web y de desarrollo, descargas de archivos, privacidad y seguridad, herramientas de búsqueda, marcadores, diccionarios, multimedia, etc. El uso de un administrador de complementos facilita las operaciones de instalación, desinstalación y desactivación.  Temas. Se pueden instalar y configurar distintos temas que permiten cambiar los colores, fuentes, iconos, gráficos, etc del interfaz de Mozilla Firefox.  Plugins. Firefox dispone de la mayoría de plugins necesarios para visualizar todo tipo de contenidos multimedia: Adobe Flash Player, Java, QuickTime, RealPlayer, Windows Media Player, etc. En el sitio web oficial del proyecto Mozilla Firefox podrás encontrar la versión más reciente o que se adapta a tu sistema: http://www.mozilla-europe.org/es/firefox/. Descarga e instala este programa en tu equipo. Otra posibilidad es utilizar la versión portable para Windows que puedes conseguir en: http://portableapps.com/apps/internet/firefox_portable
  • 8. Blogs ::: Iniciación a los blogs 20 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 2. Iniciación a los blogs
  • 9. Blogs ::: Iniciación a los blogs 21 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 2.1 ¿Qué es un blog? Un blog es un sitio web que se actualiza periódicamente y que ofrece la lectura de información de uno o varios autores sobre temas de interés. La unidad fundamental de información de un blog es el artículo, también llamado “post” o “entrada”. Estos artículos se muestran siguiendo una ordenación cronológica inversa, es decir, se mostrará primero el artículo más reciente. En consecuencia podemos definir un blog como una recopilación de artículos ordenados cronológicamente. Para el autor/autores de un blog, se trata de un sistema que facilita la publicación de contenidos multimedia en Internet ofreciendo en todo momento el control y libertad para editar y modificar la información publicada. En cada artículo los lectores pueden escribir sus comentarios y el autor darles respuesta. De esta forma se fomenta un diálogo que autores y lectores pueden compartir. Sin embargo esta opción depende de la moderación del autor o autores del blog y por supuesto de que los lectores decidan intervenir libremente con sus aportaciones. La temática de un blog es muy variada. En la blogosfera hay blogs personales, periodísticos, empresariales, tecnológicos, educativos (edublogs), políticos, etc. Ejemplos de blogs muy populares en España:  Microsiervos: http://www.microsiervos.com/  Genbeta: http://www.genbeta.com/  Xataka: http://www.xataka.com/  Alt1040: http://alt1040.com/  Wwwhatsnew: http://wwwhatsnew.com/
  • 10. Blogs ::: Iniciación a los blogs 22 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 2.2 Anatomía de un blog Un blog dispone de dos interfaces diferenciados:  FrontEnd. Es el “escaparate” o área pública del blog. Muestra los artículos publicados que pueden ser leídos por cualquier usuario que accede al mismo.  BackEnd. Es el “taller” o área de acceso restringido del blog. En este espacio entra el autor/autores del blog para gestionar su contenido. Frontend Backend La estructura del Frontend suele tener los siguientes elementos:  Cabecera. Muestra el título del blog y en algunos casos una imagen de fondo. Cuando el lector hace clic en el enlace que proporciona se sitúa en la portada o página principal del blog.  Entradas del blog. Contiene los artículos o entradas publicadas. Aparecen ordenados cronológicamente situándose arriba el más reciente. En la página principal solo se pueden leer un número concreto de artículos. Para acceder a los anteriores se proporciona un sistema de paginación con un enlace a “Entradas anteriores”.  Barra lateral. Contiene los gadgets o módulos que incorporan prestaciones adicionales al blog: búsqueda, artículos por meses, artículos por etiquetas, lista de enlaces, suscripción RSS, etc.
  • 11. Blogs ::: Iniciación a los blogs 23 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado En la lectura de una entrada o artículo se suelen ofrecer los siguientes elementos: 1. Fecha de publicación del artículo. 2. Título del artículo. Cuando el usuario hace clic en su enlace se accede al artículo de forma individual mostrándose los comentarios asociados al final del mismo. 3. Contenido del artículo. Puede contener texto, enlaces, imágenes, audios, vídeos, etc. 4. Autor del artículo. Se muestra el nombre del autor del artículo. Puede resultar interesante cuando en un blog publican varios usuarios. 5. Hora de publicación. 6. Comentarios. Muestra el número de comentarios realizados a esa entrada. Cuando el usuario hace clic en este enlace accede a los comentarios publicados. 7. Edición. Cuando el usuario que navega está autentificado como administrador del blog aparece en cada artículo un icono en forma de lápiz proporcionando un enlace directo al backend de edición de su contenido. 8. Entradas recientes / posteriores. Estos enlaces de navegación situados al final de una página permiten acceder al resto de artículos. 9. Página principal. Enlace a la portada del blog donde se mostrará una página con los últimos artículos publicados. 10. Suscripción. Este enlace permite suscribirse a la publicación de entradas de nuestro blog utilizando el navegador web o bien un programa específico de lectura de feeds. Cuando el artículo se muestra de forma individual en una página, se accede a los comentarios asociados que se sitúan al final de su contenido. El administrador del blog puede permitir o denegar el envío de comentarios a un artículo en concreto o a todos los artículos del blog. En caso favorable es muy recomendable activar la moderación de comentarios para que el administrador los supervise antes de que aparezcan publicados. Cada artículo de un blog dispone de una dirección individual y única (permalink o enlace permanente) que se puede utilizar para situarse en él directamente.
  • 12. Blogs ::: Iniciación a los blogs 24 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 2.3 Características de los blogs Las características de los blogs que han justificado su auge han sido:  Hipermedia. Los artículos pueden contener texto, enlaces, imágenes, audios, vídeos, animaciones flash, etc.  Facilidad. El blog proporciona un interfaz para administrar sus contenidos, coordinar, borrar o reescribir los artículos, moderar los comentarios de los lectores, etc. de una forma casi tan sencilla como administrar el correo electrónico.  Organización cronológica. Los artículos se ordenan de forma cronológica mostrando primero los artículos más recientes.  Búsquedas. Los blogs proporcionan herramientas que facilitan la búsqueda de entradas a partir de un término, fecha, autor, etc.  Metadatos. Las etiquetas o palabras clave asignadas a un artículo contribuyen a la organización temática de la información facilitando su posterior búsqueda.  Comentarios. La posibilidad de que los lectores envíen sus comentarios permite establecer un interesante flujo de debate en torno a los artículos publicados.  Suscripción. La suscripción RSS o Atom a los artículos y comentarios de un blog permiten disponer de las últimas novedades publicadas en el navegador web o lector de noticias sin necesidad de acceder directamente a ese sitio web.  Enlaces inversos. También llamados trackbacks permiten conocer si alguien desde su blog ha enlazado a una entrada publicada en nuestro blog o viceversa. Si así se configura los trackback pueden aparecer junto a los comentarios de un artículo.  Integración. Los blogs permiten mostrar incrustados en sus páginas recursos multimedia alojados en servicios web 2.0: imágenes, audios, vídeos, etc. 2.4 Tipos de blogs Los blogs tienen distintas variantes en función de su funcionamiento, tipo de contenido predominante, dispositivo donde se visualizarán, etc. Entre ellos destacan:  Openblog. Es un blog que no requiere interfaz de administración y proporciona una herramienta para que sus visitantes puedan publicar de forma abierta y libre. Es de carácter colectivo y público. Tiene muchas similitudes con un foro. Ejemplo: OpenBlog (http://www.open-b.net).  Fotolog. Como su nombre indica es un blog donde la foto es el elemento principal de publicación. La imagen y la fecha de publicación son los contenidos obligatorios. A diferencia de un álbum de fotos sólo se publica una o dos fotos en cada entrada y se pueden acompañar de comentarios del autor. También admite comentarios de los visitantes y enlaces a los fotologs de los amigos. Ejemplo: Fotoblog (http://www.fotolog.com/).  Videoblog. Un videoblog o vlog es un blog cuyas entradas son clips de vídeo, ordenados cronológicamente y publicados por uno o más autores. El administrador del vlog puede autorizar a otros usuarios a añadir comentarios u otros vídeos dentro de la misma galería. Suelen ser archivos de formato MOV o FLV y utilizan el visor de Adobe Flash para su visualización. Ejemplo: Yograbo (http://www.yograbo.com/).  Audioblog. Es un tipo de blog donde cada entrada suele ser un audio en formato MP3 o similar. Se reproducen en línea gracias a una consola de tecnología Adobe Flash y en algunos casos admiten la descarga de los usuarios.  Moblog. Moblog es un término que surge de la fusión de las palabras "Mobile" y "Blog". Se trata de un servicio de publicación similar a un blog pero orientado a su visualización en equipos móviles: PDA o teléfonos móviles. Se puede acceder a su contenido y publicar desde cualquier dispositivo y lugar. Algunos servicios web 2.0 están orientando la publicación a estos formatos permitiendo la creación y manejo del blog desde equipos fijos o móviles. Ejemplo: Moblob (http://www.moblog.cl/mb_indexframe.php).
  • 13. Blogs ::: Iniciación a los blogs 25 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado  Tumbleblog. Un tumblelog o tlog es una variante de blog poco estructurado. No se ajusta a una temática concreta y el autor va publicando entradas sobre enlaces, fotografías, informaciones, etc. que va encontrando por Internet. En este sentido recupera un poco el espíritu inicial con que aparecieron los blogs: dar a conocer a los amigos las cosas que cada día te encuentras por la web. La carga textual de sus entradas es mínima y en este sentido es un formato muy ligado al microblogging. Ejemplo: Tumbrl (http://www.tumblr.com/).  Microblog. El microblogging o nanoblogging permite al autor publicar mensajes breves (no superiores a 140 caracteres) formados por texto y enlaces. Estas entradas se muestran en la página del perfil del usuario y también son enviadas a otros usuarios que han elegido la opción de recibirlas. Ejemplo: Twitter (http://twitter.com/). 2.5 Servicios de blogs En Internet existen dos procedimientos para disponer de un blog:  Servicio de blogs. El usuario crea una cuenta en ese servicio para disponer de un blog. Ejemplo: Blogger (http://www.blogger.com), Wordpress (http://www.wordpress.com) o Live Journal (http://www.livejournal.com/). Tras el registro el usuario recibe una dirección web para el acceso individual a su blog que ya está instalado y completamente operativo. Ejemplo: http://<miblog>.blogspot.com para un blog alojado en Blogger. La bitácora se integra en la comunidad de blogs que ofrece ese servicio. Su principal inconveniente es que su funcionamiento está condicionado parcialmente por las decisiones de los superadministradores del servicio.  CMS instalado en servidor web. El usuario puede instalar en un servidor web privado una solución CMS gratuita que se descarga de Internet. Esta instalación requiere disponer de cuenta en un servidor web con Apache, PHP y MySQL. Los dos CMS más populares para blogs son: Wordpress (http://es.wordpress.org/) y Movable Type (http://www.movabletype.org/). Su principal inconveniente es que el mantenimiento y actualización debe realizarlo el propio usuario pero como contrapartida admite modificar su código abierto para adaptarlo totalmente a las necesidades individuales. En la actualidad, al crear una bitácora en una comunidad de blogs, se suscitan dudas sobre cuál elegir entre los dos líderes del sector: Blogger o Wordpress. Ambos tienen ventajas e inconvenientes resultando Wordpress una opción algo más compleja. Existen también medios de comunicación, como por ejemplo el diario “El País”, que ofrecen un servicio gratuito de Blogs: http://blogs.elpais.com/ Nota importante: A partir de este momento el alumno/a del curso podrá elegir entre seguir el curso con un blog de Blogger o bien con un blog de Wordpress
  • 14. Blogs ::: Mi primer artículo 26 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 3. Mi primer artículo
  • 15. Blogs ::: Mi primer artículo 27 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 3.1 Mi primer artículo en Blogger
  • 16. Blogs ::: Mi primer artículo 28 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado El propósito de este actividad es diseñar tu primera entrada en un blog de Blogger. El tema elegido es una breve pincelada del poeta Federico García Lorca. En este documento se utilizarán: título, texto, imagen y un enlace a una página externa. 3.1.1 Crear un blog en Blogger En este apartado se explican los pasos para crear un blog en el servicio Blogger. Como paso previo es necesario disponer de una cuenta Google. Es muy interesante tener esta cuenta porque asociada a ella se disponen de interesantes aplicaciones. Algunas de ellos se tratarán en este curso. 1. Abre el navegador web y visita la URL de inicio de Blogger: https://www.blogger.com/start?hl=es Si ya dispones de una cuenta Google (en caso contrario pasa a la siguiente página): 2. Si ya dispones de cuenta Google introduce sus credenciales (usuario y contraseña) en el apartado Accede a través de tu cuenta de Google y pulsa en el botón Acceder. 3. Si el proceso de autentificación se ha producido con éxito te situarás en el Escritorio. 4. Un usuario Google puede crear y mantener varios blogs. Haz clic en el enlace Crear un blog.
  • 17. Blogs ::: Mi primer artículo 29 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado Si NO dispones de cuenta Google: 2. Desde la página de inicio de Blogger haz clic en el botón CREAR UN BLOG. 3. Rellena el formulario Crear una cuenta de Google y pulsa en el botón Continuar. 4. Anota el usuario y contraseña de esta cuenta para no olvidarla. Con la cuenta Google podrás acceder a Blogger, GMail, Google Docs, Picasa Web, etc. Una vez que ya disponemos de cuenta Google y nos hemos autentificado con ella contra Blogger nos encontraremos en el paso 2 de creación de nuestro blog.
  • 18. Blogs ::: Mi primer artículo 30 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 5. En el paso 2 “Asignar un nombre al blog” introduce los siguientes datos del nuevo blog:  Título del blog. Ejemplo: El blog de …  Dirección del blog (URL). Será la dirección que tendrá nuestro blog en Blogger. Esta URL es del tipo: http://<miblog>.blogspot.com Conviene elegir una dirección fácil de recordar. Antes de continuar conviene pulsar en el enlace Comprobar disponibilidad para verificar si esa dirección está libre. Si no se te ocurre una dirección puedes utilizar tu nombre de usuario en Google: http://<TuUsuarioGoogle>.blogspot.com 6. Introduce la palabra de paso o antispam y haz clic en el botón Continuar. 7. En el siguiente paso haz clic sobre una plantilla de presentación del blog y pulsa en el botón Continuar. Posteriormente podrás modificar esta plantilla. 8. Si el proceso de creación del blog ha concluido con éxito se mostrará el mensaje Se ha creado tu blog. Para acceder al panel de administración de contenidos de ese blog haz clic en el botón EMPEZAR A PUBLICAR.
  • 19. Blogs ::: Mi primer artículo 31 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 9. En posteriores accesos a Blogger encontrarás en el Escritorio una entrada a la administración del blog creado. 3.1.2 Crear una nueva entrada 5. Abre el navegador web y accede a la URL de inicio de Blogger: https://www.blogger.com/start?hl=es 6. Introduce sus credenciales (usuario y contraseña) en el apartado Accede a través de tu cuenta de Google y pulsa en el botón Acceder. 7. Si el proceso de autentificación se ha producido con éxito te situarás en el Escritorio. 8. En este panel aparecerán los distintos blogs que gestionas en Blogger. 9. Clic en el botón NUEVA ENTRADA para acceder directamente al interfaz de edición del blog donde deseas publicar el artículo. 3.1.3 Añadir título y texto 1. Descarga y descomprime el contenido del archivo lorca.zip. Como resultado obtendrás dos archivos: un fichero de texto lorca.txt y una imagen lorca.jpg.
  • 20. Blogs ::: Mi primer artículo 32 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 2. Utiliza el explorador de archivos para abrir (doble clic) el archivo de texto lorca.txt. Se abrirá el Bloc de Notas mostrando su contenido. 3. Selecciona Edición > Seleccionar todo para seleccionar el texto completo que contiene este archivo y a continuación elige Edición > Copiar para copiarlo al portapapeles de Windows. Cierra la ventana del Bloc de Notas. 4. Regresa al navegador web que muestra el editor de Nueva entrada de Blogger. Teclea el título: Federico García Lorca. 5. Haz clic dentro del editor de artículos y a continuación haz clic derecho para elegir la opción Pegar. Esta acción pegará el texto copiado del archivo de texto anterior evitando tener que teclearlo.
  • 21. Blogs ::: Mi primer artículo 33 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 6. Antes de continuar conviene guardar la entrada. Para ello pulsa en el botón GUARDAR AHORA que aparece por debajo del editor de artículos. Esta acción almacenará los cambios introducidos en el servidor remoto. 3.1.4 Añadir una imagen 1. En la barra de herramientas del editor haz clic en el botón Añadir Imagen. 2. Se mostrará una nueva ventana para subir la imagen desde nuestro equipo. Clic en el botón Examinar para localizar y señalar el archivo lorca.jpg que hemos obtenido en un paso anterior. Observa que sólo se admiten los formatos de imagen: gif, jpg y png. 3. En el área Elige un diseño selecciona un tipo de alineamiento. Por ejemplo: Izquierda. 4. En la parte inferior activa la casilla de aceptación de condiciones y pulsa en el botón SUBIR IMAGEN. 5. Si el proceso de subida se realiza con éxito se mostrará la imagen y el mensaje Se ha añadido su imagen. Clic en el botón FINALIZADO.
  • 22. Blogs ::: Mi primer artículo 34 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 6. De regreso al editor se mostrará la imagen insertada en el artículo. Se puede arrastrar la imagen para situarla en cualquier lugar del artículo. Nota: La imagen que se ha subido al servidor siguiendo el procedimiento descrito queda alojada en el servicio Picasa Web asociado a la cuenta de usuario de Google. 7. Para guardar los cambios realizados en el artículo haz clic en el botón GUARDAR AHORA. 8. Para ver la apariencia que tiene el artículo haz clic en el enlace Vista previa. En la parte inferior se muestra la entrada tal y como será visualizada por el lector. Para regresar al editor haz clic en el enlace Ocultar vista previa. 3.1.5 Añadir un hipervínculo Un enlace o hipervínculo puede ser un texto o imagen que se muestra en una página web y que está vinculada a otras páginas del mismo u otro sitio. Al situar el puntero del ratón sobre él, éste toma el aspecto de una mano. Al hacer clic se mostrará en el navegador web la nueva página vinculada al mismo. 1. Dentro del editor de entradas pulsa y arrastra sobre el enlace que aparece en la última línea del documento para seleccionarlo. Es un enlace a Google que ya incluye los términos de búsqueda relativos al autor que nos ocupa: http://www.google.es/search?q=Federico+García+Lorca
  • 23. Blogs ::: Mi primer artículo 35 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 2. A continuación pulsa la combinación de teclas Ctrl+X para cortarla. Esta URL se ha copiado al portapapeles de Windows y se ha eliminado de la ubicación actual. 3. Pulsa y arrastra para seleccionar el texto “Más información” situado al final del documento. A continuación en la barra del editor pulsa en el botón Enlace. 4. En el cuadro de diálogo Escribe una URL: haz clic derecho y elige Pegar. 5. Clic en el botón Aceptar para guardar la dirección pegada. 6. Para terminar haz clic en el botón GUARDAR AHORA. 3.1.6 Otras opciones de la entrada En la parte inferior del editor:  Etiquetas. Introduce las etiquetas o palabras clave que deseas asociar al artículo pero separadas por comas. Ejemplo: poesía, generación 27.  Comentarios. Haz clic en el enlace Opciones de entrada para mostrar un panel adicional donde se pueden configurar algunos parámetros adicionales. Por ejemplo si se permitirán o no los comentarios de los lectores.  Fecha y hora de la entrada. Se puede modificar la fecha y hora que el sistema asigna por defecto al artículo.
  • 24. Blogs ::: Mi primer artículo 36 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 3.1.7 Publicar la entrada 1. Clic en el botón PUBLICAR ENTRADA para que el artículo se visualice por los lectores del blog. 2. Para ver el resultado final haz clic en el enlace Ver blog. 3.1.8 URL permanente a una entrada Al pulsar sobre el título de un artículo, éste se mostrará de forma individual en la página y al final aparecerán los comentarios asociados. Si en ese momento te fijas en la barra de dirección del navegador web, podrás comprobar que ese artículo dispone de una URL que permite acceder al mismo de forma individual. Su formato suele ser: http://<tituloblog>.blogspot.com/<añopub>/<mespub>/<titulo-entrada>.html
  • 25. Blogs ::: Mi primer artículo en Wordpress 37 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 3.2 Mi primer artículo en Wordpress
  • 26. Blogs ::: Mi primer artículo en Wordpress 38 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado El propósito de este actividad es diseñar tu primera entrada en un blog de Wordpress. El tema elegido es una breve pincelada del poeta Federico García Lorca. En este documento se utilizarán: título, texto, imagen y un enlace a una página externa. 3.2.1 Crear un blog en Wordpress En este apartado se explican los pasos para crear un blog en el servicio Wordpress. Como paso previo es necesario disponer de una cuenta Wordpress. 1. Abre el navegador web y visita la URL de inicio de Wordpress: http://wordpress.com/. Selecciona como idioma: Spanish-Español. Si NO dispones de cuenta Wordpress: 1. Clic en el botón Registrarse ahora o similar. 2. En el formulario introduce: Nombre de usuario, contraseña (confirmación), dirección de email y aceptación de las condiciones. 3. Al darte de alta en Wordpress ya puedes crear un blog en el mismo paso. Este nuevo blog tendrá la dirección: http://<nombre_de_usuario>.wordpress.com. Para ello marca la casilla ¡Dénme un blog!. 4. Clic en el botón Siguiente. Anota el usuario y contraseña de esta cuenta para no olvidarla. Si ya dispones de una cuenta en Wordpress: 1. Introduce sus credenciales (usuario y contraseña) en una barra superior y pulsa en el botón Iniciar sesión/Log in. 2. Si el proceso de autentificación se ha producido con éxito te situarás en el Tablero. 3. Un usuario de Wordpress puede crear y mantener varios blogs. Al crear tu usuario en Wordpress puedes haber creado un blog por defecto con la dirección http://<nombre_de_usuario>.wordpress.com. Este mismo blog puede servir para realizar las prácticas del curso. Si deseas crear y utilizar otro blog distinto haz clic en el enlace Registrar otro blog que se ofrece debajo del listado de Tus blogs. 4. Introduce los datos del nuevo blog:  Dominio del Blog. Es el identificador que precede a “wordpress.com” en su dirección. Por ejemplo: miblog.wordpress.com. El sistema comprueba al crearlo si ese identificador ya existe. En caso afirmativo solicitará que introduzcas otro nombre.
  • 27. Blogs ::: Mi primer artículo en Wordpress 39 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado  Título del blog.  Idioma. En este caso elige el idioma principal de tu blog: español.  Privacidad. Marca esta opción si deseas que tu blog aparezca en las listas públicas de Wordpress.com y en los buscadores como Google o Technorati 5. Clic en el botón Crear Blog. Si el proceso de creación del nuevo blog ha tenido éxito se mostrará un mensaje de que ese blog ya es tuyo. Te pedirá el usuario y contraseñas para acceder directamente a su backend de administración. 6. En posteriores accesos a Wordpress encontrarás en el Tablero un listado de los blogs que administras. El acceso a un blog se realizará mediante clic sobre su correspondiente entrada. (Versión en español) (Versión en inglés)
  • 28. Blogs ::: Mi primer artículo en Wordpress 40 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 3.2.2 Crear una nueva entrada 1. Abre el navegador web y accede a la URL de inicio de Wordpress: http://wordpress.com 2. Introduce sus credenciales (usuario y contraseña) en una barra superior y pulsa en el botón Iniciar sesión/Log in. 3. Haz clic sobre el blog en el listado de Tus Blogs donde deseas publicar tu entrada. Con esta acción se accede al Tablero/Dashboard de trabajo en ese blog. Es el interfaz de gestión o backend del blog. 4. En el cuadro Entradas que se muestra en la columna izquierda del Tablero haz clic en el enlace Añadir. Otra posibilidad es seleccionar Nueva entrada > Nombre del blog en la barra de menú horizontal que se ofrece en la parte más superior del backend de gestión del blog. 3.2.3 Añadir título y texto 1. Descarga y descomprime el contenido del archivo lorca.zip. Como resultado obtendrás dos archivos: un fichero de texto lorca.txt y una imagen lorca.jpg. 2. Utiliza el explorador de archivos para abrir (doble clic) el archivo de texto lorca.txt. Se abrirá el Bloc de Notas mostrando su contenido. 3. Selecciona Edición > Seleccionar todo para seleccionar el texto completo que contiene este archivo y a continuación elige Edición > Copiar para copiarlo al portapapeles de Windows. Cierra la ventana del Bloc de Notas.
  • 29. Blogs ::: Mi primer artículo en Wordpress 41 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 4. Regresa al navegador web que muestra el editor de Agregar una nueva entrada de Wordpress. Teclea el título: Federico García Lorca. 5. Haz clic dentro del editor de artículos y a continuación haz clic derecho para elegir la opción Pegar. Esta acción pegará el texto copiado del archivo de texto anterior evitando tener que teclearlo. 6. Antes de continuar conviene guardar la entrada. Para ello pulsa en el botón Guardar borrador. Esta acción almacenará los cambios introducidos en el servidor remoto.
  • 30. Blogs ::: Mi primer artículo en Wordpress 42 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 3.2.4 Añadir una imagen 1. En la barra de herramientas que se ofrece por encima del editor haz clic en el botón Añadir una imagen. 2. Se mostrará una nueva ventana para subir la imagen desde nuestro equipo. En la pestaña Desde el ordenador haz clic en el botón Elegir archivos. 3. Localiza y apunta al archivo lorca.jpg que hemos obtenido en un paso anterior. Observa que sólo se admiten para subir al servidor los formatos de archivo: jpg, jpeg, png, gif, pdf, doc, ppt, odt, pptx y docx.
  • 31. Blogs ::: Mi primer artículo en Wordpress 43 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 4. Después de seleccionar el archivo de imagen se inicia automáticamente la subida de ese archivo al servidor. Una vez concluida se mostrará la imagen. Introduce el Título de la imagen, por ejemplo, Federico García Lorca. Es la etiqueta que identificará ese archivo en la galería de imágenes guardada en el servidor para ese blog. 5. En la parte más inferior de la página que muestra la imagen se muestra la URL del enlace. Es la dirección en internet donde se ha alojado y está disponible la imagen subida original. En este caso no deseamos crear un enlace a la imagen original por lo que hacemos clic en el botón Ninguna para vaciar esta casilla. 6. En el área Alineación selecciona un tipo de alineamiento. Por ejemplo: Izquierda. Esto hace que el texto fluya alrededor de la imagen. Hay otras posibilidades. 7. En Tamaño elige la opción Tamaño completo. Wordpress genera vistas en miniatura de una imagen cuando se sube. En este caso seleccionaremos el tamaño de la imagen completa.
  • 32. Blogs ::: Mi primer artículo en Wordpress 44 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 8. Clic en el botón Insertar en la entrada. La imagen se sitúa dentro del artículo. Puedes hacer clic sobre la imagen para arrastrarla y soltarla en otro lugar del texto de la entrada. 9. De regreso al editor se mostrará la imagen insertada en el artículo. Se puede arrastrar la imagen para situarla en cualquier lugar del artículo. Nota: La imagen que se ha subido al servidor siguiendo el procedimiento descrito queda alojada en la galería multimedia asociada a ese blog. Esta galería dispone de un espacio máximo de 3 GB para guardar imágenes y otros archivos. 10. Para guardar los cambios realizados en el artículo haz clic en el botón Guardar borrador. Para ver la apariencia que tiene el artículo haz clic en el enlace Vista previa. 3.2.5 Añadir un hipervínculo Un enlace o hipervínculo puede ser un texto o imagen que se muestra en una página web y que está vinculada a otras páginas del mismo u otro sitio. Al situar el puntero del ratón sobre él, éste toma el aspecto de una mano. Al hacer clic se mostrará en el navegador web la nueva página vinculada al mismo. 1. Dentro del editor de entradas pulsa y arrastra sobre el enlace que aparece en la última línea del documento para seleccionarlo. Es un enlace a Google que ya incluye
  • 33. Blogs ::: Mi primer artículo en Wordpress 45 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado los términos de búsqueda relativos al autor que nos ocupa: http://www.google.es/search?q=Federico+García+Lorca 2. A continuación pulsa la combinación de teclas Ctrl+X para cortarla. Esta URL se ha copiado al portapapeles de Windows y se ha eliminado de la ubicación actual. 3. Pulsa y arrastra para seleccionar el texto “Más información” situado al final del documento. A continuación en la barra del editor pulsa en el botón Enlace. 4. En el cuadro de diálogo URL del enlace: haz clic derecho y elige Pegar. En la lista desplegable Destino selecciona la opción Abrir el enlace en una nueva entrada. 5. Clic en el botón Insertar para guardar la dirección pegada. 6. Para terminar haz clic en el botón Guardar borrador. 3.2.6 Otras opciones de la entrada En la página donde se edita una entrada se pueden configurar distintas opciones de este artículo:  Publicar. Se pueden definir los siguientes parámetros del artículo haciendo clic en el enlace Editar que acompaña a cada uno: o Estado. Borrador –no publicado-, Pendiente de revisión o Publicado. o Visibilidad. Público, Protegido con contraseña o Privado. o Publicar inmediatamente. Permite definir la fecha y hora posterior o anterior a la actual en que se publicará esa entrada. La opción por defecto es: inmediatamente aunque si se define una fecha futura y se pulsa en el botón Publicar, la entrada no será visible hasta que se alcance esa fecha.
  • 34. Blogs ::: Mi primer artículo en Wordpress 46 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado  Etiquetas de la entrada. Introduce las etiquetas o palabras clave que deseas asociar al artículo pero separadas por comas. Ejemplo: poesía, generación 27. Clic en el botón Añadir.  Categorías. Permiten clasificar las entradas. Una entrada puede clasificarse en una o más categorías. Esto puede permitir por ejemplo el filtrado de todas las entradas del blog que se hayan clasificado en la misma categoría. Para ello basta marcar la casilla de verificación de la categoría o categorías elegidas. Para añadir una categoría haz clic en el enlace Añadir nueva categoría, introduce el identificador de esa nueva categoría y pulsa en el botón Añadir.  Comentarios. Activa la casilla Permitir comentarios para permitir los comentarios de los usuarios a esta entrada. Activa la casilla Permitir trackbacks y pingbacks para facilitar los avisos al publicarse este artículo.
  • 35. Blogs ::: Mi primer artículo en Wordpress 47 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 3.2.7 Publicar la entrada 1. Clic en el botón Publicar para que el artículo se visualicepor los lectores del blog. 2. Para ver el resultado final haz clic en el enlace Visitar sitio o bien en el enlace Vista previa que se ofrece en el cuadro de Publicación de esa entrada. 3.2.8 Enlace permanente a una entrada Al pulsar sobre el título de un artículo, éste se mostrará de forma individual en la página y al final aparecerán los comentarios asociados. Si en ese momento te fijas en la barra de dirección del navegador web, podrás comprobar que ese artículo dispone de una URL que permite acceder al mismo de forma individual. Su formato suele ser: http://<identificador_de_blog>.wordpress.com/<añopub>/<mespub>/diapub>/<titulo- entrada>/ Este enlace recibe el nombre de Enlace permanente a una entrada.
  • 36. Blogs ::: Mi primer artículo en Wordpress 48 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado Cuando se está editando una entrada, en la parte superior del editor, se muestra este enlace permanente. Si pulsas en el botón Editar puedes cambiar la última parte de esta dirección. Otra posibilidad es pulsar en el botón conseguir URL corta que proporciona una dirección más corta de acceso directo a este artículo.
  • 37. Blogs ::: Gestión de artículos en Blogger 49 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 4. Gestión de artículos
  • 38. Blogs ::: Gestión de artículos en Blogger 50 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 4.1 Gestión de artículos en Blogger
  • 39. Blogs ::: Gestión de artículos en Blogger 51 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 4.1.1 Modificar un artículo 1. Existen distintos procedimientos alternativos para modificar un artículo ya existente:  Desde el Escritorio de Blogger haz clic en el enlace Editar entradas.  Desde el backend de administración del blog haz clic en la pestaña Creación de entradas y luego en la subpestaña Editar entradas.  Si navegas por el frontend del blog y previamente te has autentificado como administrador del mismo, en cada artículo publicado se mostrará un icono de “lápiz” para editar esa entrada directamente. 2. Si has seguido los dos primeros métodos accederás al listado de artículos del blog. Haz clic en el enlace Editar de la entrada correspondiente para acceder a su edición.
  • 40. Blogs ::: Gestión de artículos en Blogger 52 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 3. Si el listado de entradas es muy numeroso, para facilitar la localización del artículo a editar se puede filtrar por un término de búsqueda que se introduce en la casilla Buscar. Otra posibilidad es pulsar en el enlace Borradores, Programadas, Importadas o Publicadas según su estado de publicación. 4. Realiza los cambios oportunos en el contenido del artículo y para guardar los cambios pulsa en el botón PUBLICAR ENTRADA (si el artículo ya está publicado) o bien en GUARDAR AHORA (si el artículo está pendiente de publicación). 4.2 Estados de publicación En función del estado de publicación, las entradas se clasifican en:  Borradores. Son las entradas que no están publicadas. No se visualizan en el frontend del blog, bien porque no se han terminado todavía o bien porque se ha decidido despublicarlas.  Programadas. En su elaboración se ha definido una fecha futura y al final se ha pulsado en el botón PUBLICAR ENTRADA. Sin la mediación posterior del autor, los lectores tendrán acceso al artículo a partir de la fecha establecida. Mientras tanto la entrada será considerada como Programada y al activarse pasará a la categoría de Publicada.  Importadas. Se trata de entradas que se han creado a partir de la importación de un archivo XML que contiene los artículos exportados de otro blog.  Publicadas. Son las entradas visibles por los lectores. 4.3 Eliminar un artículo Para eliminar un artículo desde el panel de entradas: 1. Haz clic en el enlace Suprimir correspondiente al artículo que deseamos eliminar. Otra posibilidad es marcar las entradas deseadas y pulsar en el botón SUPRIMIR SELECCIÓN que se ofrece en la parte inferior del listado de entradas. 2. Se muestra una pregunta de confirmación: ¿Está seguro de que desea eliminar esta entrada?. Si estás seguro del borrado pulsa en el botón SUPRIMIRLO. En caso contrario haz clic en el botón CANCELAR. Conviene manejar esta opción con precaución porque el borrado es irreversible.
  • 41. Blogs ::: Gestión de artículos en Blogger 53 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado Nota: Si el artículo contiene alguna imagen también se solicita confirmación para eliminarla o bien conservarla. Recuerda que las imágenes subidas se guardan en la cuenta de Picasa asociada al usuario Google con que se ha creado el blog. 4.4 Publicar y despublicar Una vez que se ha publicado una entrada se puede volver a despublicar para que no sea visible por los lectores del blog. El procedimiento para volver a convertir en borrador una entrada es el siguiente: 1. Accede al listado de entradas del interfaz de administración mediante el enlace Editar entradas. 2. Clic en el enlace Editar que acompaña al título de la entrada en la lista. 3. Si el artículo está publicado se mostrará en la parte inferior un botón con el texto GUARDAR COMO BORRADOR. Al pulsar en este botón, la entrada se convierte en borrador y no se visualiza en el blog.
  • 42. Blogs ::: Gestión de artículos en Blogger 54 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 4.5 Asignar etiquetas Las etiquetas son palabras clave que permiten organizar y clasificar los artículos por temas o autores. Cuando se crea un artículo se le pueden asignar una o varias etiquetas. Los lectores pueden consultar todas las entradas correspondientes a un tema haciendo clic en la etiqueta correspondiente. Otra posibilidad es asignar su propia etiqueta a cada autor del blog para poder leer fácilmente todas las entradas de cada uno. 1. Cuando se edita una entrada, en la parte inferior del editor se muestra un espacio con el título Etiquetas de esta entrada donde se pueden introducir las etiquetas que desees separadas por comas. 2. También se puede hacer clic en el enlace Mostrar todo para ver la lista de etiquetas ya creadas previamente. Para añadir una simplemente hacer clic en ella. 3. Cuando se publica un artículo se muestra acompañado de las etiquetas asociadas. Al hacer clic sobre una de estas etiquetas, se accederá a una página que contiene solamente las entradas con esta etiqueta. 4. Se puede modificar fácilmente el diseño del blog añadiendo un gadget con la lista de todas las etiquetas utilizadas en tu blog. Este gadget se mostrará en la columna lateral de tu blog y mostrará las etiquetas ordenadas alfabéticamente o por frecuencia de uso.
  • 43. Blogs ::: Gestión de artículos en Blogger 55 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 5. Durante la edición de entradas se puede filtrar el listado de artículos para que se muestren solamente las entradas asociadas a un etiqueta concreta, haciendo clic en la etiqueta correspondiente del listado que aparece en la columna izquierda. 6. Las etiquetas se pueden crear directamente durante la edición de un artículo tecleándolas separadas por comas tal y como se describía en el punto 1 de este apartado. Sin embargo un método más seguro quizás sea crearlas desde el panel de entradas para luego simplemente seleccionar la etiqueta o etiquetas adecuadas cuando se edita el artículo. Para crear las etiquetas desde el panel de entradas debes desplegar el listado Acciones de etiquetas … y elegir la opción Nueva etiqueta. En el cuadro que se muestra introduce la nueva etiqueta y pulsa en Aceptar. Nota: No se pueden utilizar los siguientes caracteres en las etiquetas: &<>@!, 4.6 Publicar artículos desde el correo electrónico En este apartado veremos cómo publicar una entrada en el blog desde el correo electrónico. Se propone utilizar la cuenta de correo GMail asociada al usuario Google creado. Sin embargo se podría utilizar cualquier otra cuenta de correo electrónico. 1. Descarga y descomprime el archivo agala.zip. Como resultado de la extracción obtendrás una página HTML y una imagen JPG.
  • 44. Blogs ::: Gestión de artículos en Blogger 56 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 2. Antes de continuar es necesario configurar tu blog para que acepte la publicación de entradas vía email. Para ello abre el navegador web y visita la URL de Blogger: http://www.blogger.com 3. Introduce las credenciales de acceso: usuario y contraseña. Pulsa en el botón Acceder. 4. En el panel del Escritorio haz clic en el enlace Configuración correspondiente al blog que deseamos modificar. 5. Clic en la pestaña Correo electrónico y móvil 6. En el apartado Opciones para la creación de entradas define una dirección secreta para la creación de entradas por correo electrónico. Introduce una palabra compleja y cámbiala con cierta periodicidad. Formará parte de la dirección de correo electrónico a la que debes enviar una entrada para que se publique en tu blog.
  • 45. Blogs ::: Gestión de artículos en Blogger 57 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 7. Puedes elegir 3 opciones:  Publicar correos electrónicos inmediatamente. Si eliges esta opción el mensaje se publicará directamente al enviarlo.  Guardar correos electrónicos como borrador de entradas. El mensaje se guardará como un borrador y será necesario acceder al backend del blog para supervisar su contenido, asignarle las correspondientes etiquetas y publicarlo.  Inhabilitado. Esta opción inhabilita el envío por email de entradas. 8. Para finalizar haz clic en el botón GUARDAR CONFIGURACIÓN. Si la nueva configuración se ha guardado con éxito se mostrará el correspondiente mensaje. A partir de este momento tu blog está preparado. 9. A continuación accede al interfaz web de tu cuenta de correo electrónico en Gmail. Para ello utiliza uno de estos procedimientos alternativos:  Desde el escritorio de Blogger haz clic en el enlace Mi cuenta que aparece en la esquina superior derecha de la página. Haz clic en el enlace GMail.  Abre una ventana en el navegador web y accede a la dirección individual de tu cuenta en GMail: http://www.gmail.com. En el cuadro Acceda a Gmail con su Cuenta de Google, introduce el nombre de usuario y contraseña que has utilizado en Blogger. Clic en el botón Acceder. 10. Clic en el botón Redactar para iniciar la composición de un nuevo mensaje.
  • 46. Blogs ::: Gestión de artículos en Blogger 58 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 11. Minimiza la ventana del navegador web para utilizar el explorador de archivos de Windows y hacer doble clic para abrir la página HTML: agala.html que has obtenido antes. Esta acción mostrará esta página en una nueva ventana del navegador web. 12. Esta página HTML muestra información sobre la vida y obras del escritor Antonio Gala. Haz clic derecho sobre ella y elige Seleccionar todo en el menú contextual que se muestra. Vuelve a hacer clic derecho y selecciona Copiar. 13. Regresa a la ventana de GMail. Completa el nuevo mensaje con los siguientes datos:  Para: escribe la dirección de correo electrónico secreta que has configurado en tu blog.  Asunto: será el título de la entrada en el blog. Ejemplo: Antonio Gala.  Texto: Haz clic derecho sobre este cuadro y elige la opción Pegar. Esta acción pegará el código copiado anteriormente de la página agala.html. Observa que se trata de un texto con formato y enlaces que también puede crearse o modificar utilizando las propias herramientas del editor de mensaje de Gmail. También podría ser un mensaje de texto plano. 14. Para insertar una imagen en el artículo final es necesario enviarla como adjunto del mensaje de correo electrónico. Clic en el enlace Adjuntar un archivo para localizar y abrir el archivo de imagen lorca.jpg. 15. Para enviar el mensaje haz clic en el botón Enviar.
  • 47. Blogs ::: Gestión de artículos en Blogger 59 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 16. Si has configurado tu blog para que el mensaje se publique directamente entonces se mostrará directamente para tus lectores. Notas:  Pies de mensajes. Si deseas evitar que se publiquen en el blog los pies de mensajes que algunos servidores de correo insertan de forma automática puedes utilizar la etiqueta #end al final del cuerpo del mensaje.  Colaboración. La publicación por email puede resultar interesante para colaboradores del blog que no tengan credenciales de acceso al backend del mismo. En este caso el administrador o administradores principales podrían configurar el blog para que los artículos así enviados se guarden como borradores pendientes de publicación en lugar de que se publiquen directamente.  Etiquetas. En la actualidad no es posible asignar etiquetas a un artículo cuando se envía por email. Sin embargo posteriormente se puede acceder a la gestión del blog para asignárselas.
  • 48. Blogs ::: Gestión de artículos en Blogger 60 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 4.7 Exportar e importar entradas Los artículos de un blog se pueden exportar a otro blog. Esto es especialmente útil para crear copias de seguridad en local frente a intrusos (robo de contraseñas, ataque de spam, etc), mover los artículos de un blog a otro, migrar de un blog de Blogger a otro sistema, etc. La exportación/importación de artículos produce como resultado un archivo XML que contiene información de las entradas y los comentarios. No incluye los archivos de imagen ni ningún dato sobre la configuración de la plantilla. Exportación 1. Desde el interfaz de gestión de contenidos del blog cuyos artículos deseamos exportar, selecciona la pestaña Configuración > Básico. Clic en el enlace Exportar blog. 2. En la página Exporta tu blog haz clic en el botón DESCARGAR BLOG. 3. Se muestra el cuadro de diálogo Abriendo blog-dd-mm-aaaa.xml donde se ofrece la posibilidad de abrir o descargar el archivo XML con la información. Selecciona la opción Guardar archivo y haz clic en el botón Aceptar. El archivo XML se crear y guarda con un nombre de la forma blog-dd-mm-aaaa-xml donde aparece el día (d), mes (d) y año en que se genera esa exportación.
  • 49. Blogs ::: Gestión de artículos en Blogger 61 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 4. Clic en el botón Guardar. Al cabo de unos instantes dispondremos de este archivo XML guardado en el equipo. Importación 1. Desde el interfaz de gestión del blog donde deseas importar los artículos guardados, haz clic en la pestaña Configuración > Básico. Clic en el enlace Importar blog. 2. Desde la página Importar un blog haz clic en el botón Examinar para localizar el archivo blog-dd-mm-aaaa-xml que hemos guardado en nuestro equipo como resultado de un proceso de exportación anterior.
  • 50. Blogs ::: Gestión de artículos en Blogger 62 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 3. Introduce la palabra antispam y marca la opción Publicar automáticamente todas las entradas importadas para que los artículos importados se publiquen directamente en el blog. Si deseas revisarlos antes de publicarlos puedes desmarcar esta opción. Recuerda que los artículos mantienen su fecha original salvo que se modifique. Para concluir pulsa en el botón IMPORTAR BLOG. Al cabo de unos instantes se mostrará el listado de entradas con los nuevos artículos.
  • 51. Blogs ::: Gestión de artículos en Wordpress 63 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 4. Gestión de artículos en Wordpress
  • 52. Blogs ::: Gestión de artículos en Wordpress 64 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 4.2.1 Modificar un artículo 1. Existen distintos procedimientos alternativos para modificar un artículo ya existente:  Desde el Escritorio de Wordpress haz clic en el enlace Entradas  Desde el backend de administración del blog haz clic en el encabezado de bloque Entradas y luego en la subopción Editar.  Si navegas por el frontend del blog y previamente te has autentificado como administrador del mismo, dependiendo del tema definido en el blog, en cada artículo publicado se mostrará un enlace para editar esa entrada directamente.
  • 53. Blogs ::: Gestión de artículos en Wordpress 65 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 2. Si has seguido los dos primeros métodos accederás al listado de artículos del blog. Haz clic en el enlace Editar de la entrada correspondiente para acceder a su edición. También puedes hacer un simple clic sobre el enlace situado en el titulo de la Entrada. 3. Si el listado de entradas es muy numeroso, para facilitar la localización del artículo a editar se puede filtrar por fechas o categorías, etc. Otra opción es realizar una búsqueda por un término que se introduce en la casilla Buscar entradas. También es posible pulsar en el enlace Todos, Borradores, Pendientes de revisión y Publicadas según su estado de publicación. 4. Realiza los cambios oportunos en el contenido del artículo y para guardar los cambios pulsa en el botón Actualizar (si el artículo ya está publicado) o bien en Guardar borrador (si el artículo está pendiente de publicación). 4.2.2 Estados de publicación En función del estado de publicación, las entradas se clasifican en:  Borradores. Son las entradas que no están publicadas. No se visualizan en el frontend del blog, bien porque no se han terminado todavía o bien porque se ha decidido despublicarlas.  Pendientes de revisión. La entrada está pendiente de revisión por parte de un usuario gestor del blog con capacidad para editarlo y publicarlo.  Publicadas. Son las entradas visibles por los lectores.  Programado. No es un estilo definido en Wordpress pero se corresponde con una entrada publicada en una fecha posterior a la actual. Se visualizará en el frontend cuando se alcance la fecha y hora definidas.
  • 54. Blogs ::: Gestión de artículos en Wordpress 66 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 4.2.3 Eliminar un artículo Para eliminar un artículo desde el panel del listado de entradas existen varios procedimientos alternativos: 1. En la entrada que deseas eliminar haz clic en el enlace Papelera. 2. Marca la casilla de verificación de la entrada que deseas eliminar y en la lista desplegable Acciones en lote elige la opción Mover a la papelera y pulsa en el botón Aplicar. Cuando se envía una entrada a la papelera ésta se puede recuperar posteriormente. Se accede a las entradas situadas en la papelera haciendo clic en el enlace Papelera. Desde el listado de entradas de la papelera se pueden eliminar de forma permanente en el enlace Borrar permanentemente o bien Restaurar esa entrada para recuperarla de la papelera.
  • 55. Blogs ::: Gestión de artículos en Wordpress 67 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 4.2.4 Publicar y despublicar Una vez que se ha publicado una entrada se puede volver a despublicar para que no sea visible por los lectores del blog. El procedimiento para volver a convertir en borrador una entrada es el siguiente: 1. Accede al listado de entradas del interfaz de administración mediante el enlace Entradas > Editar. 2. Clic en el enlace situado en el título de la entrada en la lista. 3. Desde la edición de la entrada, en el cuadro Publicar situado a la derecha, haz clic en el enlace Editar que acompaña al Estado(Publicada). 4. En la lista desplegable elige la opción Borrador y pulsa en el botón Aceptar. 5. Se puede publicar un borrador durante su edición pulsando en el botón Publicar o bien modificando su Estado siguiendo un procedimiento similar al descrito para pasarlo a Borrador. 4.2.5 Asignar etiquetas Las etiquetas son palabras clave que permiten organizar y clasificar los artículos por palabras clave. Cuando se crea un artículo se le pueden asignar una o varias etiquetas. Los lectores pueden consultar todas las entradas correspondientes a un tema haciendo clic en la etiqueta correspondiente. 1. Cuando se edita una entrada, en el cuadro Etiquetas que aparece en la columna derecha se pueden introducir las etiquetas que desees separadas por comas y luego pulsar en el botón Añadir.
  • 56. Blogs ::: Gestión de artículos en Wordpress 68 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 2. También se puede hacer clic en el enlace Elige entre las etiquetas más utilizadas … para ver la lista de etiquetas ya creadas previamente. Para añadir una etiqueta simplemente haz clic en ella. Para eliminar una etiqueta del artículo haz clic en el botón cerrar que acompaña a esa etiqueta en el listado asignado. 3. Cuando se publica un artículo se muestra acompañado de las etiquetas asociadas. Al hacer clic sobre una de estas etiquetas, se accederá a una página que contiene solamente las entradas con esta etiqueta. 4. Se puede modificar fácilmente el diseño del blog añadiendo un widget con la lista de todas las etiquetas utilizadas en tu blog en forma de nube. 5. Durante la edición de entradas se puede filtrar el listado de artículos para que se muestren solamente las entradas asociadas a un etiqueta concreta, haciendo clic en la etiqueta correspondiente en cualquiera de las entradas que la contienen. 6. Las etiquetas se pueden crear directamente durante la edición de un artículo tecleándolas separadas por comas tal y como se describía en este apartado. Sin embargo un método más seguro quizás sea crearlas desde el panel de entradas para luego simplemente seleccionar la etiqueta o etiquetas adecuadas cuando se edita el artículo. Para crear las etiquetas desde el interfaz de gestión elige Entradas > Etiquetas de las entradas. En la página Añadir nueva etiqueta puedes introducir esa etiqueta, su descripción (opcional) y luego pulsa en el botón Añadir etiqueta.
  • 57. Blogs ::: Gestión de artículos en Wordpress 69 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado Nota: No se pueden utilizar los siguientes caracteres en las etiquetas: &<>@!, 4.2.6 Publicar artículos desde el correo electrónico En este apartado veremos cómo publicar una entrada en el blog desde el correo electrónico. Se propone utilizar la cuenta de correo GMail asociada al usuario Google creado. Sin embargo se podría utilizar cualquier otra cuenta de correo electrónico. 1. Descarga y descomprime el archivo agala.zip. Como resultado de la extracción obtendrás una página HTML y una imagen JPG. 2. Antes de continuar es necesario configurar tu blog para que acepte la publicación de entradas vía email. Desde el interfaz de administración de tu blog selecciona Mi cuenta > Mis blogs situado en la barra de menú horizontal superior.
  • 58. Blogs ::: Gestión de artículos en Wordpress 70 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 3. Se muestra el listado de blogs que administramos en Wordpress. Para el blog que nos ocupa haz clic en el botón Activado en la columna Publicar por email. 4. Se genera una dirección de correo secreta y aleatoria. Es la dirección de correo electrónico a la que debes enviar una entrada para que se publique en tu blog. 5. Si haces clic en el enlace vCard te podrás descargar un archivo de contacto de correo electrónico vCard conteniendo la dirección que puedes utilizar para añadir ese contacto a tu libreta de direcciones. 6. Si pulsas en el enlace Regenerar se creará otra dirección de correo aleatoria. Conviene cambiarla cada cierto tiempo por motivos de seguridad. 7. Para desactivar la posibilidad de enviar por correo electrónico a ese blog haz clic en el enlace Borrar. A continuación ya puedes enviar el mensaje de correo electrónico con la entrada. Para ello se propone utilizar el webmail de GMail (http://www.gmail.com) y esto supone que debes tener cuenta en GMail. No obstante se puede hacer desde cualquier cuenta de correo electrónico tanto utilizando webmail como un programa cliente de correo como Outlook o similar. 8. Abre una ventana en el navegador web y accede a la dirección individual de tu cuenta en GMail: http://www.gmail.com. En el cuadro Acceda a Gmail con su Cuenta de Google, introduce el nombre de usuario y contraseña. Clic en el botón Acceder.
  • 59. Blogs ::: Gestión de artículos en Wordpress 71 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 9. Clic en el botón Redactar para iniciar la composición de un nuevo mensaje. 10. Minimiza la ventana del navegador web para utilizar el explorador de archivos de Windows y hacer doble clic para abrir la página HTML: agala.html que has obtenido antes. Esta acción mostrará esta página en una nueva ventana del navegador web. 11. Esta página HTML muestra información sobre la vida y obras del escritor Antonio Gala. Haz clic derecho sobre ella y elige Seleccionar todo en el menú contextual que se muestra. Vuelve a hacer clic derecho y selecciona Copiar. 12. Regresa a la ventana de GMail. Completa el nuevo mensaje con los siguientes datos:  Para: escribe la dirección de correo electrónico secreta que has configurado en tu blog.  Asunto: será el título de la entrada en el blog. Ejemplo: Antonio Gala.  Texto: Haz clic derecho sobre este cuadro y elige la opción Pegar. Esta acción pegará el código copiado anteriormente de la página agala.html. Observa que se trata de un texto con formato y enlaces que también puede crearse o modificar utilizando las propias herramientas del editor de mensaje de Gmail. También podría ser un mensaje de texto plano.
  • 60. Blogs ::: Gestión de artículos en Wordpress 72 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 13. Para insertar una imagen en el artículo final es necesario enviarla como adjunto del mensaje de correo electrónico. Clic en el enlace Adjuntar un archivo para localizar y abrir el archivo de imagen lorca.jpg. 14. Para enviar el mensaje haz clic en el botón Enviar. 15. El contenido enviado se habrá publicado como una nueva entrada en el blog. Observa que la imagen adjuntada se ha añadido al final del artículo.
  • 61. Blogs ::: Gestión de artículos en Wordpress 73 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado Algunas características de la publicación por email: Adjuntos. Si se envía una sola imagen adjunta, ésta se mostrará al final del artículo y separada del texto. Si se envían varias imágenes adjuntas, éstas se mostrarán como una galería. Si envías como adjunto un archivo de audio MP3, éste se mostrará usando el reproductor de audio de Wordpress. Si envías otros archivos de documentos como PDF, DOC, etc entonces se mostrarán como enlaces en el artículo. Códigos especiales de publicación. Se pueden incluir en el mensaje de correo electrónico códigos especiales que configuran distintos aspectos del artículo publicado. Se pueden escribir en cualquier sitio del mensaje y deben ir siempre en minúsculas y entre corchetes.  [category x,y,z] Define la categoría o categorías en que se clasifica esa entrada.  [tags x,y,z] Define las etiquetas de la entrada.  [delay +1 hour] Establece un retraso de 1 hora en la publicación de esa entrada a partir del instante en que se recibe. Por defecto se publica inmediatamente que se recibe.  [comments on | off] Activa (on) o Desactiva los comentarios a esa entrada.  [status publish | pending | draft | private] Define el estado de la entrada: publicado, pendiente, borrador o privado. Más información en: http://en.support.wordpress.com/post-by-email/ 4.2.7 Exportar e importar entradas Los artículos de un blog se pueden exportar a otro blog. Esto es especialmente útil para crear copias de seguridad en local frente a intrusos (robo de contraseñas, ataque de spam, etc), mover los artículos de un blog a otro, migrar de un blog de Wordpress a otro sistema, etc. La exportación/importación de artículos produce como resultado un archivo XML que contiene información de las entradas, comentarios, categorías, etiquetas, etc. Este fichero NO incluye los archivos de imagen ni ningún dato sobre la configuración de la plantilla. Exportación 1. Desde el interfaz de gestión de contenidos del blog cuyos artículos deseamos exportar, selecciona la opción Herramientas > Exportar.
  • 62. Blogs ::: Gestión de artículos en Wordpress 74 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 2. En la página Exporta haz clic en el botón Descargar el archivo de exportación. Es posible desplegar un combo y elegir un solo autor para importar las entradas creadas por un autor en concreto. En este caso se propone exportar las entradas de todos los autores. 3. Se muestra el cuadro de diálogo Abriendo wordpress.aaaadd-mm-dd.xml donde se ofrece la posibilidad de abrir o descargar el archivo XML con la información. Selecciona la opción Guardar archivo y haz clic en el botón Aceptar. El archivo XML se crear y guarda con un nombre de la forma wordpress.aaaadd-mm-dd.xml donde aparece el día (d), mes (d) y año en que se genera esa exportación.
  • 63. Blogs ::: Gestión de artículos en Wordpress 75 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 4. Clic en el botón Guardar. Al cabo de unos instantes dispondremos de este archivo XML guardado en el equipo. Importación 1. Desde el interfaz de gestión del blog donde deseas importar los artículos guardados, haz clic en la pestaña Herramientas > Importar. 2. Desde la página Importar haz clic en el sistema desde el que importarás. Es posible importar las entradas a partir de un XML de Blogger o de Wordpress. En este caso haz clic en Wordpress. 3. Desde la página Importar desde Wordpress haz clic en el botón Examinar para localizar el archivo wordpress.aaaa-mm-dd.xml que hemos guardado en nuestro equipo como resultado de un proceso de exportación anterior.
  • 64. Blogs ::: Gestión de artículos en Wordpress 76 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 4. Pulsa en el botón Subir archivo e importar. 5. En la siguiente página es necesario Asignar autores para indicar a qué autor del blog actual se asignarán las entradas importadas. Para ello se elige uno en la lista desplegable. 6. En el apartado Importar adjuntos marca la casilla Descargar e importar archivos adjuntos para guardar en el blog actual las imágenes y archivos enlazados en los artículos importados. 7. Para terminar pulsa en el botón Enviar. Esta acción añadirá a nuestro blog las entradas contenidas en el XML de importación.
  • 65. Blogs ::: El editor de entradas en Blogger 77 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 5. El editor de entradas
  • 66. Blogs ::: El editor de entradas en Blogger 78 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 5.1 El editor de entradas en Blogger
  • 67. Blogs ::: El editor de entradas en Blogger 79 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 5.1.1 Formato de texto Blogger ofrece un editor visual que proporciona ciertas prestaciones para la edición en línea del texto de artículos. Una práctica habitual de la edición en línea de contenidos es la preparación previa del texto con un procesador de textos local: Word, Writer, Bloc de Notas, etc. Una vez finalizado el artículo se puede publicar en el blog copiando y pegando sobre su editor. De esta forma durante la edición en línea siempre se dispondrá de una copia de seguridad en local. 1. Descarga y descomprime el archivo einstein.zip. Como resultado obtendrás el archivo de texto einstein.txt y el archivo de imagen einstein.jpg. 2. Haz doble clic sobre el archivo einstein.txt para abrirlo con el Bloc de Notas. Selecciona Edición > Seleccionar todo para seleccionar el texto completo que contiene este archivo y a continuación elige Edición > Copiar para copiarlo al portapapeles de Windows. Cierra la ventana del Bloc de Notas.
  • 68. Blogs ::: El editor de entradas en Blogger 80 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 3. Abre el navegador web y accede a la URL de inicio de Blogger: https://www.blogger.com/start?hl=es 4. Introduce sus credenciales (usuario y contraseña) en el apartado Accede a través de tu cuenta de Google y pulsa en el botón Acceder 5. Si el proceso de autentificación se ha producido con éxito te situarás en el Escritorio. 6. En este panel aparecerán los distintos blogs que gestionas en Blogger. 7. Clic en el botón NUEVA ENTRADA para acceder directamente al interfaz de edición del blog donde deseas publicar el artículo. 8. Teclea el título: Albert Einstein. Haz clic dentro del editor de artículos y a continuación haz clic derecho para elegir la opción Pegar. Esta acción pegará el texto copiado del archivo de texto anterior evitando tener que teclearlo. Notas:  Como ocurre en la mayoría de editores visuales en línea es recomendable copiar y pegar a partir de texto plano creado con el Bloc de Notas. Otra posibilidad, para diseños más elaborados, es editar previamente la página con un editor visual HTML como Kompozer (http://kompozer.net/). Lo que NO se recomienda es pegar a partir de un documento Word porque se introduce código oculto innecesario y en ocasiones produce que no se vea adecuadamente. En este caso es preferible utilizar el Bloc de Notas como paso intermedio para pegar el contenido Word y luego volver a seleccionar y copiar para pegarlo sobre el editor final.  El texto pegado es un guión del artículo a realizar. Incluye anotaciones entre corchetes que referencian la posición de la imagen y el formato de los distintos fragmentos del texto. Es necesario borrar estas anotaciones entre corchetes y aplicar los cambios apuntados.
  • 69. Blogs ::: El editor de entradas en Blogger 81 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 9. Elimina la primera línea porque el título ya lo hemos escrito en un paso anterior. Elimina también la anotación de la imagen para insertar en esa posición la foto solicitada. 10. En la barra de herramientas del editor haz clic en el botón Añadir Imagen. 11. Se mostrará una nueva ventana para subir la imagen desde nuestro equipo. Clic en el botón Examinar para localizar y señalar el archivo einstein.jpg que hemos obtenido en un paso anterior. Observa que sólo se admiten los formatos de imagen: gif, jpg y png. 12. En el área Elige un diseño selecciona un tipo de alineamiento. Por ejemplo: Izquierda. 13. En la parte inferior activa la casilla de aceptación de condiciones y pulsa en el botón SUBIR IMAGEN. 14. Si el proceso de subida se realiza con éxito se mostrará la imagen y el mensaje Se ha añadido su imagen. Clic en el botón FINALIZADO.
  • 70. Blogs ::: El editor de entradas en Blogger 82 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 15. Al finalizar esta tarea la imagen se habrá insertado dentro del artículo utilizando la alineación definida. 16. Selecciona la línea que contiene las fechas de nacimiento y fallecimiento y pulsa en el botón Negrita de la barra de herramientas del editor. 17. Selecciona el texto “Teoría de la Relatividad Especial” y aplícale el efecto Cursiva. 18. Selecciona el texto “Su fórmula E=mc2 es la más popular de la física” y aplícale la Alineación al centro. 19. A este mismo fragmento aplícale el efecto Cursiva y luego despliega la paleta de Color de Texto y elige el color rojo.
  • 71. Blogs ::: El editor de entradas en Blogger 83 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 20. Selecciona el primer subtítulo: “Biografía” y a continuación en la barra de herramientas selecciona Large como Tamaño de fuente. 21. Selecciona todos los ítems de la lista numerada de la biografía de Einstein y pulsa en el botón Lista Numerada de la barra de herramientas del editor. Tendrás que borrar en cada elemento el número que venía escrito. 22. Repite los pasos anteriores para el subtítulo “Teorías de Einstein” y para la lista numerada de elementos que se citan. 23. Asigna como tamaño de fuente Large al siguiente subtítulo “Para saber más”. 24. A continuación selecciona las dos referencias y pulsa en el botón Lista de viñetas.
  • 72. Blogs ::: El editor de entradas en Blogger 84 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 25. Dentro del editor de entradas pulsa y arrastra sobre el enlace que aparece en la primera referencia: Es un enlace a Google que ya incluye el término de búsqueda: http://es.wikipedia.org/wiki/Einstein 26. A continuación pulsa la combinación de teclas Ctrl+X para cortarla. Esta URL se ha copiado al portapapeles de Windows y se ha eliminado de la ubicación actual. 27. Pulsa y arrastra para seleccionar el texto “Wikipedia” situado al final del documento. A continuación en la barra del editor pulsa en el botón Enlace. 28. En el cuadro de diálogo Escribe una URL: haz clic derecho y elige Pegar. 29. Clic en el botón Aceptar para guardar la dirección pegada. 30. Repite el mismo procedimiento con el siguiente hipervínculo. 31. Para terminar haz clic en el botón GUARDAR AHORA.
  • 73. Blogs ::: El editor de entradas en Blogger 85 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 5.1.2 Corrector ortográfico El editor de entrada de Blogger proporciona un corrector ortográfico. 1. Cuando ya hayas escrito el artículo se puede activar pulsando en el botón Corrector ortográfico que se proporciona en la barra de herramientas del editor. 2. El editor destaca sobre fondo amarillo las palabras escritas que no contiene en su diccionario. Aunque en ocasiones son “falsos positivos” (es decir, son palabras que no tiene incluidas en su diccionario) en otras muchas nos puede ayudar a localizar algunas letras bailadas o faltas de ortografía. 3. Si haces clic sobre una de estas palabras destacadas, se mostrará un menú de palabras alternativas. Si seleccionas una de ellas el editor sustituirá esa palabra por la elegida. 5.1.3 El código HTML El editor del blog permite mostrar el código HTML del artículo y modificarlo. Esto facilita la inclusión de etiquetas especiales no contempladas en el entorno visual del editor. Para visualizar el artículo en modo HTML: 1. Clic en el botón Edición de HTML 2. Se muestra una ventana donde es posible editar este código. 3. Para regresar al modo visual pulsa en la pestaña Redactar. 4. Si deseas ver cómo queda el artículo puedes pulsar en el botón Vista previa.
  • 74. Blogs ::: El editor de entradas en Blogger 86 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado Nota: Más adelante se explicará cómo utilizar la edición HTML para insertar en una entrada el código embed que integra recursos multimedia alojados en otros servicios.
  • 75. Blogs ::: El editor de entradas en Wordpress 87 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 5.2 El editor de entradas en Wordpress
  • 76. Blogs ::: El editor de entradas en Wordpress 88 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 5.2.1 Formato de texto Wordpress ofrece un editor visual que proporciona ciertas prestaciones para la edición en línea del texto de artículos. Una práctica habitual de la edición en línea de contenidos es la preparación previa del texto con un procesador de textos local: Word, Writer, Bloc de Notas, etc. Una vez finalizado el artículo se puede publicar en el blog copiando y pegando sobre su editor. De esta forma durante la edición en línea siempre se dispondrá de una copia de seguridad en local. 1. Descarga y descomprime el archivo einstein.zip. Como resultado obtendrás el archivo de texto einstein.txt y el archivo de imagen einstein.jpg. 2. Haz doble clic sobre el archivo einstein.txt para abrirlo con el Bloc de Notas. Selecciona Edición > Seleccionar todo para seleccionar el texto completo que contiene este archivo y a continuación elige Edición > Copiar para copiarlo al portapapeles de Windows. Cierra la ventana del Bloc de Notas.
  • 77. Blogs ::: El editor de entradas en Wordpress 89 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 3. Teclea el título de la entrada: Albert Einstein. Haz clic dentro del editor de artículos y a continuación haz clic derecho para elegir la opción Pegar. Esta acción pegará el texto copiado del archivo de texto anterior evitando tener que teclearlo. Notas:  Como ocurre en la mayoría de editores visuales en línea es recomendable copiar y pegar a partir de texto plano creado con el Bloc de Notas. Otra posibilidad, para diseños más elaborados, es editar previamente la página con un editor visual HTML como Kompozer (http://kompozer.net/). Lo que NO se recomienda es pegar a partir de un documento Word porque se introduce código oculto innecesario y en ocasiones produce que no se vea adecuadamente. En este caso es preferible utilizar el Bloc de Notas como paso intermedio para pegar el contenido Word y luego volver a seleccionar y copiar para pegarlo sobre el editor final.  El texto pegado es un guión del artículo a realizar. Incluye anotaciones entre corchetes que referencian la posición de la imagen y el formato de los distintos fragmentos del texto. Es necesario borrar estas anotaciones entre corchetes y aplicar los cambios apuntados.
  • 78. Blogs ::: El editor de entradas en Wordpress 90 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 4. Elimina la primera línea porque el título ya lo hemos escrito en un paso anterior. Elimina también la anotación de la imagen para insertar en esa posición la foto solicitada. 5. Sobre el editor haz clic en el botón Añadir una imagen. 6. Se mostrará una nueva ventana Añadir una imagen para subir la imagen desde nuestro equipo. Clic en el botón Elegir archivos para localizar y señalar el archivo einstein.jpg que hemos obtenido en un paso anterior. Observa que sólo se admiten los formatos de imagen: gif, jpg y png. 7. Tras su selección en tu equipo y pulsar en el botón Abrir se inicia automáticamente la subida de ese archivo al servidor de Wordpress. Si el proceso de subida se ha producido con éxito se mostrará una página con los parámetros de la imagen.
  • 79. Blogs ::: El editor de entradas en Wordpress 91 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 8. Para no añadir un enlace a la imagen pulsa en el botón Ninguna en la casilla URL del enlace. De esta forma se elimina la dirección de la imagen original. 9. En la sección Alineación selecciona la opción Izquierda y en Tamaño elige la opción Tamaño completo. 10. Pulsa en el botón Insertar en la entrada para que la imagen se inserte en el artículo. Al finalizar esta tarea la imagen se habrá insertado dentro del artículo utilizando la alineación definida. 11. Selecciona la línea que contiene las fechas de nacimiento y fallecimiento y pulsa en el botón Negrita de la barra de herramientas del editor.
  • 80. Blogs ::: El editor de entradas en Wordpress 92 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 12. Selecciona el texto “Teoría de la Relatividad Especial” y aplícale el efecto Cursiva. 13. Selecciona el texto “Su fórmula E=mc2 es la más popular de la física” y aplícale la Alineación al centro. 14. A este mismo fragmento aplícale el efecto Cursiva y luego despliega la paleta de Color de Texto y elige el color rojo.
  • 81. Blogs ::: El editor de entradas en Wordpress 93 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 15. Selecciona el primer subtítulo: “Biografía” y a continuación en la barra de herramientas selecciona Titulo 2 como Tamaño de fuente. 16. Selecciona todos los ítems de la lista numerada de la biografía de Einstein y pulsa en el botón Lista Numerada de la barra de herramientas del editor. Tendrás que borrar en cada elemento el número que venía escrito. 17. Repite los pasos anteriores para el subtítulo “Teorías de Einstein” y para la lista numerada de elementos que se citan. 18. Asigna como tamaño de fuente Titulo 2 al siguiente subtítulo “Para saber más”. 19. A continuación selecciona las dos referencias y pulsa en el botón Lista de viñetas.
  • 82. Blogs ::: El editor de entradas en Wordpress 94 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 20. Dentro del editor de entradas pulsa y arrastra sobre el enlace que aparece en la primera referencia: Es un enlace a Google que ya incluye el término de búsqueda: http://es.wikipedia.org/wiki/Einstein 21. A continuación pulsa la combinación de teclas Ctrl+X para cortarla. Esta URL se ha copiado al portapapeles de Windows y se ha eliminado de la ubicación actual. 22. Pulsa y arrastra para seleccionar el texto “Wikipedia” situado al final del documento. A continuación en la barra del editor pulsa en el botón Enlace. 23. En el cuadro de diálogo Insertar/Editar enlace: haz clic derecho en la casilla URL del enlace y elige Pegar. En el Destino selecciona la opción Abrir el enlace en una nueva ventana. 24. Clic en el botón Insertar para guardar la dirección pegada. 25. Repite el mismo procedimiento con el siguiente hipervínculo. 26. Para terminar haz clic en el botón Guardar borrador.
  • 83. Blogs ::: El editor de entradas en Wordpress 95 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 5.2.2 Corrector ortográfico El editor de entrada de Wordpress proporciona un corrector ortográfico. 1. Cuando ya hayas escrito el artículo se puede activar pulsando en el botón Corrector ortográfico que se proporciona en la barra de herramientas del editor. 2. El editor destaca sobre fondo amarillo las palabras escritas que no contiene en su diccionario. Aunque en ocasiones son “falsos positivos” (es decir, son palabras que no tiene incluidas en su diccionario) en otras muchas nos puede ayudar a localizar algunas letras bailadas o faltas de ortografía. 3. Si haces clic sobre una de estas palabras destacadas, se mostrará un menú de palabras alternativas. Si seleccionas una de ellas el editor sustituirá esa palabra por la elegida. 5.2. 3 El código HTML El editor del blog permite mostrar el código HTML del artículo y modificarlo. Esto facilita la inclusión de etiquetas especiales no contempladas en el entorno visual del editor. Para visualizar el artículo en modo HTML:
  • 84. Blogs ::: El editor de entradas en Wordpress 96 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 1. Clic en la pestaña HTML 2. Se muestra una ventana donde es posible editar este código. 3. Para regresar al modo visual pulsa en la pestaña Visual. 4. Si deseas ver cómo queda el artículo puedes pulsar en el botón Vista previa. Nota: Más adelante se explicará cómo utilizar la edición HTML para insertar en una entrada el código embed que integra recursos multimedia alojados en otros servicios.
  • 85. Blogs ::: Diseño del blog en Blogger 97 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 6. Diseño del blog
  • 86. Blogs ::: Diseño del blog en Blogger 98 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 6.1 Diseño del blog en Blogger
  • 87. Blogs ::: Diseño del blog en Blogger 99 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado Una de las ventajas de la gestión de un blog es la independencia entre el diseño y el contenido. Esto implica que podemos cambiar fácilmente la presentación gráfica de nuestro blog a partir de plantillas que se ofrecen prediseñadas, sin que ello afecte al contenido. Blogger ofrece un repertorio de plantillas en la idea de dotar al blog de un diseño y apariencia visual personalizados. 6.1.1 Modificar la plantilla 1. Desde el interfaz de gestión de contenidos de tu blog en Blogger haz clic en la pestaña Diseño. A continuación haz clic en la pestaña Edición de HTML 2. En la parte más inferior de la página Edición de HTML, en el apartado Plantillas antiguas, haz clic en el enlace Seleccionar plantilla de diseño. 3. Se muestra el catálogo de plantillas disponibles para tu blog. Utiliza las barras de desplazamiento vertical para navegar por todo el listado. 4. Observa que en algunas plantillas se ofrecen variantes. En una plantilla en concreto puedes hacer clic sobre una de sus variantes para ver la imagen correspondiente. Si pulsas en el enlace vista preliminar de la plantilla se abrirá una nueva ventana mostrando el aspecto que tendría tu blog con ella.
  • 88. Blogs ::: Diseño del blog en Blogger 100 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 5. Haz clic, por ejemplo, en la plantilla etiqueta como No. 897 6. Para activar esa nueva plantilla haz clic en el botón GUARDAR PLANTILLA. 7. Para contemplar la nueva apariencia del blog haz clic en el enlace Ver blog. Nota: Si en la plantilla anterior habías realizado modificaciones en las fuentes y colores, estos cambios se perderán al cambiar a una nueva plantilla. Si deseas evitar esta pérdida puedes acceder a Diseño > Edición de HTML y guardar en tu equipo esa plantilla antes de cambiar a otra. 6.1.2 Fuentes y colores Una vez que hemos asignado una plantilla prediseñada a nuestro blog, Blogger ofrece la posibilidad de personalizar las fuentes y colores de ese tema. 1. Clic en las pestañas Diseño > Fuentes y colores 2. Para modificar el color de un elemento HTML (fondo principal, texto, enlaces, enlaces visitados, …), selecciónalo en la lista haciendo clic sobre él y a continuación elige el color en una de las paletas de colores que se ofrecen. El color actual de cada elemento siempre acompaña al nombre del mismo en este listado. Observa que cada vez que realizas un cambio de configuración en la parte inferior de la página se muestra una vista previa de tu blog. 3. Cuando se selecciona un elemento se puede elegir su color en tres paletas:  Colores de tu blog. Se muestran los colores elegidos en los distintos elementos de tu blog.  Colores que combinan con tu blog. Se ofrecen los colores recomendados. Es muy recomendable elegir para cada elemento un color de esta paleta para asegurar la correspondiente armonía en la carta de colores elegida.  Más colores. En esta paleta se ofrece toda la gama cromática para elegir el color deseado.
  • 89. Blogs ::: Diseño del blog en Blogger 101 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 4. Al seleccionar un elemento HTML en la lista, se mostrará el código hexadecimal del color en el cuadro de texto Editar el código hexadecimal de color. Este código tiene el formato #RRVVAA (R=Rojo, V=Verde, A=Azul) y permite introducir por teclado este valor para definir con exactitud el color de cada elemento. 5. Si deseas buscar alternativas a la distribución de colores de la plantilla seleccionada puedes pulsar reiteradamente en el enlace Mezclar los colores del blog. Esta acción repetida intercambia los colores recomendados entre los distintos elementos HTML de la plantilla. 6. Para modificar el tipo de fuente, desplázate hacia la parte inferior del listado y elige una de las entradas correspondientes a las fuentes. Por ejemplo: Fuente del texto. En el panel podrás definir la Familia de Fuente (Arial, Georgia, Trebuchet, etc), el Estilo de Fuente (Negrita o Cursiva) y el Tamaño de Fuente. 7. Para recuperar la configuración inicial de colores y fuentes puedes pulsar en el enlace Recuperar la plantilla predeterminada. 8. Para guardar la configuración definida pulsa en el botón GUARDAR CAMBIOS. 6.1.3 Elementos de una página La estructura del Frontend suele tener los siguientes elementos:  Cabecera. Muestra el título del blog y en algunos casos una imagen de fondo. Cuando el lector hace clic en el enlace que proporciona se sitúa en la portada o página principal del blog.  Entradas del blog. Contiene los artículos o entradas publicadas. Aparecen ordenados cronológicamente situándose arriba el más reciente. En la página principal solo se pueden leer un número concreto de artículos. Para acceder a los anteriores se proporciona un sistema de paginación con un enlace a “Entradas anteriores”.  Barra lateral. Contiene los gadgets o módulos que incorporan prestaciones adicionales al blog: búsqueda, artículos por meses, artículos por etiquetas, lista de enlaces, suscripción RSS, etc.
  • 90. Blogs ::: Diseño del blog en Blogger 102 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado Nota: Un blog de Blogger dispone por defecto de una barra de navegación superior. Como veremos más adelante se puede configurar la gama de colores de esta barra y también ocultarla. En este apartado se explican los procedimientos para configurar estos elementos estructurales de un blog. 1. Clic en las pestañas Diseño > Elementos de la página. 2. Desde esta página se pueden modificar algunos parámetros de los elementos estructurales 6.1.4 Barra de navegación de Blogger 1. Clic en el enlace Editar que acompaña al elemento Barra de navegación. 2. Se abre una nueva ventana Configuración de la barra de navegación.
  • 91. Blogs ::: Diseño del blog en Blogger 103 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 3. Elige un color de la barra y pulsa en el botón GUARDAR. 6.1.5 Cabecera 1. Descarga y descomprime el archivo encabezados.zip. Como consecuencia obtendrás una carpeta del mismo nombre y en cuyo interior se proporcionan distintas imágenes en formato JPG. Se trata de imágenes de tamaño 724 x 190 píxeles. En este apartado se propone utilizar alguno de ellos para personalizar el encabezado. El tamaño de imagen proporcionado se ajusta perfectamente a la plantilla No.897 o similar. Si has optado por otra plantilla habría que buscar o elaborar imágenes de otras dimensiones que se ajustasen a ella. 2. Clic en las pestañas Diseño > Elementos de la página. 3. Clic en el enlace Editar que acompaña al elemento Cabecera. 4. En la página Configurar cabecera puedes redefinir el Título del blog o su Descripción. En este caso activa la opción Imagen > Desde tu equipo y pulsa en el botón Examinar. Selecciona una imagen de encabezado de las anteriores.
  • 92. Blogs ::: Diseño del blog en Blogger 104 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 5. Al cabo de unos instantes la imagen habrá subido al servidor de Blogger. Si deseas eliminarla para subir otra haz clic en el enlace inferior Eliminar imagen. 6. Elige el tipo de Ubicación. Por ejemplo Detrás del título y la descripción. 7. Para terminar pulsa en el botón GUARDAR. 8. Si visualizas el blog verás que ahora la imagen personaliza el encabezado.
  • 93. Blogs ::: Diseño del blog en Blogger 105 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 6.1.6 Entradas del blog 1. Clic en las pestañas Diseño > Elementos de la página. 2. Clic en el enlace Editar que acompaña al elemento Entradas del blog. 3. Se muestra una nueva ventana con las opciones Configurar entradas del blog. En esta página se configura la forma en que se mostrarán las entradas en el blog. Opciones de la página principal Número de entradas en la página principal. Permite definir el número de entradas o de días con entradas que se mostrarán en la página principal o portada. Opciones de la página de entrada En esta página se decide qué elementos se mostrarán u ocultarán y de qué forma en cada entrada: fecha, publicado por, hora, número de comentarios, etiquetas, icono de edición rápida, erc.
  • 94. Blogs ::: Diseño del blog en Blogger 106 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado Ordenar elementos En esta sección se muestra el aspecto que tendrá cada entrada con los elementos seleccionados pero también permite arrastrar y reordenador los elementos situados después del cuerpo de la entrada. Guardar configuración Para guardar los cambios definidos en esta configuración haz clic en el botón GUARDAR. 6.1.7 Añadir gadgets a la barra lateral Una de las características más representativas de los blogs es disponer de una o dos columnas laterales donde se ordenan, de arriba hacia abajo, los distintos gadgets que proporcionan prestaciones adicionales al blog.
  • 95. Blogs ::: Diseño del blog en Blogger 107 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado El término gadget o widget se utiliza para referirse a un pequeño recuadro que se integra en una página web a modo de mosaico y que se ejecuta como una mini-aplicación independiente diseñada para enriquecer la información o servicios de esa página. De esta forma se pueden mostrar datos adicionales en la misma página sin tener que abandonar esta página. Para añadir un gadget: 1. Clic en el enlace Añadir un gadget. 2. Se abre una nueva ventana Añadir un gadget. Blogger proporciona un amplio catálogo de gadgets. En este listado se indica la funcionalidad de cada uno.
  • 96. Blogs ::: Diseño del blog en Blogger 108 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 3. Para añadir un gadget a la barra lateral haz clic en su botón “+”. Por ejemplo: Cuadro de búsqueda (Nuevo). Si ya has añadido ese gadget en lugar de este botón aparecerá el texto: “Ya se ha añadido”. 4. Se muestra un panel donde puedes introducir el título del gadget y configurar sus parámetros. Estos dependerán del tipo de gadget. 5. Para terminar pulsa en el botón GUARDAR. El nuevo widget se habrá añadido a la barra lateral. Para modificar los parámetros de un gadget: 1. Clic en el enlace Editar. 2. Se muestra en una ventana con la configuración de ese gadget.
  • 97. Blogs ::: Diseño del blog en Blogger 109 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 3. Realiza las modificaciones oportunas de sus parámetros y para terminar pulsa en el botón GUARDAR. Para eliminar un gadget de la columna lateral: 1. Clic en el enlace Editar de ese gadget. 2. En la ventana de configuración pulsa en el botón ELIMINAR. 3. Después de confirmar la eliminación, ésta tendrá lugar. Para cambiar el orden de los gadgets en la columna lateral: 1. Simplemente arrastra y suelta un gadget por encima o debajo del resto. 6.1.8 Algunos gadgets interesantes Se pueden añadir a tu blog los gadgets más habituales: Lista de enlaces Añade a la barra lateral una colección de enlaces favoritos a sitios web, páginas o blogs. Es la forma de implementar el clásico elemento blogroll de un blog (recopilación de enlaces a blogs). Al añadir o editar un gadget de lista de enlaces se abre una nueva ventana donde se puede configurar las propiedades de este listado:  Título: es el título que mostrará el gadget.  Número de enlaces que se mostrarán…: si lo dejas en blanco se verán todos los enlaces.  Ordenación: permite definir el orden en el listado de enlaces. En este cuadro además se proporciona un sencillo interfaz para añadir, editar o suprimir cada uno de estos enlaces. Para terminar pulsa en el botón GUARDAR.
  • 98. Blogs ::: Diseño del blog en Blogger 110 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado En el blog esta gadget se mostrará en la barra lateral proporcionando los enlaces definidos. Archivo del blog Muestra los enlaces organizados cronológicamente que permite un acceso individual a los distintos artículos del blog. Al añadir o editar el gadget de Archivo del blog se pueden configurar sus distintos parámetros:  Título: es el título que encabezará ese gadget. Este parámetro es común al resto de gadget y permite personalizar el contenido del mismo.  Estilo. Se pueden elegir tres modelos: Jerarquía (por meses y años), Lista (por meses) y Menú desplegable (combo).  Opciones. Activar o desactivar opciones como Mostrar títulos de las entradas o Mostrar primero las entradas más antiguas.  Frecuencia de archivo. Permite definir el intervalo temporal en que se mostrarán organizados los enlaces a las entradas.  Formato de fecha y Vista previa.
  • 99. Blogs ::: Diseño del blog en Blogger 111 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado Para terminar pulsa en el botón GUARDAR. En la barra lateral del blog se mostrarán unos enlaces clasificados de acuerdo con los criterios de configuración definidos. Etiquetas Muestra un listado de todas las etiquetas o categorías definidas en el blog. Cuando el lector hace clic en una etiqueta se mostrará una página con todos los artículos que contienen esas etiquetas. En la edición de la configuración de este gadget se puede definir el Título, Ordenación (por orden alfabético o por frecuencia) y si se muestra u oculta el número de entradas por etiqueta. Para terminar hacer clic en el botón GUARDAR.
  • 100. Blogs ::: Diseño del blog en Blogger 112 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado En la barra lateral se mostrará un gadget con las etiquetas o categorías. Enlaces de suscripción Ofrece a los lectores la posibilidad de suscribirse a los artículos y comentarios de tu blog utilizando los lectores de feed más conocidos. ç En la edición de la configuración de este gadget sólo es necesario definir el título con que se mostrará.
  • 101. Blogs ::: Diseño del blog en Blogger 113 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado El lector utilizará la opción Entradas > Atom para suscribirse a tu blog utilizando el navegador web por defecto o bien un programa específico para leer feed. Cuadro de búsqueda Ofrece al usuario un cuadro donde puede introducir uno o varios términos de búsqueda para buscar en las entradas o enlaces del blog. Al configurar este gadget se puede definir su Título y también sus pestañas para definir los ámbitos de búsqueda: en las entradas de tu blog, en las páginas enlazadas desde cualquier entrada de tu blog, en internet en general, en los gadgets que contengan enlaces, etc.
  • 102. Blogs ::: Diseño del blog en Blogger 114 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado Al activar este tipo de gadget en la barra lateral se mostrará un cuadro de búsqueda que permitirá buscar en estos ámbitos utilizando el motor de Google. Es posible que algunas entradas añadidas recientemente no aparezcan todavía en los resultados de la búsqueda al no haber sido indexadas por el motor de búsquedas de Google. Otros gadgets
  • 103. Blogs ::: Diseño del blog en Blogger 115 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 6.1.9 Edición HTML de la plantilla El administrador de un blog puede personalizar su estilo gráfico utilizando las opciones descritas anteriormente en este documento sin disponer de apenas conocimientos de HTML o CSS. Sin embargo si el administrador dispone de conocimientos del código también podrá aplicarlos para personalizar de una forma más fina el aspecto de su blog. Para ello: 1. Desde el interfaz de administración del blog selecciona Configuración > Edición de HTML. 2. En esta página se muestra la sección Realizar copia de seguridad/Restaurar plantilla donde es posible descargar al equipo un archivo XML que contiene la plantilla seleccionada. También es posible subir ese archivo XML al servidor una vez que hemos realizado en local todas las modificaciones oportunas. Todo ello resulta especialmente útil en la edición del código de esta plantilla: copia de seguridad en local, edición con software desde el equipo, fácil restauración a partir del original en caso de errores al modificar la plantilla, etc.
  • 104. Blogs ::: Diseño del blog en Blogger 116 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 3. En la sección Editar plantilla se puede editar en línea la plantilla utilizada en nuestro blog. Las modificaciones en este cuadro requieren disponer de ciertos conocimientos de código HTML y CSS. Si no es así se recomienda no modificarlas. Los contenidos editables de la plantilla son de dos tipos:  Variables. Son nombres de variables asignadas a los distintos elementos del blog y que en esta plantilla se declaran para asignarles un valor hexadecimal del color. Ejemplo: sidebarBGColor (color de fondo de la barra lateral).  Formato CSS. Permiten asignar formato a los distintos elementos de la plantilla utilizando código CSS. 4. Si marcas la opción Expandir plantillas de artilugios se mostrará una plantilla más compleja que permite modificar de forma más detallada el estilo gráfico de los gadgets. En este caso no vamos a marcar esta opción. 5. La edición avanzada de este código excede el propósito del curso. En la ayuda general de Blogger se proporciona información al respecto para quien decida seguir investigando en este línea. A modo de ejemplo de propone añadir el siguiente código para eliminar la barra de navegación Blogger de nuestro blog. Nota: Si has creado tu blog con el sistema nuevo de Blogger NO se recomienda utilizar los enlaces Recuperar la plantilla clásica o bien Ver la plantilla clásica. Las pantallas no se corresponderán con las capturas contenidas en este manual.
  • 105. Blogs ::: Diseño del blog en Blogger 117 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 6.1.10 Edición avanzada HTML de la plantilla En este apartado se explican dos ejemplos de cómo se puede utilizar la edición HTML de la plantilla para resolver dos requerimientos no contemplados inicialmente por Blogger. 6.1.10.1 Eliminar la barra de navegación de Blogger En algunas ocasiones puede resultar interesante eliminar la barra de navegación Blogger de nuestro blog. 1. En el código de plantilla busca la sección Page Structure y dentro de ella añade el siguiente código: #navbar-iframe { display: none; } 2. Este código CSS define la propiedad display del elemento CSS navbar-iframe como none (ninguno) para que no se visualice. 3. Para guardar los cambios realizados haz clic en el botón GUARDAR PLANTILLA. 4. Para comprobar que la barra de navegación ha desaparecido haz clic en el botón VISTA PREVIA. Si deseas recuperar esta barra eliminar el código introducido anteriormente y guarda los cambios.
  • 106. Blogs ::: Diseño del blog en Blogger 118 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 6.1.10.2 Crear un “Leer más” en un artículo de Blogger En ocasiones resulta interesante crear una entrada que muestre un texto de introducción y oculte el resto de su contenido detrás de un enlace “Leer más”. Cuando el usuario pulsa en este enlace o bien en el título del artículo, entonces la entrada se muestra completa y de forma individual en la página. Este enlace “Leer más” no se contempla por defecto en Blogger pero se puede conseguir utilizando la siguiente receta. Paso 1. Modificar la plantilla 1. Desde el interfaz de gestión de contenidos haz clic en Diseño > Edición de HTML. 2. En el cuadro del código HTML de la plantilla activa la opción Expandir plantilla de artilugios. 3. Localiza el código siguiente: <div class=’post-header-line-1’/>. 4. Vamos a añadir dos fragmentos de código en las posiciones 1 y 2 que se indican en la figura siguiente: 5. Debajo de la línea de código: <div class=’post-body’ entry-content> sitúa el siguiente código: <b:if cond='data:blog.pageType == "item"'> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p> <b:else/> <style>.fullpost{display:none;}</style>
  • 107. Blogs ::: Diseño del blog en Blogger 119 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 6. Debajo de la línea de código: <data:post.body /> sitúa el siguiente código: <a expr:href='data:post.url'>Leer Mas...</a> </b:if> 7. El resultado final es un DIV con un CSS condicional de la siguiente forma: <div class='post-header-line-1'/> <div class='post-body entry-content'> <b:if cond='data:blog.pageType == "item"'> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p> <b:else/> <style>.fullpost{display:none;}</style> <data:post.body/> <a expr:href='data:post.url'>Leer Mas...</a> </b:if> <div style='clear: both;'/> <!-- clear for photos floats --> </div> 8. Clic en el botón GUARDAR PLANTILLA Paso 2: Crear una entrada Una vez que hemos modificado la plantilla ahora es necesario crear una entrada utilizando el siguiente código HTML: <span class="fullpost"> </span>. Fuera de la etiqueta span situaremos el texto del artículo que se verá siempre y dentro de las etiquetas span el texto que sólo se verá cuando el lector pulse en el enlace “Leer más…” 1. Descarga y descomprime el archivo mariecurie.zip. Como resultado obtendrás un archivo de imagen mariecurie.jpg y un archivo de texto mariecurie.txt. 2. Haz doble clic sobre el archivo mariecurie.txt para abrirlo con el Bloc de Notas. Selecciona Edición > Seleccionar todo para seleccionar el texto completo que contiene este archivo y a continuación elige Edición > Copiar para copiarlo al portapapeles de Windows. Cierra la ventana del Bloc de Notas. 3. Abre el navegador web y accede a la URL de inicio de Blogger: https://www.blogger.com/start?hl=es 4. Introduce sus credenciales (usuario y contraseña) en el apartado Accede a través de tu cuenta de Google y pulsa en el botón Acceder 5. Si el proceso de autentificación se ha producido con éxito te situarás en el Escritorio. 6. En este panel aparecerán los distintos blogs que gestionas en Blogger. 7. Clic en el botón NUEVA ENTRADA para acceder directamente al interfaz de edición del blog donde deseas publicar el artículo. 8. Teclea el título: Marie Curie. Haz clic dentro del editor de artículos y a continuación haz clic derecho para elegir la opción Pegar. Esta acción pegará el texto copiado del archivo de texto anterior evitando tener que teclearlo.
  • 108. Blogs ::: Diseño del blog en Blogger 120 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 9. En la barra de herramientas del editor haz clic en el botón Añadir Imagen para añadir la imagen mariecurie.jpg que se ha descargado en un paso anterior. Reduce el tamaño de visualización y ajusta la imagen a la izquierda del primer párrafo. 10. Selecciona la lista de elementos de su Biografía y de su Obra para pulsar a continuación el botón Lista de viñetas para asignarles este formato. 11. Dentro del editor de entradas pulsa y arrastra sobre el enlace que aparece. Es un enlace a Google que ya incluye el término de búsqueda: http://es.wikipedia.org/wiki/Marie_Curie 12. A continuación pulsa la combinación de teclas Ctrl+X para cortarla. Esta URL se ha copiado al portapapeles de Windows y se ha eliminado de la ubicación actual. 13. Pulsa y arrastra para seleccionar el texto “Wikipedia” situado al final del documento. 14. A continuación en la barra del editor pulsa en el botón Enlace. 15. En el cuadro de diálogo Escribe una URL: haz clic derecho y elige Pegar. 16. Clic en el botón Aceptar para guardar la dirección pegada. 17. Hasta aquí el artículo se ha editado como cualquier otro. A continuación vamos a situar dentro de la etiqueta span class="fullpost"> </span> el texto que se ocultará inicialmente. Clic en la pestaña Edición HTML. 18. En el código HTML del artículo añade la etiqueta <span class="fullpost"> antes de la línea Su biografía. Y luego el cierre de esta etiqueta al final del texto: </span>. 19. Clic en el botón PUBLICAR ENTRADA. Si accedes a la lectura del artículo verás que se muestra el primer párrafo y el enlace Leer más.
  • 109. Blogs ::: Diseño del blog en Blogger 121 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado
  • 110. Blogs ::: Diseño del blog en Wordpress 122 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 6.2 Diseño del blog en Wordpress
  • 111. Blogs ::: Diseño del blog en Wordpress 123 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado Una de las ventajas de la gestión de un blog es la independencia entre el diseño y el contenido. Esto implica que podemos cambiar fácilmente la presentación gráfica de nuestro blog a partir de plantillas que se ofrecen prediseñadas, sin que ello afecte al contenido. Wordpress ofrece un amplio repertorio de plantillas o temas en la idea de dotar al blog de un diseño y apariencia visual personalizados. 6.2.1 Modificar el tema 1. Desde el interfaz de gestión de contenidos de tu blog en Wordpress haz clic en la pestaña Apariencia > Temas 2. En la parte superior de la página Administrar temas se muestra el tema actual. En este apartado se puede observar la vista previa del mismo, su nombre, autor, descripción, opciones y etiquetas. Por defecto se suele aplicar el tema Kubrick. 3. Debajo de la selección del Tema actual se muestra un amplio listado de temas en el apartado Browse Themes (Examinar Temas). Pulsa en el enlace A-Z o Más populares para acceder al listado completo paginado y ordenado alfabéticamente o por popularidad. También puedes utilizar el buscador para localizar un tema si conoces su nombre. Otra posibilidad es utilizar filtros.
  • 112. Blogs ::: Diseño del blog en Wordpress 124 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 4. Localiza y haz clic, por ejemplo, en la imagen del tema Freshy o bien en el enlace Vista previa. Se mostrará una vista previa del blog con ese nuevo tema. 5. Para activar este nuevo tema haz clic en el enlace Activar. 6. Para contemplar la nueva apariencia del blog haz clic en el enlace Ver sitio. 6.2.2 Colores del encabezado En función del tema elegido se podrán configurar unas opciones u otras. No todos los temas admiten personalización de todas las opciones. En el caso que nos ocupa vamos a configurar las distintas opciones del tema Kubrick (tema por defecto). Para ello busca y selecciona este tema antes de continuar. 1. Clic en Apariencia > Colores del encabezado. 2. Se muestra la página Colores del encabezado.
  • 113. Blogs ::: Diseño del blog en Wordpress 125 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 3. Desde esta página se puede modificar el color de la fuente del texto que aparece en el encabezado. Para ello haz clic en el botón Color de fuente y en la paleta de colores que se despliega elige un color. Para recuperar cualquier cambio pulsa en el botón Revertir. 4. Color superior/inferior. Haz clic en estos botones para definir el degradado de color lineal de fondo que se mostrará en el encabezado. 5. Para definir numéricamente el color de los parámetros anteriores pulsa en el botón Avanzado. Esto mostrará un cuadro donde es posible introducir los códigos hexadecimales de los colores de texto, superior e inferior. 6. Para guardar los cambios haz clic en el botón Save (Guardar). Si deseas recuperar los colores originales del encabezado del tema pulsa en el botón Revertir.
  • 114. Blogs ::: Diseño del blog en Wordpress 126 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 6.2.3 Cabecera La estructura del Frontend de un blog suele tener los siguientes elementos:  Cabecera. Muestra el título del blog y en algunos casos una imagen de fondo. Cuando el lector hace clic en el enlace que proporciona se sitúa en la portada o página principal del blog.  Entradas del blog. Contiene los artículos o entradas publicadas. Aparecen ordenados cronológicamente situándose arriba el más reciente. En la página principal solo se pueden leer un número concreto de artículos. Para acceder a los anteriores se proporciona un sistema de paginación con un enlace a “Entradas anteriores”.  Barra lateral. Contiene los widgets o módulos que incorporan prestaciones adicionales al blog: búsqueda, artículos por meses, artículos por etiquetas, lista de enlaces, suscripción RSS, etc. 1. Descarga y descomprime el archivo encabezados.zip. Como consecuencia obtendrás una carpeta del mismo nombre y en cuyo interior se proporcionan distintas imágenes en formato JPG. Se trata de imágenes de tamaño 740 x 192 píxeles. En este apartado se propone utilizar alguno de ellos para personalizar el encabezado. El tamaño de imagen proporcionado se ajusta perfectamente al tema Kubrick o similar. Si has optado por otra plantilla habría que buscar o elaborar imágenes de otras dimensiones que se ajustasen a ella. 2. Clic en las pestañas Apariencia > Cabecera 3. Clic en el enlace Editar que acompaña al elemento Cabecera.
  • 115. Blogs ::: Diseño del blog en Wordpress 127 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 4. En la página “Subir una nueva imagen de cabecera” haz clic en el botón Examinar… para localizar una imagen JPG en la carpeta encabezados que has obtenido en el paso anterior. Clic en el botón Subir. 5. Al cabo de unos instantes la imagen habrá subido al servidor de Wordpress. Si deseas eliminarla para subir otra repite el paso anterior con la nueva imagen. 6. Para restaurar la imagen original del tema haz clic en el botón Restaurar cabecera original. 7. Si visualizas el blog verás que ahora la imagen personaliza el encabezado.
  • 116. Blogs ::: Diseño del blog en Wordpress 128 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 6.2.4 Añadir widgets a la barra lateral Una de las características más representativas de los blogs es disponer de una o dos columnas laterales donde se ordenan, de arriba hacia abajo, los distintos widgets que proporcionan prestaciones adicionales al blog. El término gadget o widget se utiliza para referirse a un pequeño recuadro que se integra en una página web a modo de mosaico y que se ejecuta como una mini-aplicación independiente diseñada para enriquecer la información o servicios de esa página. De esta forma se pueden mostrar datos adicionales en la misma página sin tener que abandonar esta página. El tema elegido para nuestro blog ya muestra por defecto una serie de widgets en la barra lateral. Sin embargo es posible personalizar los que se mostrarán y el orden en que aparecerán de arriba hacia abajo. Para añadir un widget: 1. Desde el interfaz de administración del blog haz clic en el enlace Apariencia > Widgets.
  • 117. Blogs ::: Diseño del blog en Wordpress 129 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 2. En la página Widgtets se muestra en la columna izquierda dos secciones:  Widgets disponibles. En este apartado se contemplan los widgets disponibles para arrastrar y colocar en la barra lateral. Si arrastras un widget desde la barra lateral a esta sección se eliminará de la barra y se perderá su configuración personalizada.  Widgets inactivos. Al arrastrar un widget desde la barra lateral a esta sección se eliminará de la barra lateral pero se conservará su configuración personalizada por si fuera necesario reutilizarla en un momento dado. 3. Para añadir un widget a la barra lateral basta con arrastrar y soltar el widget en el interior de la Barra lateral. 4. En función del tipo de widget se puede definir el título con que se mostrará así como sus propiedades. Para terminar pulsa en el botón Guardar que acompaña a ese widget.
  • 118. Blogs ::: Diseño del blog en Wordpress 130 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado Para modificar los parámetros de un widget: 1. Clic en el botón de cabeza de flecha hacia abajo que se muestra en la parte derecha de la barra de título del widget. Esta acción mostrará las propiedades que se pueden editar del widget: título y parámetros. 2. Realiza las modificaciones oportunas de sus parámetros y para terminar pulsa en el botón Guardar. Para eliminar un widget de la columna lateral: 1. Clic en el botón de edición del widget 2. En la ventana de configuración pulsa en el botón Borrar Para cambiar el orden de los gadgets en la columna lateral: 1. Simplemente arrastra y suelta un gadget por encima o debajo del resto.
  • 119. Blogs ::: Diseño del blog en Wordpress 131 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 6.2.5 Algunos widgets interesantes Se pueden añadir a tu blog los widgets más habituales: Enlaces Añade a la barra lateral una colección de enlaces favoritos a sitios web, páginas o blogs. Es la forma de implementar el clásico elemento blogroll de un blog (recopilación de enlaces a blogs). Al añadir o editar un widget de Enlaces se pueden configurar las propiedades de este listado:  Categoría de enlaces. Despliega esta lista para seleccionar Todos los enlaces o bien sólo los enlaces pertenecientes a una categoría.  Ordenar por: permite definir el tipo de ordenación que se utilizará para mostrar el listado de enlaces: Link title (título del enlace), Link rating (valoración del enlace), Link ID (Identificador del enlace) y Aleatorio.  Mostrar la imagen, nombre, descripción y clasificación del enlace. Si se activa alguna de estas opciones se mostrará ese parámetro del enlace.  Links to show (Enlaces a mostrar). Permite especificar el número máximo de enlaces que se mostrará en el listado. Si se deja en blanco se mostrarán todos los enlaces. Para terminar pulsa en el botón Guardar. En el blog este widget se mostrará en la barra lateral proporcionando los enlaces definidos.
  • 120. Blogs ::: Diseño del blog en Wordpress 132 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado Archivos Muestra un archivo mensual de las entradas del blog. Al añadir o editar el widget de Archivos se pueden configurar sus distintos parámetros:  Título: es el título que encabezará ese widget. Este parámetro permite personalizar el contenido del mismo.  Mostrar la cantidad de entradas. Si se activa esta opción se mostrará el número de entradas correspondientes a ese mes.  Mostrar como un desplegable. Muestra el listado de meses como una lista desplegable. Para terminar pulsa en el botón Guardar. En la barra lateral del blog se mostrarán unos enlaces clasificados de acuerdo con los criterios de configuración definidos. Nube de etiquetas Muestra un listado de todas las etiquetas definidas en el blog. Cuando el lector hace clic en una etiqueta se mostrará una página con todos los artículos que contienen esas etiquetas. En la edición de la configuración de este widget se puede definir el Título. Para terminar hacer clic en el botón Guardar. En la barra lateral se mostrará un widget con las etiquetas.
  • 121. Blogs ::: Diseño del blog en Wordpress 133 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado Enlaces de suscripción Ofrece a los lectores la posibilidad de suscribirse a las entradas/artículos y comentarios de tu blog utilizando los lectores de feed más conocidos. En la edición de este widget es posible configurar:  Título. Es el título que encabezará el widget en la barra lateral. Ejemplo: Suscripción RSS.  Feed(s) to Display (Feeds a mostrar). Despliega el combo para elegir que se muestre el canal RSS sólo de las Entradas, sólo de los Comentarios o bien de ambos: Entradas y Comentarios.  Formato. Permite definir si estos enlaces a los canales RSS se mostrarán con sólo texto o bien acompañados de un icono RSS.  Image Settings (Configuración de imagen). En este apartado se puede definir el tamaño (Image Size) y el color (Image Color). Para terminar pulsa en el botón Guardar. Para minimizar este widget pulsa en el enlace Cerrar. El lector utilizará estos enlaces para suscribirse a tu blog utilizando el navegador web por defecto o bien un programa específico para leer feed. Buscar Ofrece al usuario un cuadro donde puede introducir uno o varios términos de búsqueda para buscar en las entradas del blog.
  • 122. Blogs ::: Diseño del blog en Wordpress 134 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado Al configurar este widget se puede definir su Título. Clic en el botón Guardar. Al activar este tipo de widget en la barra lateral se mostrará un cuadro de búsqueda que permitirá buscar en las entradas del blog. Otros widgets Texto. Es un cuadro con texto plano o código HTML que permite añadir un servicio externo. Imagen. Muestra una imagen en la barra de tareas. Entradas recientes. Proporciona acceso a las entradas más recientes del blog. Meta. Añade un cuadro que proporciona enlaces a la pantalla de Login/Desconexión, al interfaz de backend para la gestión de contenidos, a la web de Wordpress.com, etc. Este gadget no admite configuración de parámetros. Posts más vistos. Muestra enlaces a las entradas más visitadas del blog. Páginas. Proporciona enlace a las páginas del blog. En Wordpress las páginas son entradas o artículos independientes que no se someten a la cronología de las entradas o posts. Se utilizan para situar información más o menos permanente en tu sitio web.
  • 123. Blogs ::: Diseño del blog en Wordpress 135 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado RSS. Permite insertar un cuadro en la barra lateral con las noticias de un feed RSS o Atom externo o de terceros. 6.2.6 Edición CSS del tema El administrador de un blog puede personalizar su estilo gráfico utilizando las opciones descritas anteriormente en este documento sin disponer de apenas conocimientos de HTML o CSS. Sin embargo si el administrador dispone de conocimientos del código CSS también podrá aplicarlos para personalizar de una forma más fina el aspecto de su blog. Para ello: 1. Desde el interfaz de administración del blog selecciona Apariencia > Editar CSS 2. En página Editor de estilos CSS puedes introducir el código CS personalizado de la plantilla. Sin embargo este servicio actualmente es un servicio de pago en Wordpress.com Nota importante: La posibilidad de personalizar el CSS del tema siguiendo el procediiento descrito es un servicio de pago en Wordpress.com
  • 124. Blogs ::: Diseño del blog en Wordpress 136 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 6.2.7 Marca “Leer más” en un artículo de Wordpress En ocasiones resulta interesante crear una entrada que muestre un texto de introducción y oculte el resto de su contenido detrás de un enlace “Leer más”. Cuando el usuario pulsa en este enlace o bien en el título del artículo, entonces la entrada se muestra completa y de forma individual en la página. 1. Descarga y descomprime el archivo mariecurie.zip. Como resultado obtendrás un archivo de imagen mariecurie.jpg y un archivo de texto mariecurie.txt. 2. Haz doble clic sobre el archivo mariecurie.txt para abrirlo con el Bloc de Notas. Selecciona Edición > Seleccionar todo para seleccionar el texto completo que contiene este archivo y a continuación elige Edición > Copiar para copiarlo al portapapeles de Windows. Cierra la ventana del Bloc de Notas. 3. Desde el interfaz de gestión de contenidos del blog selecciona Entradas > Añadir. 4. Teclea el título: Marie Curie. Haz clic dentro del editor de artículos y a continuación haz clic derecho para elegir la opción Pegar. Esta acción pegará el texto copiado del archivo de texto anterior evitando tener que teclearlo. 5. Haz clic en el botón Añadir Imagen para añadir la imagen mariecurie.jpg que se ha descargado en un paso anterior. Reduce el tamaño de visualización y ajusta la imagen a la izquierda del párrafo de la biografía. 6. Selecciona la lista de elementos de su Biografía y de su Obra para pulsar a continuación el botón Lista de viñetas para asignarles este formato. 7. Dentro del editor de entradas pulsa y arrastra sobre el enlace que aparece. Es un enlace a Google que ya incluye el término de búsqueda: http://es.wikipedia.org/wiki/Marie_Curie 8. A continuación pulsa la combinación de teclas Ctrl+X para cortarla. Esta URL se ha copiado al portapapeles de Windows y se ha eliminado de la ubicación actual. 9. Pulsa y arrastra para seleccionar el texto “Wikipedia” situado al final del documento. 10. A continuación en la barra del editor pulsa en el botón Insertar/Añadir Enlace. 11. En el cuadro de diálogo Insertar/Añadir Enlace: haz clic derecho sobre el cuadro de texto que debe contener la dirección y elige Pegar. 12. Clic en el botón Aceptar para guardar la dirección pegada. 13. Hasta aquí el artículo se ha editado como cualquier otro. A continuación vamos a situar por delante del texto que se ocultará inicialmente una marca de “Leer más”. Sitúa el cursor del ratón antes del párrafo de la biografía y pulsa en el botón Insertar Etiqueta Más.
  • 125. Blogs ::: Diseño del blog en Wordpress 137 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 14. Clic en el botón Publicar. Si accedes a la lectura del artículo verás que se muestra el primer párrafo y el enlace Leer el resto de esta entrada.
  • 126. Blogs ::: Moderación de comentarios en Blogger 138 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 7. Moderación de comentarios
  • 127. Blogs ::: Moderación de comentarios en Blogger 139 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 7.1 Moderación de comentarios en Blogger
  • 128. Blogs ::: Moderación de comentarios en Blogger 140 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 7.1.1 Configuración de comentarios El administrador o autor de un blog debe tener previsto desde un principio cómo desea gestionar los comentarios de sus lectores. Para ello: 1. Desde el interfaz de gestión de contenidos de tu blog haz clic en Configuración > Comentarios. 2. Desde esta página se pueden tomar decisiones sobre el comportamiento del blog en relación con la gestión de los comentarios de los lectores: Comentarios. Permite mostrar y ocultar los comentarios del blog. Si se deciden ocultar no se mostrará formulario para su envío. Si se selecciona ocultar NO se suprimen los comentarios existentes ya que podrán volver a visualizarse en cualquier momento si se elige de nuevo mostrar. Se pueden mostrar los comentarios con carácter general y luego no permitir comentarios a un artículo en concreto. Persona que puede realizar los comentarios. En este caso se proporcionan 4 opciones:  Cualquiera. Si se elige esta opción cualquier usuario anónimo podrá enviar comentarios.  Usuarios registrados. Sólo podrán enviar comentarios los usuarios registrados con cuenta Google o bien con identidad OpenID. Es necesario introducir estas credenciales para completar el envío.  Usuarios con cuentas Google. Sólo podrán enviar comentarios los usuarios que dispongan de cuenta Google.  Sólo los miembros de este blog. Para enviar un comentario es necesario estar registrado como usuario en el blog. Ubicación del formulario de comentarios.  Página completa. Al final de los comentarios se ofrecerá un enlace que mostrará el formulario de envío de comentarios en una página nueva.  Ventana emergente. Ofrecerá un enlace que mostrará el formulario en una ventana emergente del navegador web.  Entrada incrustada a continuación. El formulario de envío de comentarios se ofrecerá en la misma página que el artículo e inmediatamente debajo de los comentarios ya publicados. Opción predeterminada de comentarios para entradas.  Las nuevas entradas tienen comentarios. Si está activada esta opción se admitirán comentarios en las nuevas entradas.  Las nuevas entradas no tienen comentarios. Si se elige esta opción las entradas que se publiquen a continuación NO dispondrán de la posibilidad de enviar comentarios mientras que las anteriores sí. Enlaces de retroceso. Se pueden mostrar u ocultar los trackbacks que permiten realizar el seguimiento de otros blogs que han enlazado a este artículo.
  • 129. Blogs ::: Moderación de comentarios en Blogger 141 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado Opción predeterminada de enlaces de retroceso para entradas.  Las nuevas entradas tienen enlaces de retroceso. Si está activada esta opción se admitirán enlaces de retroceso en las nuevas entradas.  Las nuevas entradas no tienen enlaces de retroceso. Si se elige esta opción las entradas que se publiquen a continuación NO dispondrán de enlaces de retroceso. Formato de hora de los comentarios. Mensaje del formulario de comentarios. Se puede introducir un texto personalizado que acompaña al formulario de entrada del comentario. Moderación de comentarios.  Siempre. Si marcas esta opción todos los comentarios se guardarán como pendientes de revisión. Serán visibles cuando se aprueben desde la administración.  Sólo en entradas posteriores a X días. Permite especificar el número de días que deben transcurrir para que un comentario enviado se publique directamente en el blog.  Nunca. Si marcas esta opción los comentarios se publicarán directamente sin la moderación de ningún administrador del blog. Cuando se registra un comentario, en la correspondiente entrada a ese blog en el Escritorio se mostrará un icono de aviso de que existen comentarios por revisar. Se envía una notificación a la dirección de correo electrónico que se especifique cuando un lector no registrado en el blog envíe un comentario. Si esta casilla está vacía no se enviará notificación. Mostrar palabra de verificación en comentarios. Se puede mostrar u ocultar la introducción de una palabra de verificación antispam. Conviene activar esta opción si configuramos la posibilidad de que un lector anónimo pueda enviar comentarios. Los autores del blog no tendrán que introducir esta palabra de paso para enviar comentarios. Mostrar imágenes de perfil en los comentarios. Se puede elegir entre mostrar u ocultar el perfil de los usuarios en los comentarios publicados. Correo electrónico de notificación de comentarios. En este listado se pueden escribir hasta 10 direcciones de correo electrónico separadas por comas. Los destinatarios recibirán notificación por correo electrónico cada vez que alguien envíe un comentario en el blog.
  • 130. Blogs ::: Moderación de comentarios en Blogger 142 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 7.1.2 Envío de comentarios En función de la configuración definida para el envío de comentarios, el formulario se mostrará en la misma página a continuación de los comentarios publicados o se ofrece un enlace para abrirlo en una nueva ventana o ventana emergente. Comentario. Se teclea el comentario en el cuadro de texto admitiendo algunas etiquetas HTML como <b> (negrita), <i> (cursiva) o <a href=’http://www…” (enlaces). Verificación de palabra. El lector debe teclear la palabra antispam que se lee para que su comentario sea enviado. Si pulsas en el icono de accesibilidad se oirá un código numérico que se puede introducir como alternativa. Elegir identidad. El usuario puede enviar el comentario con las siguientes identidades:  Anónimo. No indicará ninguna credencial)  Nombre/URL. Nombre del usuario y URL de su blog o espacio blog si lo desea.  OpenID. Identificador de OpenID o alguno de los servicios como LiveJournal, Wordpress, TypePad, AIM, etc.  Cuenta Google. Usuario y contraseña. Para completar el envío se pulsa en el botón PUBLICAR COMENTARIO. Si el administrador del blog ha elegido la opción Siempre para la moderación de comentarios entonces el comentario sólo se publicará después de que lo supervise. Si ha elegido la opción Nunca entonces el comentario se publicará directamente. 7.1.3 Moderación de comentarios Si el administrador del blog ha elegido la opción Siempre para la moderación de comentarios entonces el comentario sólo se publicará después de que lo supervise. Si ha elegido la opción Nunca entonces el comentario se publicará directamente. Esta configuración se realiza en la página Configuración > Comentarios. Aprobar un comentario 1. En el panel de administración del blog elige las pestañas: Creación de entradas > Moderación de comentarios.
  • 131. Blogs ::: Moderación de comentarios en Blogger 143 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 2. Se mostrará el listado de comentarios pendientes de revisar. Para leer su contenido completo haz clic sobre el contenido de su entrada. 3. Marca la casilla correspondiente a ese comentario. Para publicarlo pulsa en el botón PUBLICAR. Para eliminarlo pulsa en el botón RECHAZAR. Nota: Blogger no proporciona herramientas para modificar el contenido de los comentarios. Sólo es posible publicarlos o suprimirlos. Suprimir un comentario Para eliminar un comentario publicado: 1. Desde el interfaz de gestión del blog elige Creación de entradas > Editar entradas. 2. En la columna Comentarios del listado de artículos se muestra un enlace a los comentarios publicados de cada artículo. Clic en este enlace. Esta acción te enviará al frontend del blog mostrando los comentarios publicados. 3. Al estar autentificado como administrador aparecerá al final de cada comentario un icono con forma de “papelera”. Clic en este icono Suprimir comentario. 4. Clic en el botón SUPRIMIR COMENTARIO.
  • 132. Blogs ::: Moderación de comentarios en Blogger 144 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 5. Se accede a una página de confirmación que incluye el comentario para su revisión. 6. Si cambias de opinión haz clic en el botón CANCELAR. Al hacer clic en el botón SUPRIMIR COMENTARIO se borra el texto del comentario en la página pero se deja el nombre del autor y un mensaje que dice “este comentario ha sido suprimido”. Para eliminar también esta marca será necesario borrar la referencia al comentario en una segunda tentativa. Si se ha activado previamente la opción ¿Eliminar para siempre? entonces no quedará ningún rastro del comentario en el blog. En cualquier caso el comentario es irrecuperable desde la primera vez que se pulsa en el botón SUPRIMIR COMENTARIO, tanto si hemos marcada la opción ¿Eliminar para siempre? o no. Notas:  Si se ha suprimido un comentario, no hay forma de recuperarlo.  No es posible editar los comentarios. Se puede copiar y pegar para volver a escribirlo con los cambios que se desee. Sin embargo, la hora de entrada se modificará y dejará constancia que se trata de un nuevo comentario.
  • 133. Blogs ::: Moderación de comentarios en Wordpress 145 Multimedia y Web 2.0 ::: Edición 2010 ::: Formacion del profesorado 7.2 Moderación de comentarios en Wordpress
  • 134. Blogs ::: Moderación de comentarios en Wordpress 146 Multimedia y Web 2.0 ::: Edición 2010 ::: Formacion del profesorado 7.2.1 Configuración de comentarios El administrador de un blog debe tener previsto desde un principio cómo desea gestionar los comentarios de sus lectores. Para ello: 1. Desde el interfaz de gestión de contenidos de tu blog haz clic en Opciones > Comentarios. 2. Desde esta página de Opciones de comentarios se pueden tomar decisiones sobre el comportamiento del blog en relación con la gestión de los comentarios de los lectores: Configuración por defecto de las entradas  Tratar de notificar a todos los sitios enlazados en la entrada.  Permitir notificaciones de enlace desde otros sitios (pingbacks y trackbacks)  Permitir comentarios en las nuevas entradas Otras opciones de comentarios  El autor del comentario debe rellenar el nombre y el e-mail  Los usuarios deben registrarse e identificarse para comentar  Cerrar automáticamente los comentarios en las entradas con más de 14 días  Activar los comentarios anidados hasta 3 niveles  Separa los comentarios en páginas de 50 comentarios por página y se muestra la última página por defecto. Los comentarios se ordenarán con los más antiguos al principio
  • 135. Blogs ::: Moderación de comentarios en Wordpress 147 Multimedia y Web 2.0 ::: Edición 2010 ::: Formacion del profesorado Enviarme un e-mail cuando  Alguien envía un comentario  Se ha recibido un comentario para moderar Para que un comentario aparezca  Un administrador debe aprobar el comentario  El autor del comentario debe tener un comentario previamente aprobado Moderación de comentarios  No descartar spam en mensajes antiguos  Mantener un comentario en espera si contiene más de 2 enlaces (una característica común del spam en comentarios es el gran número de enlaces).  Mantener en la cola de moderación todo comentario que incluya cualquiera de las siguientes palabras en su contenido, nombre, URL, e-mail, o IP. Separa múltiples palabras o IP con saltos de línea. Atención a las coincidencias en el interior de palabras: "press" se encontrará en "WordPress". Lista negra de comentarios  Cuando un comentario contenga cualquiera de estas palabras en su contenido, nombre, URL, e-mail, o IP, será marcado como spam. Una palabra o IP por línea. Tendrá en cuenta las coincidencias parcialesl, así que "press" coincidirá con "WordPress". Responder comentarios vía correo electrónico  Habilitar el envío de respuestas en los comentarios por correo electrónico Suscribirse a los comentarios  Mostrar a un 'suscribirse a los comentarios' 'en el formulario de comentarios Suscribirse al blog  Mostrar a un 'suscribirse al blog' opción en el formulario de comentarios Avatares Un avatar es una imagen para identificar a un usuario y normalmente sale al lado de su nombre en los comentarios o referencias. Desde aquí puedes permitir la visualización de los avatares de los usuarios que dejen comentarios en tu blog. Visibilidad  No mostrar avatares  Mostrar avatares Puntuación máxima  G - Para todos los públicos  PG - Para mayores de 13 años  R - Para mayores de 17 años  X - Contenido adulto Avatar por defecto Para usuarios que no tiene un avatar personalizado podemos mostrar uno genérico o un logotipo basado en la dirección de correo electrónico del mismo.  Hombre misterioso  Blanco  Logo de Gravatar  Identicon (Generado)  Wavatar (Generado)  MonsterID (Generado)
  • 136. Blogs ::: Moderación de comentarios en Wordpress 148 Multimedia y Web 2.0 ::: Edición 2010 ::: Formacion del profesorado 3. Tras definir los valores de estos parámetros haz clic en el botón Guardar cambios. 7.2.2 Envío de comentarios Cuando se accede a la lectura individual de un artículo o entrada del blog, en la parte inferior se muestran los comentarios de los lectores y al final de los mismos se ofrece un formulario para el envío de nuevos comentarios. En este formulario el lector o visitante anónimo debe indicar los siguientes datos:  Nombre. Es el nombre del usuario. Es obligatorio.  Email. El usuario debe indicar una dirección de correo electrónico aunque no se hará pública. Es obligatorio.  Web. Se puede indicar la dirección de una página web. Es opcional.  Comentario. Contiene el texto del comentario.  Recibir siguientes comentarios por correo. Si el lector ha introducido una dirección de correo electrónico válida, en ella recibirá notificación si se producen nuevos comentarios.  Recibir nuevas entradas por email. Se recibe notificación de nuevos artículos publicados en el blog. Para completar el envío se pulsa en el botón Enviar comentario. Si el usuario se encuentra autentificado previamente en Wordpress entonces en este formulario no se solicitará el usuario, ni la dirección de correo ni la web. Si el administrador del blog ha desactivado la opción “Un administrador debe aprobar el comentario” entonces el comentario se publicará directamente. Si se activa esta opción será necesaria la supervisión de un administrador del blog para que se publique y sea visible por todos los usuarios lectores.
  • 137. Blogs ::: Moderación de comentarios en Wordpress 149 Multimedia y Web 2.0 ::: Edición 2010 ::: Formacion del profesorado 7.2.3 Moderación de comentarios Para activar la moderación de todos los comentarios que nos envíen los lectores es necesario configurar al menos los siguientes parámetros en Opciones > Comentarios > Para que un comentario aparezca …  Un administrador debe aprobar un comentario: Activado  El autor del comentario debe tener un comentario previamente aprobado: No activado. Aprobar un comentario 1. Cuando existe moderación de comentarios, al lector que envía un comentario se le muestra un mensaje donde se le indica que su comentario está pendiente de moderación por un administrador del blog. 2. El administrador desde el interfaz de gestión accede a la moderación de comentarios a través del enlace Comentarios que está acompañado de un valor numérico que indica el número de comentarios pendiente de moderación. 3. Se mostrará el listado de comentarios entre los que se encuentran aquellos pendientes de revisar. 4. Puedes aprobar un comentario con carácter individual pulsando en el enlace Aprobar que se muestra en ese comentario. Otra posibilidad es el aprobado masivo. Para ello marca la casilla correspondiente a todos los comentarios que deseas aprobar y a continuación despliega el combo de Acciones en lote, elige la opción Aprobar y a continuación pulsa en el botón Aplicar.
  • 138. Blogs ::: Moderación de comentarios en Wordpress 150 Multimedia y Web 2.0 ::: Edición 2010 ::: Formacion del profesorado Suprimir un comentario Para eliminar un comentario: 1. Desde el interfaz de gestión del blog elige Comentarios. Esta acción muestra todos los comentarios. Localiza el comentario que deseas eliminar y al situar el puntero del ratón sobre él se muestran las distintas opciones de procesamiento individual. Haz clic sobre la opción Papelera. Esta acción mueve ese comentario a la papelera pero no lo elimina definitivamente. 2. Otra forma de enviar a la papelera varios comentarios a la vez consiste en marcar sus casillas y a continuación elegir la opción Mover a la papelera en la lista desplegable Acciones en lote. 3. En la parte superior del listado se ofrecen enlaces para filtrar el listado de comentarios por Todos, Pendiente, Aprobados, Spam o Papelera. 4. Para eliminar definitivamente un comentario haz clic en el enlace Papelera y una vez dentro de la papelera puedes seleccionar entre Restaurar el comentario o bien Borrar permanentemente. Otra opción es pulsar el botón Vaciar papelera.
  • 139. Blogs ::: Moderación de comentarios en Wordpress 151 Multimedia y Web 2.0 ::: Edición 2010 ::: Formacion del profesorado Editar un comentario Wordpress permite editar el contenido de un comentario. Para ello basta con elegir la opción Editar o bien Edición rápida para acceder a una página donde es posible modificarlo. Marcar como spam Si marcas un comentario como spam éste se guarda en la carpeta Spam de los comentarios y cualquier otro comentario enviado posteriormente desde la misma IP será destinado automáticamente a esta carpeta.
  • 140. Blogs ::: Usuarios y permisos en Blogger 152 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 8. Usuarios y permisos
  • 141. Blogs ::: Usuarios y permisos en Blogger 153 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 8.1 Usuarios y permisos en Blogger
  • 142. Blogs ::: Usuarios y permisos en Blogger 154 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 8.1.1 Tipos de usuarios Blogger contempla en un blog tres tipos de usuarios: administrador, autor y lector.  Administrador. El usuario que ha creado el blog es el administrador y dispone de todos los permisos. Puede definir las opciones de configuración del blog, establecer su estilo gráfico, añadir usuarios como autores o lectores, modificar los artículos del resto de autores, etc. El administrador puede asignar permisos de administrador a un usuario autor.  Autor. Los usuarios registrados como autores en el blog tienen permisos muy definidos y limitados: pueden crear y publicar sus propios artículos, enviarlos por email y darse de baja. No pueden editar los artículos del resto de autores, ni moderar comentarios ni modificar las opciones de configuración.  Lector. El registro de lectores en un blog tiene sentido cuando se limita el acceso en modo lectura a usuarios registrados. El usuario debe introducir sus credenciales para poder leer el contenido de los artículos. Nota:  En un blog de Blogger sólo se pueden añadir usuarios que dispongan de cuenta en Google. 8.1.2 Añadir autores 1. Desde el interfaz de gestión del blog selecciona Configuración > Permisos. 2. En la página de Permisos, en el apartado Autores del blog en el botón AÑADIR AUTORES. 3. En el cuadro de texto introduce las direcciones de correo electrónico Google de los usuarios (separados por comas) que desees añadir como autores a la gestión del blog. Otra posibilidad es pulsar en el enlace Seleccionar de los contactos para elegirlos de la agenda Google de tus contactos personales.
  • 143. Blogs ::: Usuarios y permisos en Blogger 155 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 4. Clic en el botón INVITAR. Esta acción enviará un mensaje de correo electrónico a las direcciones indicadas. En él se informa al destinatario que ha sido invitado a participar como autor en el blog del usuario principal. El destinatario necesita disponer de cuenta de usuario Google y confirmar la invitación pulsando en el enlace que acompaña a este mensaje. A partir de ese momento podrá escribir entradas en tu blog. Notas:  Máximo número de autores. Tu blog puede disponer de 100 autores como máximo.  Eliminar un autor. Cada usuario autor se puede eliminar haciendo clic en el enlace eliminar del listado.  De autor a administrador. Un usuario autor se puede promocionar a administrador haciendo clic en el enlace otortar privilegios de administrador que acompaña a ese usuario en el listado de autores. Hay que tener en cuenta que el nuevo administrador dispondrá de acceso a la configuración del blog y también a la gestión de usuarios. La asignación de este rol es reversible en cualquier momento. 8.1.3 Añadir lectores 1. Desde el interfaz de gestión del blog selecciona Configuración > Permisos. 2. En la sección Lectores del blog puedes configurar su lectura como sigue:  Cualquiera. Todos los artículos serán de lectura pública y anónima. No es necesario introducir credenciales.  Sólo a los usuarios que yo elija. Esto permite introducir las direcciones de correo electrónico de los usuarios Google que pueden acceder a la lectura de los artículos. Si se configura esta opción será necesario introducir las credenciales como paso previo para la lectura. En este caso se pueden restringir la lectura a una lista como máximo de 100 usuarios. Los autores del blog ya disponen de acceso a estos artículos.
  • 144. Blogs ::: Usuarios y permisos en Blogger 156 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado  Únicamente autores del blog. Si activas esta opción sólo podrán leer los artículos los usuarios registrados como usuarios Si se decide restringir el acceso en modo lectura a un blog entonces al tratar de acceder a través de su URL, se mostrará un formulario para introducir las credenciales de usuario.
  • 145. Blogs ::: Usuarios y permisos en Wordpress 157 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 8.2 Usuarios y permisos en Wordpress
  • 146. Blogs ::: Usuarios y permisos en Wordpress 158 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 8.2.1 Tipos de usuarios Wordpress contempla en un blog 4 tipos de usuarios: administrador, editor, autor y colaborador.  Administrador. Tiene un control completo sobreelblog y puede gestionarlo cualquier aspecto del mismo: entradas, comentarios, configuración de opciones, selección de temas, importación/exportación, gestión de usuarios, etc. Se recomienda que el número de administradores por blog sea reducido.  Editor. Puede publicar, editar y borrar cualquier entrada o página, moderar comentarios, gestionar categorías, etiquetas y enlaces, así como subir imágenes y archivos. También tiene acceso a las estadísticas del blog.  Autor. Puede editar, publicar y borrar sólo sus propios artículos pudiendo también subir documentos e imágenes.  Colaborador. Puede editar sus entradas pero NO puede publicarlos. Es necesario que un administrador supervise y apruebe su entrada para que sea visible en el frontend del blog. No dispone de permisos para subir imágenes y documentos. 8.2.2 Añadir usuarios 1. Desde el interfaz de gestión del blog selecciona Usuarios > Autores y usuarios 2. En la sección Añadir a un usuario de la comunidad introduce el email con que el usuario se ha inscrito en la comunidad Wordpress.com. 3. En la lista desplegable Perfil elige el tipo de usuario que le asignarás: administrador, editor, autor o colaborador. Si la dirección de correo electrónico no está registrada se propone enviarle una invitación para registrarse como usuario de Wordpress.
  • 147. Blogs ::: Usuarios y permisos en Wordpress 159 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 8.2.3 Editar usuarios 1. Desde el interfaz de gestión del blog selecciona Usuarios > Autores y usuarios. 2. Se muestra el listado de usuarios adscritos a nuestro blog. 3. Para borrar un usuario o usuarios de la gestión marca su casilla, despliega la lista Acciones en lote que se ofrece en la parte superior del listado, elige la opción Borrar y pulsa en el botón Aplicar. 4. Para modificar el perfil de un usuario o usuarios marca su casilla, despliega la lista Cambiar perfil a … para seleccionar el nuevo perfil y pulsa en el botón Cambiar. 5. Si pulsas en el enlace que se ofrece en el número de Entradas del usuario se mostrarán las entradas creadas y publicadas por ese autor.
  • 148. Blogs ::: Configuración del blog en Blogger 160 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 9. Configuración del blog
  • 149. Blogs ::: Configuración del blog en Blogger 161 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 9.1 Configuración del blog en Blogger
  • 150. Blogs ::: Configuración del blog en Blogger 162 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 9.1.1 Opciones básicas 1. Desde el interfaz de gestión de tu blog elige Configuración > Básico. 2. En la página Básico se pueden configurar las siguientes opciones: Herramientas del blog Se ofrecen 3 opciones interesantes: Importar blog - Exportar blog - Suprimir blog. Puedes importar entradas y comentarios desde un blog exportado previamente, exportar este blog o suprimirlo de forma permanente. Título El título del blog se muestra en el encabezado de portada, en el escritorio, en tu perfil, etc. Se recomienda ser los más creativo posible en este título. Descripción Es una breve descripción del blog que se puede mostrar a los lectores en el encabezado acompañando al título. Tiene una extensión no superior a 500 caracteres. ¿Deseas añadir tu blog a nuestras listas? Si se indica Sí el blog actual se añadirá a la página principal de Blogger y al listado que se utiliza en la barra de navegación de Blogger (Play y Siguiente blog). Si se elige No, el blog no aparecerá en estos sitios pero seguirá estando disponible en su URL individual. En este caso se mostrará en tu perfil salvo que lo ocultes. ¿Deseas permitir que los motores de búsqueda encuentren tu blog? Si seleccionas Sí se incluirá tu blog en el motor de búsquedas de Google. Si seleccionas No el blog será accesible en su URL pero se especificará que los motores de búsqueda no lo cataloguen. ¿Mostrar Edición rápida en su blog? Si se activa esta opción, cuando se navega por el blog, en cada entrada se mostrará un icono en forma de lápiz, para editar directamente ese artículo con un solo clic. ¿Mostrar enlaces de envío de entradas? Está configurado por defecto como No. Si activas esta opción, al final de cada entrada se mostrará un icono en forma de sobre. Al hacer clic en él, se mostrará un formulario que permite al lector enviar la URL del artículo a un amigo. Contenido para adultos Si se selecciona Sí, los usuarios de tu blog verán un mensaje de advertencia y se les solicitará confirmación para ver tu blog. Configuración global: ¿Mostrar el modo de composición para todos sus blogs? Establece si el editor de artículos mostrará o no botones para la edición visual de contenidos. Configuración global: ¿Habilitar transliteración? Permite agregar al editor un botón de traducción del inglés a uno de los idiomas seleccionados: Hindú, Malayo, Tamil, etc. con unos caracteres diferentes.
  • 151. Blogs ::: Configuración del blog en Blogger 163 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 9.1.2 Publicación 1. Desde el interfaz de gestión de tu blog elige Configuración > Publicación. 2. En esta página podemos configurar dos opciones muy interesantes del blog: Dominio personalizado. Si dispones de un dominio personal, como por ejemplo, www.<midominio>.<com>, entonces se puede configurar para que apunte al blog creado. De esta forma cuando un usuario en Internet utilice esta URL será redireccionado a tu blog en Blogger. Este dominio personal se puede comprar con alguna de las empresas asociadas a Google o bien se puede aportar si se ha registrado con cualquier otra. Dirección en Blogspot. Si no disponemos de dominio personalizado (es lo más habitual), entonces la URL de acceso al blog es del tipo: http://<miblog>.blogspot.com. En este apartado de la gestión del blog es posible modificar el identificador <miblog> que forma parte de su URL de acceso siempre y cuando esté disponible. 9.1.3 Formato 1. Desde el interfaz de gestión de tu blog elige Configuración > Formato. 2. En esta página se definen los siguientes parámetros: Mostrar. Especifica el número de entradas que se mostrarán en la página principal o portada del blog. El resto se organizarán en sucesivas páginas a las que se accederá utilizando enlaces situados al final de la página con el texto “Entradas antiguas”. También se puede configurar la página principal para que muestre las entradas de un número concreto de días hasta un máximo de 500 entradas. Formato de cabecera de fecha. Permite definir la forma en que se mostrará la fecha cuando se muestra en la parte superior de cada entrada. Formato de fecha del índice de archivos. Establece el formato de la fecha en los enlaces de archivo que se muestran en el correspondiente gadget de la columna lateral. Formato de hora. Establece el formato de la hora. Zona horaria. Es conveniente establecer esta zona horaria para ajustar la publicación programada de artículos. Idioma. Señala el idioma utilizado en el blog. En este caso español. Convertir saltos de línea. Si activas esta opción como Sí, los retornos de carro insertados en el editor de artículos utilizando la tecla Enter serán sustituidos por la etiqueta <br/> y los dobles retornos de carro por dos etiquetas <br/><br/>. Esto evitará una separación excesiva entre párrafos. Mostrar campo de título. Si eliges Sí se mostrará un cuadro de texto para introducir el título del artículo cuando se crea una nueva entrada. En caso contrario no se podrá definir título del artículo. Mostrar campo de enlace. Al crear una entrada permite introducir una URL adicional a un archivo de audio o URL relacionada. Habilitar alineación flotante. Permite alinear texto e imágenes en el artículo utilizando la etiqueta <div clear:both>. Si tienes problemas posteriores selecciona No.
  • 152. Blogs ::: Configuración del blog en Blogger 164 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado Plantilla de entrada. Si se introduce texto o código en este cuadro, éste se incluirá automáticamente cada vez que se cree una nueva entrada. 9.1.4 Comentarios Ver el apartado anterior sobre Moderación de comentarios. 9.1.5 Archivo 1. Desde el interfaz de gestión de contenidos de tu blog haz clic en Configuración > Archivo. 2. En la página de Archivo se pueden configurar los siguientes datos: Frecuencia de archivo. Permite definir el intervalo con que se mostrarán los enlaces a las entrada en el gadget Archivo de la barra lateral: Diaria, Semanal o Mensualmente. ¿Habilitar páginas de entrada?. Es una opción activada por defecto. Las páginas de entrada permiten que cada artículo disponga de su página web con una URL significativa. Ejemplo: http://multimediaweb20.blogspot.com/2009/08/albert-einstein.html. En esta dirección de página se incluye información extraída del título de la entrada. Si no se activa esta opción entonces las URLs individuales de las entradas no serán amigables. Ejemplo: http://multimediaweb20.blogspot.com/2009_08_07_archive.html#1305293459555266304 9.1.6 Correo electrónico 1. En la sección Configuración > Correo electrónico y móvil puedes introducir hasta 10 direcciones de correo electrónico donde se enviará una notificación cada vez que se publique algún artículo en tu blog.
  • 153. Blogs ::: Configuración del blog en Wordpress 165 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 9.2 Configuración del blog en Wordpress
  • 154. Blogs ::: Configuración del blog en Wordpress 166 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 9.2.1 Opciones generales 1. Desde el interfaz de gestión de tu blog elige Opciones > General. 2. En la página Opciones Generales se pueden configurar las siguientes opciones:  Título del sitio/Site Title. Contiene el título del sitio.  Descripción corta. Este texto explica en pocas palabras qué sitio es éste.  Dirección de email. Esta dirección se utiliza para la gestión del blog. Si se modifica la dirección, se enviará un email de confirmación a esa nueva dirección. La nueva dirección debe estar activa antes de confirmarla.  Zona horaria. Permite elegir la zona horaria en format UTC o bien una ciudad que esté en la misma zona horaria que la tuya.  Formato de Fecha. Para definir un formato predefinido de la fecha o bien uno personalizado utilizandi, por ejemplo, la plantilla “j F Y” para “27 Abril 2010”  Formato de Hora. Elige un formato de hora.  La semana empieza. En España la semana empieza por el lunes.  Idioma. Es el idioma por defecto del blog.  Blog Picture/Icon. Imagen o icono del blog. En este apartado se puede subir una foto en formato JPG o PNG que será utilizada como imagen del blog en Wordpress.com. Se permitirá cortar la foto después de subirla. 9.2.2 Escritura 1. Desde el interfaz de gestión de tu blog elige Opciones > Escritura. 2. En esta página podemos configurar las siguientes opciones del blog:  Tamaño de la caja de texto. Permite definir el número de líneas que tendrá el editor de entradas por defecto. Este editor se puede expandir mediante la acción de arrastrar la esquina inferior derecha del mismo.  Formato. Convertir emoticones a gráficos en pantalla.  Formato. Wordpress corregirá de forma automática el HTML incorrectamente anidado.  Categoría predeterminada para las entradas. Indica la categoría en que se clasificará por defecto una entrada cuando no se especifique ninguna.  Categoría predeterminada para los enlaces.
  • 155. Blogs ::: Configuración del blog en Wordpress 167 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 9.2.3 Lectura 1. Desde el interfaz de gestión de tu blog elige Opciones > Lectura. 2. En esta página se definen los siguientes parámetros:  La página inicial mostrará … Normalmente por defecto un blog muestra en su portada las últimas entradas publicadas. Sin embargo es posible seleccionar aquí la opción Una página estática y en el combo elegir la página que se mostrará en la portada. En este caso se visualizará siempre la misma información y para acceder a las entradas el usuario utilizará los enlaces que se proporcionan en la barra lateral. Recuerda que la página es una entrada especial que no se incluye en el orden cronológico de artículos.  Número máximo de entradas a mostrar en el blog. Permite establecer el número de entradas que se mostrarán por página en la portada.  Número máximo de entradas a mostrar en el feed. Especifica el número de entradas que se incluirán en el canal de suscripción feed asociado al blog.  Mostrar, para cada entrada en el feed. En el canal de noticias feed se puede mostrar inicialmente el texto completo del artículo o bien el resumen.  Para cada artículo en una fuente de noticias enriquecida, mostrar… En este apartado se puede configurar qué elementos (categoría, etiquetas, contador de comentarios, etc) se incluirán en la información de cada entrada en el canal de noticias feed.  Codificación para páginas y feeds. La codificación utilizada por defecto es UTF-8.  Configuraciones de email. En este apartado se puede introducir un texto de invitación que se envía a los usuarios suscriptores. A este mensaje se añaden de forma automática la URL del sitio y los detalles de confirmación. 9.2.4 Comentarios 1. Desde el interfaz de gestión de tu blog elige Opciones > Comentarios. 2. En esta página se definen los siguientes parámetros: Configuración por defecto de las entradas  Attempt to notify any blogs linked to from the article. Intentar notificaciones a cualquier blog enlazado con o desde el artículo.  Permitir notificaciones de enlace desde otros sitios (pingbacks y trackbacks).  Permitir comentarios en las nuevas entradas. (Esta configuración puede ser modificada para cada entrada en particular) Otras opciones de comentarios  El autor del comentario debe rellenar el nombre y el e-mail  Los usuarios deben registrarse e identificarse para comentar  Cerrar automáticamente los comentarios en las entradas con más de XX días  Activar los comentarios anidados hasta XX niveles  Separa los comentarios en páginas de XX comentarios por página y se muestra la página (primera/última) por defecto  Los comentarios se ordenarán con los (más antiguos/más recientes) al principio Enviarme un e-mail cuando  Alguien envía un comentario  Se ha recibido un comentario para moderar Para que un comentario aparezca  Un administrador debe aprobar el comentario  El autor del comentario debe tener un comentario previamente aprobado
  • 156. Blogs ::: Configuración del blog en Wordpress 168 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado Moderación de comentarios  No descartar spam en mensajes antiguos  Mantener un comentario en espera si contiene más de XX enlaces (una característica común del spam en comentarios es el gran número de enlaces).  Mantener en la cola de moderación todo comentario que incluya cualquiera de las siguientes palabras en su contenido, nombre, URL, e-mail, o IP. Separa múltiples palabras o IP con saltos de línea. Atención a las coincidencias en el interior de palabras: "press" se encontrará en "WordPress". Lista negra de comentarios  Cuando un comentario contenga cualquiera de estas palabras en su contenido, nombre, URL, e-mail, o IP, será marcado como spam. Una palabra o IP por línea. Tendrá en cuenta las coincidencias parcialesl, así que "press" coincidirá con "WordPress". Responder comentarios vía correo electrónico  Habilitar el envío de respuestas en los comentarios por correo electrónico Suscribirse a los comentarios  Mostrar a un 'suscribirse a los comentarios' 'en el formulario de comentarios Suscribirse al blog  Mostrar a un 'suscribirse al blog' opción en el formulario de comentarios Avatares Un avatar es una imagen que representa al usuario acompañando a su nombre en un comentario. Esta imagen es visible en aquellos blogs que lo permiten. En este apartado de la configuración del blog se puede activar que se muestren los avatares de aquellos usuarios que envien comentarios al blog. Visibilidad  No mostrar avatares  Mostrar avatares Puntuación máxima  Puntuación máxima G - Para todos los públicos  PG - Para mayores de 13 años  R - Para mayores de 17 años  X - Contenido adulto Avatar por defecto Para usuarios que no tienen un avatar personalizado podemos mostrar uno genérico o un logotipo basado en su dirección de correo electrónico. 9.2.5 Privacidad 1. Desde el interfaz de gestión de contenidos de tu blog haz clic en Configuración > Privacidad. 2. En la página de Opciones de privacidad se puede optar por una de las siguientes alternativas:  Me gustaría que mi sitio fuera visible por cualquier usuario incluidos los motores de búsqueda como Google, Bing, etc.  Quiero bloquear los motores de búsqueda pero permitir visitantes normales.  Quiero que mi blog sea privado, visible solo a los usuarios que yo seleccione.
  • 157. Blogs ::: Documentos PDF 169 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 10. Documentos PDF
  • 158. Blogs ::: Documentos PDF 170 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 10.1 Introducción En un sitio web es frecuente poner a disposición de los usuarios documentos en formato PDF para la consulta de información. Ejemplo: los boletines oficiales. Las ventajas que ofrece este tipo de archivo son:  Se puede abrir con distintas aplicaciones de software gratuito.  Es accesible desde cualquier plataforma: Windows, Linux, Mac, etc.  El documento PDF tiene un tamaño más reducido que el original.  Admite la búsqueda fácil de información entre sus páginas.  Tiene una presentación idéntica e independiente del dispositivo de visualización (pantalla) y de impresión (impresora).  Permite proteger el contenido del documento frente a terceros. En este capítulo se explican los siguientes procedimientos: 1. Lectura y creación de archivos PDF desde Windows: Adobe Reader y PDF Creator. 2. Lectura y creación de archivos PDF desde Ubuntu: Evince Visor de documentos. 3. Exportar a PDF desde OpenOffice. 4. Vinculación de un archivo PDF en una página del blog. 10.2 Lectura de archivos PDF en Windows En Windows necesitamos un programa que nos permita abrir y leer los archivos PDF. La opción más habitual es Adobe Reader. Puedes descargar e instalar el archivo AdbeRdr903_es_ES.exe. La instalación se realiza siguiendo las opciones por defecto del asistente. Tras la instalación se creará un acceso directo en el escritorio. Haciendo clic en este icono se iniciará el programa. Desde el navegador web, cuando hagas clic en un enlace a un documento PDF se iniciará automáticamente Adobe Reader mostrando el contenido del archivo referenciado en el interior de una ventana del navegador. Si deseas consultar la web de Adobe para comprobar si existe una nueva versión del programa: http://www.adobe.es Otra alternativa al uso de Adobe Reader es disponer de un programa portable para leer documentos PDF. Es el caso del programa Sumatra PDF. Descarga y descomprime el archivo SumatraPDFPortable_1.0.1.paf.exe en una carpeta de tu disco duro o bien en tu pendrive. 10.3 Instalación de PDF Creator en Windows El programa Adobe Reader permite la lectura de documentos PDF pero no su creación. En su defecto se propone utilizar PDFCreator como aplicación de libre distribución para crear un documento PDF a partir de un archivo Word, Excel, etc: http://sourceforge.net/projects/pdfcreator/
  • 159. Blogs ::: Documentos PDF 171 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 1. Descarga el archivo PDFCreator-0_9_9_setup.exe y ejecuta el asistente de instalación. 2. Selecciona el idioma de instalación. Elige Español y pulsa en el botón Aceptar. 3. Bienvenido al asistente de instalación de PDFCreator. Clic en Siguiente> para continuar. 4. Acuerdo de Licencia. Marca la opción Acepto el acuerdo y pulsa en el botón Siguiente > 5. Tipo de instalación. Activa la opción Instalación estándar y pulsa en el botón Siguiente > 6. Nombre de la impresora. PDF Creator instala una impresora virtual en tu sistema. Desde cualquier aplicación que pueda imprimir se podrán generar archivos PDF si imprimes en esta impresora virtual. En este cuadro se puede definir el nombre con que el sistema identificará a este dispositivo virtual. Conviene dejar la opción por defecto: PDFCreator y pulsar en Siguiente >. 7. Selecciona la Carpeta Destino. Esta aplicación se instala por defecto en la carpeta Archivos de programa. Si deseas instalarlo en otra carpeta pulsa en el botón Examinar aunque se recomienda aceptar la opción por defecto. Clic en el botón Siguiente > 8. Barra de herramienta PDFCreator. Este cuadro de información muestra que tras instalar PDFCreator se puede disponer de una barra de herramientas adicional en Internet Explorer que te permitirá guardar documentos HTML en formato PDF. 9. Selección de componentes. Acepta las opciones por defecto haciendo clic en el botón Siguiente> 10. Selecciona la carpeta del Menú de Inicio. Clic en el botón Siguiente > 11. Selecciona las Tareas Adicionales. Clic en el botón Siguiente> 12. Listo para instalar. Clic en el botón Instalar. 13. Finalizando el asistente de instalación de PDFCreator. Clic en el botón Terminar. 10.4 Crear un archivo PDF con PDFCreator 1. Descarga y descomprime el archivo plantas.zip. Como resultado dispondrás de un archivo de texto: plantas.txt y de una página HTML: plantas.html 2. Haz doble clic en el archivo plantas.html para abrirlo con el navegador web Firefox. 3. Antes de imprimir vamos a configurar la página para eliminar los encabezados y pie de página. Para ello selecciona Archivo > Configurar página … En la pestaña Márgenes y encabezado/pie de página elige Nada en los encabezados y pies. Clic en el botón Aceptar.
  • 160. Blogs ::: Documentos PDF 172 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 4. Ahora vamos a imprimir el documento. Elige Archivo > Imprimir. 5. En el cuadro Imprimir selecciona en la lista Nombre la impresora virtual de PDFCreator. Clic en el botón Aceptar.
  • 161. Blogs ::: Documentos PDF 173 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 6. Antes de iniciar la impresión con PDFCreator se solicitan los metadatos del nuevo archivo: título, fecha de creación, fecha de modificación, autor, asunto, palabras clave, etc. Es importante completar adecuadamente estos datos. Asegúrate de que la casilla Al terminar, abrir el documento con el programa predeterminado esta activada para ver el aspecto final del documento. 7. Pulsa en el botón Guardar. 8. Se muestra el cuadro Guardar como … En la lista desplegable Guardar en: selecciona la carpeta destino donde se guardará el archivo PDF final. En la casilla Nombre teclea, por ejemplo, como nombre de archivo plantas. PDFCreator añade automáticamente la extensión *.PDF. Clic en el botón Guardar. 9. Para terminar se abrirá el Adobe Reader mostrando el nuevo archivo PDF. Nota: Una vez que has instalado Adobe Reader y PDF Creator se puede crear un PDF desde cualquier programa que permita la impresión: Microsoft Office, Internet Explorer, Mozilla Firefox, etc. Si se utiliza con un navegador web permite realizar copias de seguridad en formato PDF de las páginas web que se visitan. El proceso se iniciará de forma similar a como se describe en este apartado a partir del comando Archivo > Imprimir.
  • 162. Blogs ::: Documentos PDF 174 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 10.5 Lectura de archivos PDF en Ubuntu Ubuntu dispone por defecto de un programa instalado para leer y crear documentos PDF. Se trata de Evince Visor de documentos PDF. Para comprobar que está instalado: 1. Desde el escritorio de Ubuntu selecciona Aplicaciones > Centro de software de Ubuntu 2. En la casilla Buscar introduce el término pdf. Observa que al cabo de unos instantes se mostrará en el listado derecho de aplicaciones la entrada Visor de documentos (Ver documentos multipágina). 3. Éste es el programa que nos permitirá leer e imprimir a PDF desde Ubuntu. Si tratamos de abrir un archivo PDF descargado de Internet a través del navegador o bien un fichero PDF del equipo se abrirá esta aplicación mostrando su contenido. De esta forma podremos leerlos.
  • 163. Blogs ::: Documentos PDF 175 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 10.6 Impresora virtual PDF en Ubuntu La distribución de Ubuntu proporciona por defecto una impresora virtual PDF que permite crear un documento PDF a partir de cualquier aplicación mediante Archivo > Imprimir y seleccionando este dispositivo virtual. Para crear un documento PDF con Ubuntu sigue estos pasos: 1. Arranca el navegador web Mozilla Firefox y sitúate en una página web. 2. A continuación selecciona Archivo > Imprimir. 3. En el panel Imprimir, pestaña General, selecciona la opción de Imprimir a un archivo. En la sección Formato de salida marca la opción PDF. 4. Introduce el nombre del archivo PDF en la casilla Nombre. Despliega el combo Guardar en la carpeta para elegir la carpeta destino donde se guardará el documento. 5. Clic en el botón Imprimir. Al cabo de unos instantes dispondrás del archivo PDF en la carpeta destino. 10.7 Crear documentos PDF desde OpenOffice Los programas de OpenOffice como Writer (textos) o Impress (presentaciones) permiten exportar a un documento en formato PDF sin necesidad de disponer de una impresora virtual de PDF instalada en el equipo. Windows Si no dispones de OpenOffice puedes descargar e instalar la versión portable de OpenOffice: OpenOffice2.exe. Descomprime el contenido en una carpeta de tu disco duro o pendrive para disponer de este completo paquete ofimático.
  • 164. Blogs ::: Documentos PDF 176 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado Ubuntu En las mayoría de distribuciones de Ubuntu viene instalado OpenOffice por defecto. Se accede a una de sus aplicaciones desde el escritorio mediante: Aplicaciones > Oficina > OpenOffice.org … Ambos Una vez que ya disponemos de OpenOffice seguimos los siguientes pasos: 1. Abre OpenOffice. 2. Clic en el enlace Crear un documento de texto > Documento de texto 3. Crea un pequeño documento utilizando este procesador de textos. 4. Una vez terminado el documento selecciona la opción Archivo > Exportar en formato PDF …
  • 165. Blogs ::: Documentos PDF 177 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 5. Se muestra el cuadro Opciones de PDF donde es posible configurar ciertos parámetros del PDF resultante. En este caso aceptamos las opciones por defecto y pulsamos en el botón Exportar. 6. En el cuadro Exportar selecciona la carpeta destino en la lista Examinar carpetas. Teclea el nombre del archivo en el cuadro de texto Nombre del PDF y haz clic en el botón Guardar.
  • 166. Blogs ::: Documentos PDF 178 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 10.8 Publicar un PDF en Blogger El interfaz de gestión que ofrece Blogger NO permite subir directamente archivos PDF. Sin embargo, de la misma forma que existe un espacio donde se guardan las imágenes (Álbumes Web de Picasa) , existe un espacio denominado Google Sites, asociado a la cuenta de usuario Google, donde es posible subir archivos de distinto tipo para luego enlazarlos desde el blog para su descarga. En este apartado se explica el procedimiento para hacerlo. 1. Accede a la web de Blogger: http://www.blogger.com 2. Introduce las credenciales de tu cuenta Google y pulsa en el botón Acceder. 3. Clic en el enlace Mi cuenta que aparece en la esquina superior derecha de Blogger. 4. Clic en el enlace Sitios para acceder al servicio Google Sites asociado a la cuenta Google. 5. En el listado de Mis sitios haz clic en el enlace Mi Sitio para acceder al sitio por defecto asociado a la cuenta. Su URL de acceso público es http://sites.google.com/site/<nombre_usuario> y el interfaz de gestión de Google Sites permitiría crear un espacio web alternativo al blog. En este caso vamos a guardar el archivo PDF en este sitio para luego enlazarlo desde el blog. 6. La acción anterior te sitúa en la página principal de tu sitio Google. Para organizar los archivos se propone crear una carpeta de nombre pdf donde guardar los archivos pdf. Clic en el botón Crear página. 7. Elige como plantilla la opción Archivador. 8. En Nombre introduce pdf. Observa que la carpeta contenedora de archivos se creará en la ruta: /site/<nombre_usuario>/pdf. Clic en el botón Crear página.
  • 167. Blogs ::: Documentos PDF 179 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 9. Se creará esa carpeta y el sistema te colocará dentro de ella. Clic en el botón Añadir archivo. 10. En el cuadro de diálogo Añadir archivo pulsa en el botón Examinar para localizar el archivo PDF que has creado en el apartado anterior: plantas.pdf. Puedes introducir opcionalmente una descripción del archivo. Clic en el botón Subir.
  • 168. Blogs ::: Documentos PDF 180 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 11. Utilizando el navegador web Mozilla Firefox haz clic derecho sobre el enlace correspondiente al archivo subido y elige la opción Copiar la ruta del enlace 12. La ruta del enlace será del tipo: http://sites.google.com/site/<nombre_usuario>/pdf/plantas.pdf?attredirects=0 13. Abre el Bloc de Notas y selecciona Edición > Pegar para no perder esta referencia. 14. En la barra superior izquierda selecciona Mas > Más > Blogger o bien escribe directamente en la barra de dirección del navegador la URL de acceso a Blogger: http://www.blogger.com 15. Como ya estabas autentificado previamente al regresar a Blogger te situará en el escritorio. Clic en el botón NUEVA ENTRADA del blog donde deseas publicar tu nuevo artículo. 16. Descarga y descomprime el archivo plantas.zip. Como resultado dispondrás de un archivo de texto: plantas.txt y de una página HTML: plantas.html. Si ya lo has hecho en el apartado anterior no es necesario repetir este paso. 17. Como título introduce La alimentación de las plantas y copia y pega el contenido del archivo de texto plantas.txt como cuerpo del artículo. 18. Al final añade una línea con el texto PDF sobre Anatomía de las plantas. Selecciona este fragmento y pulsa en el botón Enlace para pegar la dirección del PDF que has subido a tu cuenta de Google Sites. Clic en Aceptar.
  • 169. Blogs ::: Documentos PDF 181 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 19. Pulsa en el botón PUBLICAR ENTRADA. A continuación haz clic en Ver blog para ver la apariencia del artículo. 10.9 Publicar un PDF en Wordpress El interfaz de gestión que ofrece Wordpress permite subir directamente un archivo PDF para luego situar un enlace al mismo en una entrada del blog. En este apartado se explica el procedimientopara hacerlo. 1. En la barra lateral izquierda del interfaz de administración de tu blog en Wordpress elige la opción Entradas > Añadir 2. Descarga y descomprime el archivo plantas.zip. Como resultado dispondrás de un archivo de texto: plantas.txt y de una página HTML: plantas.html. Si ya lo has hecho en el apartado anterior no será necesario este paso. 3. Como título introduce La alimentación de las plantas y copia y pega el contenido del archivo de texto plantas.txt como cuerpo del artículo. 4. Al final añade una línea con el texto PDF sobre Anatomía de las plantas. 5. Clic en el icono Añadir una imagen que se ofrece en la parte superior del editor de entradas.
  • 170. Blogs ::: Documentos PDF 182 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 6. En el cuadro de diálogo Añadir una imagen elige la pestaña Desde el ordenador y pulsa en el botón Elegir archivos. Observa que aunque inicialmente se sugiere Añadir una imagen, este procedimiento permite subir distintos tipos de archivos: imágenes (*.jpg, *.png y *.gif), documentos PDF (*.pdf), documentos de Word (*.doc y *.docx), presentaciones de Powerpoint (*.ppt y *.pptx) y documentos de OpenOffice (*.odt) 7. Selecciona la carpeta donde se encuentra el archivo plantas.pdf , selecciona ese archivo y luego haz clic en el botón Abrir. 8. Cuando se produce con éxito la subida en la parte inferior de este panel se muestran los datos del archivo subido. Selecciona la URL del enlace y haz clic derecho para elegir la opción Copiar.
  • 171. Blogs ::: Documentos PDF 183 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 9. Para cerrar este panel haz clic el botón Guardar cambios que se ofrece en la parte inferior y haz clic fuera de este panel. 10. De regreso al editor de la entrada selecciona el texto PDF sobre Anatomía de las plantas y pulsa en el botón Insertar/Editar enlace. 11. Se muestra el cuadro de diálogo Insertar/Editar enlace. Clic derecho sobre el cuadro de texto URL del enlace y elige Pegar. ç
  • 172. Blogs ::: Documentos PDF 184 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 12. Despliega el combo Destino y elige la opción Abrir el enlace en una nueva ventana. 13. Clic en el botón Insertar del cuadro de diálogo Insertar/Editar enlace. 14. Observa que se crea un enlace a este documento en el artículo. 15. Para terminar pulsa en el botón Publicar. 16. Para visualizar el aspecto del artículo haz clic en el botón Ver entrada.
  • 173. Blogs ::: Google Docs 185 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 11. Google Docs
  • 174. Blogs ::: Google Docs 186 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 11.1 ¿Qué es Google Apps? 11.1.1 Introducción Google Apps es un servicio web 2.0 ofrecido por Google a los usuarios registrados con cuenta de Gmail (http://www.gmail.com). Se puede utilizar para desarrollar una comunidad de usuarios que utilizan de forma colaborativa sus distintas aplicaciones web ofimáticas: Gmail, Google Calendar, Talk, Docs, Sites, etc. Las aplicaciones que proporciona Google Apps son de dos tipos: comunicación (Gmail, Talk, Reader y Calendar) y de colaboración/publicación (Docs y Sites) 11.1.2 ¿Por qué Google Apps? En el entorno educativo o laboral o de ocio es frecuente encontrarse con la necesidad de un soporte informático a una experiencia de colaboración entre un grupo de personas en el diseño de un trabajo colectivo. El denominador común de cualquiera de estas iniciativas será por un lado la creación y publicación compartida de documentos de texto, presentaciones y hojas de cálculo y por otra la comunicación en tiempo real (mensajería instantánea) o diferido (emails). En este contexto Google Apps puede ser un excelente recurso para crear y soportar la actividad de un grupo de trabajo. Google Apps ofrece una serie de ventajas en el trabajo colaborativo: 1. Sin guardar nada en el ordenador propio. El usuario puede acceder desde cualquier equipo y no necesita guardar nada en su ordenador. Si éste se estropea no pasa nada aunque no haya realizado copias de seguridad. 2. Sistema de versiones de los documentos. Si algún día se elimina un documento de forma accidental, la plataforma siempre guardar todas las versiones anteriores. 3. Compartir documentos por URL. No se requiere enviar un pesado email a nadie con el documento. Basta un email con la URL al mismo. 4. Actualización de software. No es necesario actualizar el software de creación de documentos cada dos o tres años. 5. Reinstalación del ordenador. No se precisa la reinstalación de software porque basta con un navegador web. 6. Gratuito. En el entorno educativo es gratuito. 7. Exportación. Permite la exportación de los documentos a formatos multiplataforma como PDF que pueden ser guardados en local y enviados a otros usuarios. 8. Fácil. Los documentos elaborados tienen una estructura sencilla. 9. Distintos idiomas. No se producen problemas con los idiomas ni con símbolos extraños ni con la importación de documentos de Internet u otros programas. 10. Descarga en local. Es posible guardar el documento en el ordenador para su posterior consulta si algún día está previsto no conectarse en Internet.
  • 175. Blogs ::: Google Docs 187 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 11.1.3 Descripción de las aplicaciones más interesantes Gmail. Servicio de correo electrónico. http://mail.google.com  7 Gb de espacio de almacenamiento y en alza.  Sistema de correo web muy potente: búsqueda integrada de mensajes, lista de contactos, organización en carpetas, reglas de mensajes, etc.  Accesible desde cualquier navegador: IExplorer, Firefox, Safari, Mozilla, etc.  Protección antivirus y antispam.  Configuración POP: se pueden descargar los mensajes en un cliente de correo electrónico como Outlook, Thunderbird, Eudora o similar.  Garantía de alta disponibilidad: 99% Para configurar una cuenta en un cliente de correo son necesarios 2 pasos:  Activar el acceso POP en el webmail: http://mail.google.com/support/bin/answer.py?answer=13273  Configurar una cuenta en el cliente de correo: http://mail.google.com/support/bin/topic.py?topic=12805 Google Talks. Servicio de mensajería instantánea. http://www.google.com/talk/intl/es/  Permite conversaciones de voz utilizando el programa Google Talk o bien un cliente compatible con este protocolo como Pidgin. Si un contacto no está conectado se le puede dejar un mensaje de voz.  Transferencias de archivos en tiempo real.  Lista de contactos integrada.  Acceso vía web al subsistema de envío de mensajes de texto en tiempo real.  Integración en Gmail que permite desde ésta saber quien está online y enviarle un mensaje en tiempo real desde el navegador del correo electrónico.  Las conversaciones se pueden guardar en un archivo.
  • 176. Blogs ::: Google Docs 188 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado Google Calendar. Servicio de agenda-calendario individual y colectivo. http://www.google.com/calendar/  Permite anotar los eventos en la agenda y enviar invitaciones a otras personas o programar recordatorios en ventana emergente o por email.  Interfaz intuitivo e interactivo con funciones de arrastrar y soltar.  Lista de contactos integrada.  Incorpora la posibilidad de reservar espacios para reuniones.  Control de quien puede o no puede ver o editar tu calendario.  Accesible desde cualquier navegador web: IExplorer, Firefox o Safari. Google Docs. Servicio para crear y compartir documentos. http://docs.google.com Google Docs permite crear documentos de texto, presentaciones y hojas de cálculo mediante un editor que se utiliza a través del navegador web. Esto facilita la edición de un documento online entre varias personas simultáneamente desde sus respectivos navegadores. Es posible importar y exportar archivos en Google Docs de una forma muy sencilla. Para utilizar un archivo guardado en el equipo basta con subirlo (importarlo) y continuar allí donde se había dejado. Para trabajar con documentos sin conexión o distribuirlos como adjuntos, se puede exportar una copia al equipo en el formato que más se adapte a tus necesidades. Para utilizar Google Docs SÓLO SE NECESITA una conexión a Internet y un navegador estándar. Las características más destacadas de Google Docs son:
  • 177. Blogs ::: Google Docs 189 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado  Creación de nuevos documentos o importación de documentos locales que es posible continuar editándolos desde cualquier equipo conectado a Internet.  Colaboración en tiempo real: se puede trabajar sobre un documento e invitar a otros usuarios para editarlo simultáneamente aunque se encuentren en distintas ubicaciones.  Historial de revisiones: se guarda una lista de revisiones para poder comprobar lo que añadió o eliminó cada uno y cuando lo hizo.  Herramientas de búsqueda: permite buscar los documentos utilizando un motor de búsqueda muy eficaz.  Seguridad y privacidad: el propietario o creador del documento elige quién puede ver o editar su documento.  Multiplataforma: se puede acceder a Google Docs desde cualquier navegador web. Google Sites. Servicio para crear un sitio web. http://sites.google.com Google Sites es una aplicación online que permite crear un sitio web de grupo de forma sencilla y colaborativa. Los usuarios pueden reunir en un único lugar y de una forma rápida información variada, incluidos vídeos, calendarios, presentaciones, archivos adjuntos y texto. Las características más destacadas de Google Sites son:  Personalización del estilo gráfico del sitio dotando a todas las páginas de una apariencia similar y acorde con el grupo o proyecto.  Crear una nueva página con un simple clic de botón.  En el diseño de una página se pueden utilizar variados tipos de plantillas: web, anuncios, archivador, etc.  Centralizar información compartida: se pueden subir archivos adjuntos y se puede incrustar contenido multimedia (vídeos, documentos de Google Docs, presentaciones de Picassa, gadgets de iGoogle, etc) en las páginas web.  Administración de los permisos de edición y publicación del sitio.  Incorporación del motor de búsqueda de Google a los contenidos del sitio. Esta suite se complementa con otras interesantes aplicaciones como Google Reader (organiza las suscripciones RSS), Google Photos (albumes web con Picassa), Google Maps (Mapas para geolocalización de fotos), Google Grupos (foros de debate e intercambio de archivos), etc.
  • 178. Blogs ::: Google Docs 190 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 11.2 Crear y compartir un documento en Google Docs En este tutorial se explica el procedimiento para crear y compartir un documento sencillo en una comunidad de Google Docs. Paso 1. Acceder a Google Docs 1. Visita la dirección de Gmail: www.gmail.com 2. Introduce tus credenciales de Gmail: usuario y contraseña. Si no dispones de ellas crea una cuenta y en pocos minutos dispondrás de estos datos de acceso. 3. Desde el interfaz de Gmail haz clic en el enlace Docs. Si el interfaz se muestra en inglés haz clic en el enlace Settings que aparece en la esquina superior derecha y elige Settings Docs. A continuación define Español como idioma y Madrid como franja horaria. Clic en Save (Guardar). Si el interfaz de edición de documentos de que dispones NO coincide con las capturas de pantalla que se incluyen en este manual quizás sea debido a que no tienes activada la última versión del editor. Para ello en la barra de menús de la esquina superior derecha de la página elige Configuración > Configuración de Docs. En la página Configuración, pestaña Edición hay que marcar la opción Nueva versión de documentos de Google > Crea nuevos documentos de texto con la versión más reciente del editor de documentos. Paso 2. Crear un nuevo documento 1. Para crear un nuevo documento selecciona Crear nuevo > Documento. 2. Haz clic sobre el título del documento Documento sin título y en el cuadro de diálogo Cambiar el nombre del documento teclea, por ejemplo, Federico García Lorca. Clic en el botón Aceptar.
  • 179. Blogs ::: Google Docs 191 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 3. Dentro del documento teclea el título del documento: Federico García Lorca. 4. A continuación selecciona este fragmento de texto y en la barra de menús selecciona Formato > Estilo de párrafo > Título 1. El título introducido adquiere el estilo definido. Paso 3. Buscar información 5. A continuación vamos a buscar en Wikipedia la información necesaria para elaborar el documento. Para ello desde el navegador web selecciona Archivo > Nueva pestaña. 6. En el cuadro de búsquedas de Firefox despliega la lista de motores de búsqueda pulsando en la cabeza de flecha negra que acompaña al icono del buscador activado por defecto. Selecciona Wikipedia (es-ES). Otra posibilidad es acceder a Wikipedia buscando su dirección por Google.
  • 180. Blogs ::: Google Docs 192 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 7. A continuación introduce el término de búsqueda. En este caso: Federico García Lorca. Al pulsar en el icono de lupa o al pulsar la tecla enter se mostrará la página de resultados de Wikipedia. 8. Puede mostrarse directamente el artículo sobre Federico García Lorca o bien la página de resultados de Wikipedia. En este caso pulsa en el primer enlace o bien en el botón Ir del cuadro de búsqueda que contendrá la cadena de búsqueda introducida. Esta acción nos situará en la página de esta enciclopedia sobre el tema buscado. 9. Sobre el documento de Wikipedia pulsa y arrastra para seleccionar un párrafo o párrafos. A continuación en la barra de menús del navegador selecciona Editar > Copiar. Otra posibilidad es hacer clic derecho sobre la selección y en el menú flotante que se muestra elegir la opción Copiar. 10. En el navegador web pulsa en la pestaña anterior para regresar al documento de Google Docs. Haz clic debajo del título y a continuación selecciona en la barra de menús del navegador Edición > Pegar o bien pulsa las teclas Ctrl+V Esta acción pegará el texto sobre el documento que estamos elaborando.
  • 181. Blogs ::: Google Docs 193 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado Paso 4. Editar el texto 11. Para eliminar el formato del texto selecciónalo y a continuación elige Formato > Borrar formato. 12. El texto se ha copiado incluyendo los hipervínculos. Puede ser interesante conservarlos. Si deseabas copiar sólo el texto plano (sin los enlaces) podías haberlo hecho abriendo el Bloc de Notas y pegando el texto copiado de Wikipedia sobre un documento en blanco del Bloc de Notas mediante Editar > Pegar. A continuación selecciona el texto en el Bloc de Notas y elige Editar > Copiar. De esta forma se eliminarán los enlaces antes de pegarlos en el editor de Google Docs. 13. Para terminar con el texto elabora o adapta la información copiada para que resulte original. Paso 5. Insertar una imagen de Internet 14. En el navegador web pulsa en la pestaña de Wikipedia. Ahora vamos a capturar la imagen. Clic derecho sobre la imagen del artículo de Wikipedia y selecciona la opción Copiar la ruta de la imagen.
  • 182. Blogs ::: Google Docs 194 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 15. Regresa a la pestaña del documento. Haz clic en el espacio del documento situado entre el título y el texto para indicar el punto de inserción de la imagen. A continuación en la barra de menús selecciona Insertar > Imagen o bien pulsa en el botón Insertar imagen que se ofrece en la barra de herramientas. 16. En el cuadro de diálogo Insertar imagen activa la opción URL que se ofrece en la columna izquierda. Clic derecho en el cuadro de texto Pega la URL de la imagen aquí y selecciona Pegar para pegar la dirección de la imagen capturada en el paso anterior. Nota: Si eliges la opción Desde este equipo podrías subir una imagen propia desde el disco duro del ordenador pulsando en el botón Examinar… 17. Clic en el botón Seleccione.
  • 183. Blogs ::: Google Docs 195 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado Paso 6. Insertar un hipervínculo 18. Regresa a la pestaña donde se muestra el artículo de Wikipedia. Clic derecho sobre la dirección que se muestra en el navegador web y elige Copiar. 19. Regresa a la pestaña del editor y debajo del texto escribe en una línea: “Para saber más: Federico García Lorca en Wikipedia”. 20. Selecciona el texto y desde la barra de menús elige Insertar > Enlazar o bien pulsa sobre el botón Inserta enlace que aparece en la barra de herramientas. 21. En el cuadro de diálogo Modificar enlace haz clic derecho sobre la casilla ¿A qué URL debe enlazar este enlace? y elige la opción Pegar para insertar la URL copiada al artículo de Wikipedia.
  • 184. Blogs ::: Google Docs 196 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 22. Clic en el botón Aceptar. Paso 7. Guardar el documento 23. Durante la edición del documento, éste se guarda cada cierto tiempo sin avisar al usuario. Si la última versión del documento NO se encuentra guardada en el servidor se mostrará activo el botón Guardar en la esquina superior derecha del editor de documentos. Si los últimos cambios ya están guardados se mostrará el botón Guardado deshabilitado. 24. El nombre del archivo si no lo hemos ise genera automáticamente y se muestra siempre debajo del logo de Google Docs. Si deseas cambiarlo selecciona Archivo > Cambiar nombre e introduce el nuevo.
  • 185. Blogs ::: Google Docs 197 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado Paso 8. Configurar las opciones de Compartir En relación con un documento creado en Google Docs existen 3 tipos de usuarios: propietario, colaborador y lector. La diferencia entre estos dos últimos radica en que el colaborador puede modificar el documentoaunque no sea su propietario. 25. Pulsa en la pestaña Compartir que aparece en la parte superior derecha del editor de documentos. Elige la opción Invitar a usuarios …. Se muestra la ventana Compartir con otros usuarios donde se definen las condiciones en que se comparte el documento creado. 26. Clic en el pestaña Invitar a usuarios. 27. En el recuadro Invitar puedes escribir la dirección de correo electrónico de cada usuario que deseas invitar. Sitúa cada usuario en una línea independiente o bien separados por coma. Otra posibilidad es hacer clic en el enlace Elegir de los contactos. En el cuadro Elegir de la lista de contactos puedes pulsar en Todos o bien pulsando sobre los usuarios deseados. Para terminar clic en el botón Finalizado. Se recomienda añadir usuarios con cuenta en Google.
  • 186. Blogs ::: Google Docs 198 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 28. Para el usuario o usuarios cuyas direcciones de correo electrónico has introducido, puedes elegir entre dos opciones:  Para editar. Los usuarios elegidos podrán modificar el documento.  Para leer. Los usuarios elegidos sólo podrán leer el documento. En este caso elegiremos esta opción. 29. Para completar el registro existen dos opciones alternativas:  Enviar un mensaje a cada usuario. Para ello introduce el Asunto y el Mensaje de notificación. También es posible marcar la opción Enviarme una copia. Para completar el registro y enviarle un mensaje a cada usuario pulsa en el botón Enviar.  Añadir sin enviar invitación. Se registra al usuario pero no se le envía mensaje de invitación. Clic en el enlace Añadir sin enviar invitación. 30. En este caso vamos a elegir la opción de añadir sin enviar invitación. Al hacerlo se mostrará un mensaje de advertencia Omisión de invitaciones donde se indica que los usuarios al no recibir invitación por email tendrán que acceder a Google Docs para ver lo que han compartido. Clic en el botón Aceptar. 31. Ahora se mostrará el cuadro de diálogo Compartir con otros usuarios pero con la pestaña Usuarios con acceso activada. En ella se mostrará el listado de usuarios con que hemos compartido ese documento.
  • 187. Blogs ::: Google Docs 199 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 32. Para cada usuario se indica si es propietario, puede editar o sólo ver. Para modificar el tipo de permiso sobre el documento o eliminar el usuario despliega el combo que acompaña a la línea correspondiente al email de ese usuario. Si deseas eliminar el usuario elige la opción Ninguno. 33. Clic en la pestaña Permisos avanzados podrás configurar 2 opciones:  Permitir que los editores inviten a otros usuarios para editar o ver.  Permitir el reenvío de invitaciones. 34. Para guardar todos los cambios pulsa en el botón Guardar y cerrar. Algunos detalles de compartir:  Cualquier documento se puede compartir en modo edición o lectura con un total máximo de 200 usuarios.  En los Documentos y presentaciones sólo 10 personas pueden editar al mismo tiempo. En una Hoja de Cálculo hasta 50.  Cuando se está editando un documento a la vez que otro colaborador, su nombre aparece en la parte inferior derecha del documento.  Cuando un usuario accede a Ver presentación se abre una ventana de Chat donde los usuarios puede intercambiar opiniones en tiempo real a través del teclado. 35. Para abandonar el panel de Compartir con otros usuarios haz clic en el botón Guardar y cerrar que se ofrece en la esquina inferior izquierda de este panel.
  • 188. Blogs ::: Google Docs 200 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 36. Para cerrar el editor del documento y volver al gestor de archivos de GDocs basta con cerrar la pestaña que contiene el editor pero asegurándose de que el botón Guardado aparece deshabilitado en la esquina superior de la ventana del navegador. De esta forma nos cercioraremos de que se han guardado todos los cambios en el servidor. 37. De regreso al administrador de archivos de Google Docs verás que se ha creado una entrada del documento creado. 11.3 Gestión de archivos en Google Docs 11.3.1 Importación de archivos a Google Docs 1. Descarga y descomprime en tu equipo la presentación de Powerpoint TIC_project.ppt adjunta. 2. Accede a Google Docs en modo autentificado. Si el interfaz del gestor de archivos está en inglés lo puedes pasar al español en la sección Settings (Configuración) accesible en el enlace superior derecha del gestor. 3. Desde el gestor de archivos pulsa en el enlace Subir/Upload 4. Clic en el enlace Seleccionar archivos para subir 5. Navega en el disco duro de tu ordenador para seleccionar el archivo de la presentación descargada: TIC_project.ppt.
  • 189. Blogs ::: Google Docs 201 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 6. Asegúrate de que está activada la casilla Convertir documentos, presentaciones y hojas de cálculo a los formatos correspondientes de Google Docs. De esta forma el archivo será subido y transformado para ser editado por el sistema de edición de Google. 7. Clic en el botón Iniciar la subida. Existe una limitación de peso para cada tipo de archivo que se puede subir: documentos, presentaciones, hojas de cálculo y documentos PDF. 8. Tras concluir la subida haz clic en el enlace Volver a Google Docs para regresar al gestor de archivos. 9. Desde el administrador de archivos de Google si haces clic en el título de una presentación se abrirá el editor de presentaciones de GDocs con ese archivo.
  • 190. Blogs ::: Google Docs 202 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 10. Desde la barra de menús (Archivo, Editar, Diapositiva, Insertar, etc) se pueden realizar todas las operaciones de edición sobre la presentación abierta. 11. En la barra de herramientas encontrarás acceso a las operaciones más utilizadas: añadir, duplicar o eliminar diapositiva; insertar imagen o texto, etc. 12. Si deseas ver la presentación pulsa en el botón Iniciar presentación. 13. No olvides pulsar en el botón Guardar para salvar los cambios introducidos si el sistema no lo ha hecho ya. 14. Para compartir un documento haz clic en el botón Compartir y luego selecciona Invitar a usuarios. El procedimiento es similar al explicado en el apartado anterior. 15. Para regresar al gestor de documentos cierra la pestaña que contiene el editor. 16. 11.3.2 Obtener el enlace para compartir Se puede invitar a participar como colaborador o como lector a un usuario eligiendo el documento y seleccionando Compartir > Invitar a usuarios. Otra posibilidad es activar la opción de que cualquier usuario anónimo (sin disponer de cuenta en Google) pueda acceder directamente a nuestro documento con solo disponer de su URL o dirección en internet. Le enviaríamos esta URL pegada en un mensaje de correo electrónico y
  • 191. Blogs ::: Google Docs 203 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado el usuario accedería a este documento pulsando en el enlace sin necesidad de introducir ninguna credencial. 1. En el gestor de archivos de Google Docs marca la casilla de verificación que acompaña a un documento. 2. En la barra de herramientas del gestor de archivos elige Compartir > Obtener el enlace para compartir … 3. En el cuadro de diálogo Obtener el enlace para compartir marca la casilla Permitir que lo vea cualquiera que tenga el enlace. Como se indica NO se requiere introducir credenciales (usuario y contraseña) de acceso. 4. Clic derecho sobre en enlace que se proporciona y elige Copiar. A continuación puedes pegar esta dirección en un mensaje de correo electrónico para enviársela a otro usuario. Si hemos asignado permisos de edición a ese usuario autentificado o bien hemos permitido la edición pública (sin autentificar) entonces el mencionado usuario podrá modificar su contenido. En caso contrario sólo podrá leerlo al acceder a la URL enviada. 5. Clic en el botón Guardar y cerrar. 11.3.3 Gestión de archivos en Google Docs Desde el administrador de archivos se pueden realizar distintas operaciones con los archivos.
  • 192. Blogs ::: Google Docs 204 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado En la columna izquierda del administrador de archivos se muestran las categorías y carpetas en que se organizan todos los archivos accesibles para el usuario actual a través del administrador de archivos. Es importante recordar que sólo serán accesibles a través de este interfaz aquellos archivos de los que sea propietario y aquellos compartidos por otros para ese usuario en concreto. Basta hacer clic sobre una categoría o carpeta en la columna izquierda, para que se muestre detalle de los archivos que contiene en el panel derecho. Las categorías y carpetas de la columna izquierda son:  Todos los elementos: los archivos se clasifican en las siguientes secciones Soy el propietario, Abierto por mí, Destacados (contiene los archivos marcados sobre la estrella por parte del usuario), Oculto (archivos ocultados por el usuario) y Papelera (Suprimidos).  Mis carpetas: contiene las carpetas temáticas que el usuario puede crear para guardar de una forma organizada los archivos.  Elementos por tipo: muestra los archivos clasificados por tipo: documento, presentación, hoja de cálculo y PDF. Desde el administrador de archivos se pueden realizar las operaciones más habituales: Para crear un nuevo archivo: Nuevo > Documento | Hoja de cálculo | Presentación | Formulario | Desde la plantilla Para crear una carpeta nueva: Nuevo > Carpeta (Folder). Para cambiar de nombre un archivo: Marca la casilla del documento en el panel derecho y pulsa en el botón Cambiar nombre Para cambiar de nombre una carpeta: Selecciona la carpeta en el panel izquierdo y en el panel derecho pulsa sobre su nombre para introducir el nuevo nombre.
  • 193. Blogs ::: Google Docs 205 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado Para eliminar un archivo: Marcar la casilla del documento y pulsar en el botón Suprimir. El documento se moverá a la carpeta Papelera situada en la columna izquierda de la página. Para mover un archivo a otra carpeta: Marcar la casilla del archivo y pulsar en el botón Carpetas para seleccionar la carpeta destino. Otra posibilidad es arrastrar un archivo desde el panel derecho hasta soltarlo sobre la carpeta correspondiente en la columna izquierda. Para definir las opciones de compartir: Marcar la casilla del archivo y pulsar en Compartir > Invitar a usuarios. Para ocultar/mostrar un archivo activa su casilla de selección y luego selecciona Más acciones > Ocultar/Mostrar. El archivo oculto se guardará en la carpeta Ocultos que aparece en la columna izquierda del administrador de archivos.
  • 194. Blogs ::: Google Docs 206 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado Para ver el Historial de Revisiones de un documento existen dos procedimientos alternativos que se pueden utilizar:  Desde el explorador de archivos de Google Docs, activa la casilla de selección del archivo correspondiente y a continuación selecciona Más acciones > Revisiones.  Desde el editor de ese archivo, elige Archivo > Ver historial de revisión. Utilizando cualquiera de estos dos procedimientos se puede navegar por las distintas versiones históricas del documento utilizando los botones Más antigua y Más reciente. Observa que al visualizar una versión se muestra la hora en que se guardó y el usuario que lo hizo. Para sustituir una versión por la actual o más reciente se pulsa en el enlace Recuperar ésta. Al hacer clic derecho sobre un archivo en el gestor de archivos se muestran las principales opciones de procesamiento. 11.3.4 Exportación de archivos A partir de cualquier archivo de Google Docs se puede obtener una copia para manejar en el disco duro local fuera de línea o bien para enviar como adjunto en un correo electrónico a personas ajenas a la comunidad. 1. Desde el administrador de archivos marca la casilla de selección del archivo que deseas exportar. 2. En la barra de herramientas selecciona Más opciones > Exportar como… Dependiendo del tipo de archivo se mostrarán distintas opciones de exportación:
  • 195. Blogs ::: Google Docs 207 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado  Documento: Guardar como HTML, como OpenDocument, como PDF, como RTF (Formato de texto enriquecido), como texto normal (texto plano) y como Microsoft Word  Presentación: Guardar como PDF, como PPT (Powerpoint) y como texto.  Hoja de cálculo: Guardar como Excel, como OpenOffice Calc y como texto. 3. Despliega el combo para elegir el formato de exportación. 4. A continuación pulsa en el botón Descargar para guardar en local el archivo en el formato elegido. Nota: En ocasiones cuando se utiliza Mozilla Firefox puede ocurrir que se conozca la carpeta destino donde se guardan los archivos descargados. Para saber dónde lo hace o bien forzar a que pregunte siempre la carpeta destino al descargar el archivo selecciona Herramientas > Opciones. En la pestaña Principal y en la sección Descargas marca opción Guardar archivos en para elegir la carpeta destino donde se guardarán todas las descargas o bien marca la opción Preguntarme siempre dónde guardar los archivos.
  • 196. Blogs ::: Google Docs 208 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 11.4 Crear un documento a partir de una plantilla Google Docs proporciona un amplio catálogo de plantillas que facilitan la creación de nuevos documentos de texto, presentaciones, etc. 1. Desde el gestor de archivos de Google Docs elige Nuevo > Desde la plantilla. 2. En la columna izquierda busca la sección Reducir por tipo para elegir el tipo de documento que te interesa (Documento de texto, Presentación, Hoja de cálculo o Formulario) o bien Reducir por categorías para diseñar el documento en función de un evento o necesidad concreta (Albumes, Etiquetas, Tarjetas de presentación, etc). Esta acción crea un listado filtrado de las plantillas. En este caso podemos elegir el tipo Documentos (texto) o bien Presentaciones. 3. Para observar el aspecto de una plantilla elige una entrada del listado de plantillas disponibles y haz clic en el enlace Vista previa. 4. Para elegir definitivamente una plantilla haz clic en el botón Utilizar esta plantilla. 5. Se iniciará el editor de documentos o presentaciones ofreciendo la oportunidad de modificar el contenido textual para introducir nuestro propio texto.
  • 197. Blogs ::: Google Docs 209 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 11.5 Formularios 11.5.1 ¿Qué son los formularios? Google Docs ofrece la posibilidad de diseñar un formulario de preguntas, enviar la URL de acceso a los usuarios que deseemos para que lo rellenen y luego recoger sus respuestas en forma de tabla y gráficos de datos. 11.5.2 Crear un nuevo formulario 1. Desde el gestor de archivos elige Nuevo > Formulario (Form). 2. Se accede a la página de edición del nuevo formulario. Introduce como título, por ejemplo: Gustos y colores. Y como descripción: Cuestionario de gustos y colores. 3. Debajo del título y descripción del formulario aparecerá el listado de preguntas. 4. Para editar una pregunta haz clic en el botón con el icono del lápiz en la esquina superior derecha de esa entrada. Para eliminar una pregunta haz clic en el botón con el icono de la papelera. 5. Para añadir una nueva pregunta en el botón superior izquierda elige Añadir elemento > Tipo de pregunta. 6. En este caso se propone realizar el siguiente formulario de preguntas donde se experimentan algunas de sus distintas modalidades: Pregunta 1:
  • 198. Blogs ::: Google Docs 210 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado Pregunta 2: Pregunta 3: Pregunta 4:
  • 199. Blogs ::: Google Docs 211 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 7. Si al editar una pregunta marcas la casilla Hacer esta pregunta obligatoria entonces el usuario será advertido de esta circunstancia si deja en blanco esta pregunta. 8. Tras editar cualquier pregunta haz clic en el botón Finalizado para cerrar su edición. 9. Para modificar el aspecto gráfico del formulario haz clic en el botón superior Tema: tema elegido. Clic en el tema que desees para ver el aspecto final y luego pulsa en el botón Aplicar. 10. Para terminar el formulario haz clic en el botón Guardar. 11. En la parte inferior de la página de edición del formulario se proporciona la URL de acceso directo al formulario. Haz clic en este enlace y se abrirá una nueva ventana mostrando el formulario. En la barra de dirección del navegador selecciona la dirección y haz clic derecho para elegir Copiar.
  • 200. Blogs ::: Google Docs 212 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 12. Esta URL se puede enviar en un mensaje de correo electrónico a los usuarios para que accedan al formulario y lo completen. 13. Cierra la ventana de edición del formulario. 11.5.3 Consulta de los resultados de un formulario 1. En el gestor de archivos de GDocs haz clic sobre el formulario creado. 2. En GDocs se asocia una hoja de cálculo a un formulario de tal forma que la hoja de cálculo recoge los datos enviados por los usuarios que acceden al formulario. Por este motivo al acceder al formulario entraremos en su hoja de cálculo. Puedes hacer clic en su título Formulario sin título para definir el mismo título que el introducido en el formulario: Gustos y colores. 3. Para volver a editar el formulario en su hoja de cálculo elige Formulario > Editar formulario. 4. Para disponer de la URL de acceso al formulario, en la edición de su hoja de cálculo puedes elegir Formulario > Ir al formulario en directo. 5. Para ver el resumen de las respuestas enviadas al formulario, en la edición de su hoja de cálculo, elige Formulario > Mostrar el resumen de respuestas. En esta página se mostrará gráficos resumen de las respuestas almacenadas.
  • 201. Blogs ::: Google Docs 213 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 6. Para detener/reactivar el envío de respuestas al formulario, desde la edición de su hoja de cálculo asociada, elige Formulario > Aceptando respuestas. 11.6 Integración de Google Docs en Blogger Existen dos formas de integrar un documento de GDocs en un blog de Blogger:  Enlace a su URL. Se escribe un texto y en él se define un enlace de tal forma que cuando el usuario hace clic en él es redirigido a esa dirección del documento.  Marco interno a su URL. Se utiliza la etiqueta iframe que permite crear un marco interno que apunte a una dirección URL. 11.6.1 Integración de un documento de texto 1. En el gestor de archivos de GDocs haz clic sobre el título de un documento de texto. 2. En la esquina superior derecha del editor de documentos pulsa en el botón Compartir y después elige la opción Publicar en la Web.
  • 202. Blogs ::: Google Docs 214 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado Nota: NO se propone utilizar la opción Obtén el enlace para compartir porque esto se reserva para enviar el enlace del documento a otros usuarios para que lo lean o bien puedan editarlo directamente mientras el documento se encuentre en estado de borrador o pendiente. Cuando se considere que el documento ya es definitivo y está listo para publicar se busca el enlace en la opción Publicar en la web. 3. Clic en el botón Iniciar la publicación que se ofrece en el panel Publicar en la Web. 4. Si se desea detener la publicación del documento haz clic en el botón Detener publicación. En este caso vamos a dejar activada la publicación y además marcaremos la opción Volver a publicar automáticamente cuando se realicen cambios para asegurarnos de que seguirá publicado aunque realicemos cambios. 5. Selecciona la dirección al documento que se proporciona, clic derecho y elige Copiar. Enlace a su URL: 6. Ya hemos copiado el enlace directo al documento. Si nos situamos en el editor de artículos de Blogger se puede insertar mediante un texto al que luego asociamos un enlace. Marco interno a su URL: 7. Otra posibilidad es pegar en el código HTML del artículo lo siguiente: <iframe src="<url_documento>" width="100%" height="400"></iframe> donde <url_documento> es la dirección o URL al documento que hemos copiado en el paso anterior. También se puede copiar y pegar el código HTML que se ofrece en el panel Publicar en la Web
  • 203. Blogs ::: Google Docs 215 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 8. En el editor de entradas de Blogger haz clic en la pestaña Edición HTML para luego copiar y pegar este código HTML. 9. Al publicar el artículo se mostrará en su interior un marco interno dentro del cual se leerá el documento de Google Docs.
  • 204. Blogs ::: Google Docs 216 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 11.6.2 Integración de una presentación 1. Desde el gestor de archivos de GDocs haz clic sobre el título de una presentación para acceder al editor de la misma. 2. Una vez situado en el editor de la presentación, elige Compartir > Publicar/Insertar 3. Clic en el botón Publicar documento. 4. Se muestra una página donde se puede …  Detener la publicación de la presentación en Internet pulsando en este botón.  Copiar la URL de la presentación. Selecciona la URL, clic derecho y elige Copiar.  Copiar el código para insertar el reproductor en el código HTML de tu blog. 5. Cabe la posibilidad de crear un enlace en la entrada de tu blog a la URL que hemos copiado. El procedimiento es similar al explicado en el apartado anterior para los documentos de texto. En una presentación NO es posible exportar el contenido al artículo de un blog. 6. Sin embargo la opción más interesante es insertar un visor con la presentación en la entrada de tu blog. Para ello en la página donde hemos decidido que la presentación de GDocs se publicara configura las siguientes opciones:  Tamaño del reproductor. En este caso elegiremos el tamaño pequeño.  Avanzar la presentación de forma automática. La opción por defecto es cada 3 segundos.  Iniciar la presentación cuando se cargue el reproductor. Puedes activar esta opción para que el visor comience con la reproducción automática cuando se cargue.
  • 205. Blogs ::: Google Docs 217 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado  Reiniciar la presentación después de la última diapositiva. Si activas esta casilla después de la última diapositiva se mostrará la primera y así sucesivamente en bucle infinito. 7. Una vez que has definido los distintos parámetros del reproductor, selecciona el código HTML que se ofrece y haz clic derecho para seleccionar Copiar. 8. Sitúate en el editor de la entrada de tu blog, haz clic en la pestaña Edición de HTML y haz clic derecho para elegir Pegar. Al publicar la entrada y visualizar su aspecto verás que se ha insertado un reproductor mostrando el contenido de la presentación. 11.6.3 Integración de una hoja de cálculo 1. Desde el gestor de archivos de GDocs haz clic sobre el título de una hoja de cálculo para acceder al editor de la misma. 2. Una vez situado en el editor de la presentación, elige Compartir > Publicar como página web. 3. Se pueden publicar Todas las hojas o sólo una hoja en concreto. Marca la opción Volver a publicar automáticamente cuando se realicen los cambios. Clic en el botón Iniciar la publicación. 4. En la sección Obtener un enlace a los datos publicados elige una de las siguientes opciones:
  • 206. Blogs ::: Google Docs 218 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado  Página web. Proporciona la URL de una página HTML que muestra el contenido de la hoja de cálculo. Se podría utilizar para crear un enlace en una entrada de nuestro blog.  Código HTML para incrustar en una página. Proporciona el código HTML que insertar en el artículo de tu blog.  CSV, TXT, PDF, … Proporciona un enlace para la descarga de la hoja de cálculo en uno de los formatos elegido. Este enlace se podría utilizar para crear un enlace en un artículo del blog. 5. En este caso elige Código HTML para incrustar en una página. Selecciona el código que ofrece debajo, clic derecho y elige Copiar. 6. Crea una nueva entrada en tu blog para pegar este código en el código HTML de la misma. Clic en el botón Publicar entrada y accede al blog para ver su aspecto. 11.6.4 Integración de un formulario. 1. Desde el gestor de archivos de GDocs haz clic sobre el título de un formulario para acceder a la hoja de cálculo asociada. 2. Desde el editor de la hoja de cálculo asociada al formulario elige Formulario > Editar Formulario.
  • 207. Blogs ::: Google Docs 219 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 3. En la página de edición del formulario elige Más acciones > Incrustar. 4. Se muestra el cuadro de diálogo Incrustar. Haz clic derecho sobre el código y elige Copiar. 5. Si pegas este código en el código de una entrada del blog se insertará en el formulario. 6. Desde la edición de un informe puedes elegir Ver respuesta > Resumen para luego copiar la URL de la barra de dirección del navegador web y crear un enlace a esta página que muestra de una forma gráfica el resumen del formulario. 11.7 Integración de Google Docs en Wordpress En un blog de Wordpress no se admite la etiqueta HTML <iframe> por razones de seguridad. Por ello NO es posible integrar una marco interno en una entrada del blog mostrando un documento de Google. Por este motivo para integrar un documento de GDocs en un blog de Wordpress se utiliza el enlace a su URL. Esto se puede aplicar a documentos de texto, presentaciones, hojas de cálculo, formularios, etc. Se escribe un texto y en él se define un enlace de tal forma que cuando el usuario hace clic en él es redirigido a esa dirección del documento alojado en Google Docs. 1. En el gestor de archivos de GDocs haz clic sobre el título de un documento de texto.
  • 208. Blogs ::: Google Docs 220 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 2. En la esquina superior derecha del editor de documentos pulsa en el botón Compartir y después elige la opción Publicar en la Web. Nota: NO se propone utilizar la opción Obtén el enlace para compartir porque esto se reserva para enviar el enlace del documento a otros usuarios para que lo lean o bien puedan editarlo directamente mientras el documento se encuentre en estado de borrador o pendiente. Cuando se considere que el documento ya es definitivo y está listo para publicar se busca el enlace en la opción Publicar como página web. 3. En el panel Publicar en la Web haz clic en el botón Iniciar la publicación. 4. Si se desea detener la publicación del documento haz clic en el botón Detener publicación. En este caso vamos a dejar activada la publicación y además marcaremos la opción Volver a publicar automáticamente cuando se realicen cambios para asegurarnos de que seguirá publicado aunque realicemos cambios.
  • 209. Blogs ::: Google Docs 221 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del Profesorado 5. Selecciona el Enlace de documento que se proporciona, clic derecho y elige Copiar. 6. Ya hemos copiado el enlace directo al documento. Si nos situamos en el editor de artículos de Wordpress se puede insertar mediante un texto al que luego asociamos un enlace.
  • 210. Blogs ::: Derechos de autor 222 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 12. Derechos de autor
  • 211. Blogs ::: Derechos de autor 223 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 12.1 Introducción En la elaboración de artículos en nuestro blog podemos partir de activos (textos, imágenes, audios y vídeos) propios o bien utilizar aquellos procedentes de otras personas o entidades. Por otra parte cuando se publica un material en internet puede resultar interesante establecer las condiciones de uso. 12.2 Los derechos de autor Los materiales multimedia tanto en formato cdrom como en internet están sujetos a la misma legislación sobre derechos de autor que el resto de obras: libros, pinturas, música, etc. Esto significa que si decidimos incorporar recursos ajenos (léase imágenes, audios, vídeos, etc) a nuestro espacio web debemos conocer y respetar las condiciones de uso que han definido los autores de estos materiales. Y esto es especialmente significativo cuando el material que hemos elaborado supera el contexto de uso particular y se pretende publicar en internet. Es entonces cuando existe posibilidad de ser utilizado por otras personas incluso en clara competencia con el material original. En ocasiones cuando accedemos a un espacio web, su autor explicita la posibilidad de reutilización a cambio de citar la procedencia (derecho de cita) o bien de que no se fragmente su obra (derecho de obra no derivada). Sin embargo cuando esto no se indica o bien se muestra una licencia de copyright (derechos reservados) conviene ser cauteloso. La apropiación indiscriminada de materiales ajenos para elaborar un material propio no se puede justificar desde la ausencia de ánimo de lucro que caracteriza las iniciativas donde participemos. Esta justificación no es suficiente y se hace necesario en estos casos contactar con el autor o autores para obtener su permiso y en caso favorable citar siempre la fuente de procedencia. 12.3 Licencias Creative Commons Creative Commons (http://es.creativecommons.org/) es una organización que ofrece a cualquier usuario la posibilidad de elegir las condiciones en que desea compartir un trabajo publicado en Internet. Para ello debe elegir entre 4 condiciones: Reconocimiento (Attribution): El material creado puede ser distribuido, copiado y exhibido por terceras personas si se reconoce la autoría en los créditos. No Comercial (Non commercial): El material original y los trabajos derivados pueden ser distribuidos, copiados y exhibidos mientras su uso no sea comercial. Sin Obra Derivada (No Derivate Works): El material puede ser distribuido, copiado y exhibido pero no se puede utilizar para crear un trabajo derivado del original. Compartir Igual (Share alike): El material puede ser modificado y distribuido pero bajo la misma licencia que el material original. De la combinación de estas condiciones se logran componer los 6 tipos de licencias que se pueden elegir:
  • 212. Blogs ::: Derechos de autor 224 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado Reconocimiento (by): El material puede ser distribuido, copiado y exhibido por terceros si se muestra en los créditos. Reconocimiento - Sin obra derivada (by-nd): El material puede ser distribuido, copiado y exhibido por terceros si se muestra en los créditos. No se pueden realizar obras derivadas. Reconocimiento - No comercial - Sin obra derivada (by-nc-nd) : El material puede ser distribuido, copiado y exhibido por terceros si se muestra en los créditos. No se puede obtener ningún beneficio comercial. No se pueden realizar obras derivadas. Reconocimiento - No comercial (by-nc): El material puede ser distribuido, copiado y exhibido por terceros si se muestra en los créditos. No se puede obtener ningún beneficio comercial. Reconocimiento - No comercial - Compartir igual (by-nc-sa): El material puede ser distribuido, copiado y exhibido por terceros si se muestra en los créditos. No se puede obtener ningún beneficio comercial y las obras derivadas tienen que estar bajo los mismos términos de licencia que el trabajo original. Reconocimiento - Compartir igual (by-sa): El material puede ser distribuido, copiado y exhibido por terceros si se muestra en los créditos. Las obras derivadas tienen que estar bajo los mismos términos de licencia que el trabajo original. 12.4 Añadir licencia CC a un blog Blogger Si estás interesado/a en situar una licencia CC (Creative Commons) en la barra lateral de tu blog puedes seguir los siguientes pasos: 1. Visita la web de Creative Commons: http://es.creativecommons.org/licencia/ 2. Pulsa en el enlace Escoger una licencia 3. En la pregunta ¿Quiere permitir usos comerciales de su obra? marca la opción deseada. Por ejemplo: No. 4. En la pregunta ¿Quiere permitir modificaciones de su obra? señala una respuesta. Por ejemplo: Yes, as long as others share alike (Sí pero compartir igual)
  • 213. Blogs ::: Derechos de autor 225 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 5. En la lista desplegable Jurisdicción de su licencia elige el país de procedencia. También es posible añadir información adicional de la obra pero en este caso no lo haremos. 6. De la combinación de las respuestas emitidas surgirá la licencia antes descrita como: Reconocimiento-No comercial-Compartir Igual. 7. Clic en el botón Escoja una licencia. 8. Selecciona el modelo de icono que deseas incluir en tu página HTML: 9. Clic derecho sobre el cuadro que muestra el código HTML y elige Seleccionar todo. A continuación vuelve a hacer clic derecho y selecciona Copiar. 10. Ahora vamos a crear en el blog un gadget en la barra lateral que muestre la licencia elegida a los lectores. 11. Accede a la dirección de Blogger: http://www.blogger.com e introduce las credenciales de tu cuenta Google. Clic en el botón ACCEDER. 12. En el Escritorio pulsa en el enlace Diseño correspondiente a tu blog. 13. En la pestaña Elementos de la página haz clic en el enlace Añadir un gadget.
  • 214. Blogs ::: Derechos de autor 226 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 14. Clic en el botón Añadir (+) para incorporar a la barra lateral un gadget del tipo HTML/Javascript. 15. En el cuadro de diálogo Configurar HTML/Javascript introduce como Título el texto Licencia Creative Commons y en el cuadro Contenido haz clic derecho y selecciona Pegar para pegar el código HTML copiado desde Creative Commons. En este código puedes modificar el texto: “Esta obra …” por “Este blog…” 16. Clic en el botón GUARDAR.
  • 215. Blogs ::: Derechos de autor 227 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 17. Si deseas modificar de posición arriba/abajo del gadget basta con pulsar y arrastrar uno respecto al otro sobre la edición de la barra lateral. 18. Clic en el botón GUARDAR. 19. Para ver el resultado final haz clic en el enlace Ver blog. En la barra lateral se mostrará un gadget con el icono del tipo de licencia elegido. 20. Cuando el lector hace clic en el icono o en el enlace textual se mostrará la página de Creative Commons con las condiciones de la licencia elegida.
  • 216. Blogs ::: Derechos de autor 228 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 12.5 Añadir una licencia CC a un blog de WP Si estás interesado/a en situar una licencia CC (Creative Commons) en la barra lateral de tu blog puedes seguir los siguientes pasos: 1. Visita la web de Creative Commons: http://es.creativecommons.org/licencia/ 2. Pulsa en el enlace Escoger una licencia 3. En la pregunta ¿Quiere permitir usos comerciales de su obra? marca la opción deseada. Por ejemplo: No. 4. En la pregunta ¿Quiere permitir modificaciones de su obra? señala una respuesta. Por ejemplo: Yes, as long as others share alike (Sí pero compartir igual)
  • 217. Blogs ::: Derechos de autor 229 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 5. En la lista desplegable Jurisdicción de su licencia elige el país de procedencia. También es posible añadir información adicional de la obra pero en este caso no lo haremos. 6. De la combinación de las respuestas emitidas surgirá la licencia antes descrita como: Reconocimiento-No comercial-Compartir Igual. 7. Clic en el botón Escoja una licencia. 8. Selecciona el modelo de icono que deseas incluir en tu página HTML: 9. Clic derecho sobre el cuadro que muestra el código HTML y elige Seleccionar todo. A continuación vuelve a hacer clic derecho y selecciona Copiar. 10. Ahora vamos a crear en el blog un widget en la barra lateral que muestre la licencia elegida a los lectores. 11. Desde el interfaz de administración del blog elige la opción Apariencia > Widgets
  • 218. Blogs ::: Derechos de autor 230 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 12. Arrastra y suelta el widget Texto sobre la barra lateral derecha. 13. En el cuadro de texto Título introduce el texto Licencia Creative Commons. En el cuadro de texto inferior haz clic derecho y elige Pegar para pegar el código HTML que te ha proporcionado el espacio Creative Commons. 14. Clic en el botón Guardar. Para cerrar la edición de este widget pulsa en el enlace Cerrar. Para eliminar este widget haz clic en el enlace Borrar.
  • 219. Blogs ::: Derechos de autor 231 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado 15. Si deseas modificar de posición arriba/abajo del gadget basta con pulsar y arrastrar uno respecto al otro sobre la edición de la barra lateral. 16. Para editar de nuevo el contenido de este cuadro haz clic en el botón Abrir que se muestra en la esquina superior derecha del widget. 17. Para ver el resultado final haz clic en el enlace disponible en el título del blog. En la barra lateral se mostrará un gadget con el icono del tipo de licencia elegido. 18. Cuando el lector hace clic en el icono o en el enlace textual se mostrará la página de Creative Commons con las condiciones de la licencia elegida.
  • 220. Blogs ::: Derechos de autor 232 Multimedia y Web 2.0 ::: Edición 2010 ::: Formación del profesorado