Archivo mensual: febrero 2009

Tarea: Insertar una imagen desde URL

Para insertar una imagen que se encuentra en Internet debemos fijarnos en su URL. Normalmente tendrá extensión “jpg” o “gif”, es decir, la URL terminará en “.jpg” o “.gif”.

Las URLs de las imágenes tienen las siguientes terminaciones: “.jpg”, “.gif” o “.png”. Debemos copiar y pegar una URL que termine de esa manera.
Las URLs de las imágenes tienen las siguientes terminaciones: “.jpg”, “.gif” o “.png”. Debemos copiar y pegar una URL que termine de esa manera.

Recordemos la ventana de Insertar una imagen desde URL, que aparece en el editor de texto cuando escribimos un artículo, que hemos visto en el artículo anterior:

desdeurl

Podemos saber la URl de cualquier imagen que en un blog o página web pinchando con el botón derecho encima de ella. Depende del navegador con el que estemos trabajando será diferente:

  • En Mozilla Firefox tenemos un menú contextual en el que se muestra directamente la posibilidad de Copiar la ruta de la imagen. Al pinchar en ella se copia la URL en el portapapeles, después podremos pegarla en la casilla URL de la imagen.
imagen_1
  • En Internet Explorer tenemos que pinchar en Propiedades, se abrirá una nueva ventana y podremos copiar la URL de la imagen.

Para encontrar imágenes interesantes podemos acudir a un buscador de imágenes. Puede ser un buscador como Google o un portal como flickrCC que nos muestra las fotos que están publicadas en Flickr que tienen licencia Creative Commons.

Si lo hacemos desde Google, es mejor que tengamos la imagen en tamaño completo.

  • Ponemos una palabra para buscar imágenes. Nos mostrará una selección de ellas que iremos consultando.
selecc
  • Cuando veamos una que nos guste pinchamos en ella. Ahora tendremos partida la pantalla, en la parte superior estará la imagen y debajo la página donde aparece. Pinchamos en el enlace: ver imagen en tamaño completo.
imagen_4
  • Ahora aparecerá sólo la imagen. Tendremos su dirección en la barra de dirección. Si nos fijamos, esta URL terminará en cualquiera de los formatos de imagen que hemos comentado al principio.

imagen_6

  • Podremos copiar la URL de la barra de dirección del navegador o mediante el botón derecho del ratón.
    NOTA: cualquier imagen que tomemos de Internet y que publiquemos en nuestro blog debe tener una URL indicando la procedencia de la misma, mediante un hipervínculo. Son imágenes que nos ceden para usar y que tienen una licencia de uso.

    Tarea: Insertar una imagen. Biblioteca de objetos.

    Para insertar una imagen en un artículo debemos pinchar en el primer icono icono que se encuentra encima del editor de texto. Si acercamos el ratón a él se puede leer “Añadir imagen

    anadir

    Al pinchar en este icono se nos abre una ventana con tres pestañas:

    desdeurl

    • Desde el ordenador: podemos subir la imagen si la tenemos guardada en nuestro ordenador, pinchamos en seleccionar archivo y la subimos. Habrá que tener cuidado con el tamaño de la imagen y adecuarla para poder publicar y así ahorrar el espacio que nos proporcionan. Las imágenes deberían tener como máximo 500 px de largo, depende de la plantilla elegida, en algunas puede ser que admita un tamaño mayor. En la cuenta gratuita tenemos 3 Gb de espacio.
    • Desde URL: de esta manera no gastamos espacio de almacenamiento de nuestro blog. Si utilizamos esta posibilidad habrá que ver la licencia de la foto, si tiene los derechos reservados o se cede en Creative Commons. En este último supuesto habrá que hacer mención a la procedencia de la misma, realizando un hipervínculo al lugar de donde hemos tomado la URL. total.

    biblioteca

    • Biblioteca de medios: aquí podemos ver todos los documentos subidos al blog, y entre ellos las imágenes.

    Si queremos insertar una imagen que se encuentra en esta Biblioteca deberemos pinchar en Mostrar. Se abre una nueva ventana donde podemos:

    • editar el tamaño de la imagen,
    • alinearla: centro, izquierda, etc.,
    • ponerle un título: este texto del título aparecerá cuando coloquemos el ratón encima de la imagen,
    • Leyenda: este texto aparecerá debajo de la imagen. Podemos editar este texto y hacer un hipervínculo al lugar de procedencia
    • URL: podemos hacer un hipervínculo al lugar de procedencia. Al pinchar en la imagen se abrirá la web que pongamos en la URL.
    • Insertar en entrada: pinchando en él tendremos la imagen en el artículo. Antes deberemos dejar el cursor en el lugar en el que queremos insertar la imagen.

    <!–

    Tarea: publicar un artículo

    Vas a escribir y publicar tu primer artículo en el blog.

    • Entra en la administración de tu blog con tus claves.
    • Para escribir un artículo nuevo pincha en la pestaña Nueva entrada que se encuentra en la parte superior.

    entrada

    • También puedes hacerlo pinchando en Entradas del menú de la izquierda y a continuación en Crear.

    crear-entrada

    • Ponemos un Título para el artículo y escribimos el texto del artículo en la ventana.

    entrada2

    • Elegimos la Categoría del artículo. Si necesitamos podemos añadir una nueva Categoría. Y también pondremos Etiquetas (Post Tags).

    catego

    • Por último pinchamos en Publicar. Si no hemos terminado de escribir el artículo, podemos guardarlo como borrador para continuar más tarde. Pinchamos en Guardar Borrador.

    guardar-borrador

    • Tanto el borrador como los artículos publicados serán visibles al pinchar en el menú Entradas – Editar.

    Todos los artículos deben de tener asignada una Categoría y unas Etiquetas, si se nos olvida asignarlas el blog pondrá una categoría por defecto, posteriormente podremos editarla y cambiarla. Para asignar Categorías y Etiquetas tendremos en cuenta que las categorías son más generales y las etiquetas serán más concretas.

    Tarea: Añadir enlaces

    Procedencia de la imagen

    Otro de los apartados que hay que configurar en un blog son los enlaces. En el menú de navegación de la bitácora, se suelen añadir las direcciones o enlaces a los blogs que más nos gustan o que leemos con frecuencia. Otra característica es que estos enlaces se suelen agrupar por temas afines, para ello habrá que asignar la misma categoría a todos ellos.

    Vais a añadir los enlaces a los blogs que han creado los compañeros y compañeras en esta opcional. Cread una categoría nueva para agruparlos que se llamará Taller de Blogs, a continuación creáis los enlaces.

    Ya hemos colocado el widget de los enlaces en el menú lateral ahora vamos a crear los enlaces que queremos que visiten los lectores de nuestro blog.

    • Cread una categoría nueva para agruparlos que se llamará Taller de blogs, a continuación creáis los enlaces. Para crear una categoría de enlaces podéis hacerlo al mismo tiempo que escribís un nuevo enlace.
    • Pincha en la pestaña Enlaces del menú de la izquierda, a continuación Crear.

    enlacesc2

    • Rellenamos los datos que tendrá nuestro enlace:
      • Nombre del blog o de la página web
      • Escribiremos o copiaremos la URL o dirección web que previamente habremos copiado.
      • Ponemos una pequeña descripción que será visible al poner el ratón encima del enlace.
    enlacesc11
    • A continuación le asignamos una categoría. En el caso de no haber sido creada antes pincharemos en Crear nueva categoría para crearla.

    enlaces21

    • Destino: en este apartado pondremos la manera en que queremos que se abra este enlace:
      • _blank: el enlace se abrirá en una nueva ventana y conservaremos visible nuestro blog.
      • _top: la nueva página se abrirá en la misma ventana y perderemos la navegación de nuestro blog.
      • ninguno: como el anterior
    • Por último pinchamos en Crear enlace.

    Tarea: Organizar la barra lateral

    Procedencia de la imagen

    Según la plantilla que hayáis elegido puede que tengáis una o dos barras laterales. Vamos a trabajar con ella(s) porque contiene una serie de menús que nos resultan imprescindibles para organizar lo que vayamos escribiendo en nuestro blog. Esta barra lateral, también llamada sidebar, viene con unos contenidos que suelen ser los siguientes:

    • Categorías: aquí van a ir apareciendo las categorías que vamos asignando a nuestros artículos. Ya sabéis que para publicar un artículo debéis asignarle una categoría. Las iréis creando a medida que vayáis escribiendo.
    • Archivos: irán apareciendo los meses del año, algunos incluso con el número de artículos publicados en ese mes.
    • Blogroll: este menú se encarga de mostrar los enlaces a otros blogs o páginas web que queráis que vuestros lectores visiten. Se puede llamar de otra forma y puede haber varios grupos, segun los temas de vuestro blog.
    • Meta: os va servir, sobre todo, para entrar en el blog pinchando en Ingresar al sistema. En algunas plantillas no está visible y tendremos que ponerlo.
    • Páginas: además de los artículos tenemos la posibilidad de escribir en otro tipo de documento llamado Página estática que no se va a publicar junto a los artículos. En algunas plantillas están colocadas en un menú superior y no es nececsario incluirlas en el sidebar.

    Para organizar esta barra lateral tenemos que “colocar” unos rectángulos especiales, llamados widgets, que los encontraremos en la Administración del blog, en la siguiente ruta: Presentación – Widgets de la barra lateral

    Los widgets imprescindibles para el blog:

    • Categorías
    • Enlaces
    • Archivos
    • Meta
    • Páginas (si no están incluidas en el menú superior)

    Otros widgets:

    • Estadísticas del blog
    • Calendario
    • Comentarios recientes
    • Entradas recientes
    • Top Clicks
    • Post más vistos

    Widgets multimedia:

    • Flickr: sirve para colocar fotos en el sidebar. Lo colocaremos más adelante.
    • Sonific: para poner música.
    • Vod: Pod Videos: puedes mostrar una selección de vídeos de este portal Vod.
    • Meebo: con este widget puedes montar un chat en tu blog

    Otros widgets interesantes:

    • RSS: sirve para ver publicados los artículos de otro blog de manera automática.
    • Texto: para colocar código HTML (hay algunos que no permite).
    • Akismet: muestra el número de comentarios que ha filtrado y no ha permitido publicar por spam o anuncios dudosos.

    Coloca los widgtes imprescindibles en tu blog.

    Elegir una plantilla

    Cuando creas el blog, el sistema pone una plantilla predefinida. Si no te gusta puedes cambiarla por otra de entre las que ofrecen.

    Desde la administración del blog pinchamos en Aspecto – Temas en el menú de la izquierda.

    temas

    En esta ventana tenemos todas las plantillas que nos ofrece wordpress.com. Fijaos en el tipo de plantilla que elegís bien sea por el color o por el número de columnas que tiene, dos o tres, o si la cabecera del blog admite una foto. Podéis probar todas las veces que queráis para ver cómo os queda.

    Cuando encontréis una que os guste pinchad en ella y aparecerá una nueva ventana con una vista previa y si queréis activarla solamanente deberéis pinchar en el ángulo superior derecho de esa ventana, donde pone Activar “nombredelaplantilla”. Si queréis seguir viendo más cerrad esta ventana pinchando en la “x” que tenéis en el ángulo superior izquierdo.

    plantilla

    Si la plantilla elegida permite focolocar una foto en la cabecera aparecerá un nuevo menú en Aspecto, llamado Cabecera personalizada:

    cabeceraperso

    Al pinchar en este menú tenemos una nueva ventana para poder poner la cabecera del blog a nuestro gusto:

    foto

    Según la plantilla elegida se nos informará del tamaño de la imagen a subir. No importa que la subamos más grande que el tamaño indicado, porque después nos ofrecerá la posibilidad de recortarla por donde mejor nos parezca.

    También podemos cambiar el color de las letras del título e incluso no incluirlo, por si queremos hacer una cabecera conjunta de imagen y título.

    Actualiza tu perfil

    Una de las primeras actividades que podemos realizar en nuestro blog es actualizar nuestro perfil y decidir:

    • cómo queremos firmar nuestros artículos y comentarios
    • si queremos cambiar nuestra contraseña
    • añadir algún dato autobiográfico

    Al entrar con nuestras claves veremos la ventana de administración del blog, lo llamaremos el tablero.

    tablero

    A continuación, dentro del menú que se encuentra a la izquierda, pincharemos en Usuarios – Tu perfil.

    perfil2

    En la nueva página tendremos los datos de nuestro perfil que queramos editar o renovar.

    Puedes verlo en este videotutorial.