Publicaciones etiquetadas ‘Insertar’

Insertar archivos de sonido en nuestro blog

Escrito por ATE [ecoescuela] el . Posteado en Tema 3: Incrustar contenido multimedia

Incrustar un documento sonoro subido a nuestra galería multimedia.

Insertar un archivo *.mp3 subiéndolo a librería multimedia de nuestro blog:

Subir el archivo sonoro a nuestro blog y situar un enlace al mismo en una entrada.

  • Buscaremos el archivo en nuestro ordenador. Para crear o transformar archivos de sonido podemos ayudarnos de un fantástico programa que se encuentra instalado en todos los ordenadores distribuidos por la Consejería como es Audacity.
  • En el menú lateral izquierda del Escritorio del panel de administración de nuestro blog en WordPress elegiremos la opción Entradas → Añadir nueva.
    12-03-2014 10-32-17
  • Introducimos un título y un texto.

  • pulsando sobre el botón “Añadir objeto”  12-03-2014 11-01-41, localizamos el archivo sonoro en nuestro equipo y arrastramos a la zona de subida de archivos. También podremos utilizar el botón de Elegir Archivos y explorar de forma tradicional.
    12-03-2014 10-35-42
  • Cuando se produce con éxito la subida en la parte inferior de este panel se muestran los datos del archivo subido. Introduce un título significativo al documento. Por ejemplo: “IES Los Cardones”.
    12-03-2014 10-40-34
  • Luego, en la zona “AJUSTES DE LA PANTALLA DE ADJUNTOS” elegimos la opción”Enlace al archivo de medios” y pulsaremos sobre “Insertar en la entrada” :
    12-03-2014 10-45-20
  • De regreso al editor de la entrada veremos que se ha insertado un enlace con el título al archivo que hemos subido a nuestra librería.

  • Para terminar pulsa en el botón Publicar.

  • Para visualizar el aspecto del artículo haz clic en el botón Ver entrada. El archivo sonoro es un enlace que se abrirá en otra página cuando hagamos clic sobre el enlace.

Subir el archivo sonoro a nuestro blog y reproducirlo en la propia entrada.

  • Buscaremos el archivo en nuestro ordenador pulsando sobre el botón “Añadir objeto” y seguimos los pasos explicados anteriormente.
  • Luego, en la zona “AJUSTES DE LA PANTALLA DE ADJUNTOS” elegimos la opción”Enlace al archivo de medios” y seleccionaremos la URL del enlace y haremos clic derecho para elegir la opción Copiar.
    12-03-2014 10-49-36
  • Para cerrar este panel haz clic fuera de este panel o en el aspa “x” de la esquina superior derecha.
  • Regresaremos al editor de la entrada y pegaremos la URL en una línea. Nos fijaremos de que está en una sola línea y de que no tiene ningún hipervínculo.

  • Para terminar pulsa en el botón Publicar.

  • Para visualizar el aspecto de la entrada haremos clic en el botón “Ver entrada”.

Subir el archivo sonoro a nuestro blog y reproducirlo en la propia entrada.

  • Buscaremos el archivo en nuestro ordenador pulsando sobre el botón “Añadir objeto” y seguimos los pasos explicados anteriormente. En la zona “AJUSTES DE LA PANTALLA DE ADJUNTOS” elegimos la opción”Incrustar reproductor de medios”  y pulsaremos sobre “Insertar en la entrada” :
    12-03-2014 11-04-07
  • Para terminar pulsa en el botón Publicar.
  • Para visualizar el aspecto de la entrada haremos clic en el botón “Ver entrada”.

Podcasting

El podcasting consiste en la distribución de archivos
multimedia (normalmente audio o vídeo, que puede incluir texto como subtítulos y notas) mediante un sistema de redifusión (RSS) que permita suscribirse y usar un programa que lo descarga para que el usuario lo escuche en el momento que quiera. No es necesario estar suscrito para descargarlos.

Un podcast se asemeja a una suscripción a un blog hablado en la que recibimos los programas a través de Internet. También una ventaja del podcast es la posibilidad de escuchar en lugares sin cobertura.

Una de las funcionalidades que nos ofrece el blog es la facilidad para incrustar estos archivos de sonido o podcast que se comparten en la nube y que se pueden escuchar o ver desde la página web en la que han sido colocados. Blogs como WordPress y otros permiten realizar podcasting con el uso de herramientas gratuitas (plug-ins), como WordTube o Podpress.

Como hemos visto sería posible almacenarlos en el WordPress que nos ofrece Blog de los Centros, sin embargo, no parece una opción muy aconsejable, pues además de la complicación a la hora de crearlos habría que sumar la de los problemas que pueden surgir para alojar estos archivos tan grandes y que saturan tanto el ancho de banda.

Afortunadamente existen opciones de alojamiento especializadas en podcasting que nos ofrecen servicios gratuitos de alojamiento: Archive.org; Blip.tv; Cadpost; Podomatic; Poderato; divShare; ivoox; livestream

Incrustar un podcasting en una entrada

Si lo que queremos es incrustar un podcast que esté ubicado en algún alojamiento de la Web 2.0, seguiremos los pasos que hemos visto para incrustar vídeos o presentaciones. Es necesario comprobar que la URL de la herramienta está incluida en el listado de sitios de confianza para WordPress.

  • Seleccionaremos el podcast en el servicio donde lo hemos subido o localizado. En el ejemplo utilizaremos divShare.

  • Una vez lo hemos seleccionado nos permite descargarlo o embeberlo. Seleccionamos “Embed”:

  • Se abrirá una pantalla en la que podremos seleccionar el estilo de la barra y copiar el código para incrustar en nuestra entrada:

Creación de una audioguía

Las audioguías se están convirtiendo en un interesante recurso para colocar información sonora sobre lugares de interés y localizarlas geográficamente. Esto las convierte en un interesante recurso para utilizar con nuestro alumnado, grabar documentos, colocarlos en la nube y descargarlos en diferentes soportes (teléfono móvil, mp3,…) para ser escuchados durante una visita o en otro momento.

Woices es un portal en dónde podremos encontrar y crear audioguías localizadas geográficamente sobre Google maps, de modo que podremos conocer de primera mano las opiniones y recomendaciones de otros usuarios de viva voz.

Sólo tendremos que registrarnos si queremos crear nuestros propio audio, sino bastará con entrar a curiosear.

Como hemos visto hasta ahora la forma de incrustar este tipo de documentos en nuestro blog resulta muy sencilla. Tan solo tendremos que localizar la audioguía, copiar el código, pegarlo en nuestra entrada de blog y ya lo hemos incrustado el reproductor en nuestro blog.

Insertar una imagen

Escrito por ATE [ecoescuela] el . Posteado en Tema 2: Crear una entrada

Cuando se escribe una entrada en el blog seguramente les surgirá la necesidad de usar imágenes para decorar o ilustrar la misma.

El uso de las imágenes requerirá una reflexión más detallada que abordaremos un poco más adelante por la importancia que tiene el tomar conciencia sobre el respeto escrupuloso a los derechos de autor. Las imágenes que se adjuntan a una noticia estarán publicadas en la Web y por tanto estaremos expuestos a cualquier tipo de reclamación.

Para empezar, habrá que decidir donde queremos tener las imágenes que se van a utilizar en la entrada que se está creando. Podremos tenerlas subidas al espacio que nos ofrece nuestro blog o acceder a ellas desde la Web. Para la segunda opción podremos usar algunos de los servicios gratuitos que nos permiten alojar nuestras colecciones de fotografías o enlazar directamente desde algún repositorio específico o página web (esto tiene el riesgo de que si quitan la imagen que tenemos enlazada del sitio web a donde hemos dirigido el enlace nos quedaremos sin ella en nuestra entrada).

Los servicios gratuitos para alojar colecciones de fotografías, tipo Picasa o Flickr,… suelen ser más apropiados para alojar gran cantidad de fotografías, por ejemplo, después de haber hecho una salida con los alumnos para tener un álbum fotográfico virtual.

En este apartado del tema trataremos de repasar como podemos insertar una imagen en una entrada desde estas dos perspectivas y cómo podemos crear galerías de imágenes.

Insertar una imagen subiendola previamente a la galería multimedia de nuestro blog

La forma más sencilla y natural será la de subir una foto que se tenga guardada en el propio ordenador.

  • Pondremos el cursor en el lugar donde queremos insertar la imagen y luego buscaremos en la parte superior del editor de texto o del área de edición de la entrada el icono de “Añadir objeto”:
  • Al seleccionar la opción de “Subir archivos” se abrirá un menú que nos permitirá buscar las imágenes dentro del propio ordenador y arrastrarla al espacio que nos indica. Una vez se arrastra la imagen se comienza a subir de forma automática.
    27-02-2014 14-32-05
  • WordPress también nos permite utilizar la función de “Elegir archivos” y explorar de forma normal en búsqueda de la imagen que está guardada en el propio equipo. En este caso, cuando se tenga la imagen seleccionada se debe hacer clic sobre Subir.

27-02-2014 14-30-01

  • Una vez se haya subido la imagen en la galería multimedia se cargará de forma automática el menú con las opciones de la imagen que hemos subido.
  • Rellenaremos aquella información asociada a la propia imagen. Pondremos el título de la imagen, el texto alternativo y una breve descripción. Estos datos no son imprescindibles pero facilitan la accesibilidad de nuestro sitio.
  • Si escribimos algún texto en la opción “Leyenda” aparecerá publicado como texto explicativo de la imagen.
  • Observaremos el apartado de URL del enlace, es la dirección que WordPress le ha dado a esta imagen y siempre o archivo y siempre que la escribamos veremos la imagen.
  • Decidiremos la alineación donde nos gustaría que aparezca la imagen en nuestra entrada.
  • Podremos modificar el Tamaño de la imagen seleccionando entre Miniatura y Tamaño completo. Tendremos que tener en cuenta como es la plantilla que estamos utilizando para que la imagen se adapte al espacio que tenemos asignado para las entradas.
  • Cuando tenemos completados los datos del menú pulsaremos sobre Insertar en la entraday regresaremos al editor de la nueva entrada, donde acabaremos de organizar y escribir la noticia que vamos a publicar.
    27-02-2014 14-35-31
  • Ya solo que tenemos que colocar la imagen. La seleccionamos y con la herramienta Alinear texto la colocamos en el centro, izquierda o derecha. Jugando con estas opciones, podemos colocar el texto al lado de la foto.
  • Como consejo, colocar la foto después de poner el texto.

 

Insertar una imagen enlazada desde Internet

Otra forma que podremos utilizar es la de insertar una foto que ya está en Internet. Puede que la tengamos subida un alojamiento propio o que la enlacemos directamente desde otro lugar de la Web (tendremos que tener mucho cuidado con los derechos de autor):

  • Localizamos la imagen en Internet y con el botón derecho copiamos la ruta de la imagen.
  • Colocaremos el curso en el lugar donde queremos insertar la imagen y buscaremos el botón de “Añadir objeto” que aparece en la parte superior del editor de texto.
  • Seleccionar la opción de “Subir archivos” y al seleccionar el botón de “Selecciona archivo” se abrirá el menú que nos permitirá buscar las imágenes dentro del propio ordenador y arrastrarla al espacio que nos indica. Tendremos que buscar la opción que pone “Insertar desde URL” y se desplegarán las opciones para introducir los datos de la foto.
  • En este menú introducimos la dirección donde está la imagen en Internet (la que hemos copiado en el portapapeles en el paso 1) y completaremos la leyenda.

    27-02-2014 14-49-49

    Fotografia de ejemplo: Mont Saint Michel por Benito Roveran, CC

  • Es importante el poner un nombre a la foto. De esta forma hacemos accesible la página a las personas con discapacidad visual.
  • Una vez se hayan completado todos los datos haremos clic sobre “Insertar en la entrada”
    .

 ¿Subir desde una URL?

Ejemplo de imagen subida desde URL remota

¿A que no sabías que el cargador de imágenes de WordPress es capaz de subir y guardar imágenes que cargues desde la red?. Pues si, puede, y es muy fácil hacerlo.

1. Ir a EntradasAñadir nueva o a Páginas Añadir nueva, o abrir una entrada existente en el modo de edición.

2. Coloca el cursor donde deseas que aparezca la imagen, y haz clic en el icono “Añadir objeto” que se encuentra directamente por encima de su editor.

28-02-2014 9-20-56

3. Haz clic en el botón “Selecciona archivos” (como vimos en un apartado anterior) y elije el archivo de imagen desde tu ordenador.

28-02-2014 9-24-41

4. En vez de guardar una imagen en tu ordenador y luego subirla pega la URL de la imagen en la caja de la ruta del archivo y haz clic en OK.

28-02-2014 9-33-14

WordPress guarda la imágen y te la muestra lista para insertarla en la entrada, tal como hemos hecho con esta foto de jfelias en morgueFile.com.

(Nota: este truco solo funciona en Windows, en Mac no hay caja para introducir la ruta)

Fuente: Ayuda WordPress