Los blog y su uso en educación Capítulo 1 - ticscmc

Transcripción

Los blog y su uso en educación
Cap 1:Navegar por Internet. – Pág. 1
Capítulo 1: Navegar por Internet.
Reconocimiento-NoComercial-CompartirIgual 2.5 España
Realizado por:
○
José Sánchez Rodríguez (Universidad de Málaga) [email protected]
○
Rafael Palomo López (CEP de Málaga) [email protected]
○
Julio Ruiz Palmero (Universidad de Málaga) [email protected]
○
Juan Alberto Argote Martín (Profesor de Secundaria) [email protected]
Usted es libre de:
•
•
copiar, distribuir y comunicar públicamente la obra
hacer obras derivadas
Bajo las condiciones siguientes:
Reconocimiento - No comercial - Compartir igual: El material creado por
un artista 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.
Índice de contenido
1.- INTRODUCCIÓN..............................................................................................................2
2.- ¿CÓMO ENCONTRAR LA INFORMACIÓN QUE ANDAMOS BUSCANDO?.................3
3.- LOS NAVEGADORES. FIREFOX....................................................................................4
4.- EXTENSIONES PARA FIREFOX.....................................................................................6
1.- INTRODUCCIÓN
Pocas personas se imaginaban unos años atrás las posibilidades que el uso de Internet supondría en
su ámbito personal y laboral, debido a la complejidad que presentaba (había que tener elevados
conocimientos de informática para realizar, por ejemplo, una página Web) y a las reticencias
personales a usarlas.
Este avance progresivo e imparable ha sido conceptualizado bajo la denominación de “Sociedad de
la Información” para enmarcar el acceso y procesamiento de toda la información disponible en la
Red. Las próximas generaciones, llamados “nativos digitales”, se encontrarán ante el reto de luchar
contra otro tipo de analfabetismo: el de las computadoras y evitar la tan temida brecha digital.
El fenómeno Internet trae nuevos modelos de trabajo y nuevas formas de relacionarse y
comunicarse con personas de su trabajo y amistades, desbancando de forma progresiva al correo
tradicional, fax, teléfono, etc. También se ha convertido en un medio importante de creación de
cultura (con el fenómeno de la Web 2.0) y de expresión personal.
Con este nuevo panorama el sistema educativo no puede quedarse indiferente si se pretende que los
centros educativos den una respuesta adecuada a la realidad social en la que está inmersa y, por
extensión, los docentes deben prepararse para integrar con garantías suficientes esta tecnología que
se va imponiendo.
Dentro de la amplia gama de servicios que ofrece la Red encontramos algunos de uso mayoritario
como son la World Wide Web (www), el correo electrónico y otros que, de forma emergente, se
están abriendo un hueco importante en el panorama de Internet como son los blog, wikis, etc. y
otras posibilidades que pueden optimizar el trabajo o las relaciones personales.
Wikipedia1 indica que la World Wide Web (o la "Web") o Red Global Mundial “es un sistema de
documentos de hipertexto y/o hipermedios enlazados y accesibles a través de Internet. Con un
navegador Web, un usuario visualiza páginas web que pueden contener texto, imágenes, vídeos u
otros contenidos multimedia, y navega a través de ellas usando hiperenlaces”. A través de las
páginas Web, que están confeccionadas con un lenguaje denominado HTML (HyperText Markup
Language – lenguaje de marcas de hipertexto), accedemos a servicios integrados en las mismas
como: correo, chat, grupo de noticias, etc. sin necesidad de abandonarlas.
Para realizar la navegación entre las páginas se desarrolló un protocolo de comunicación
denominado http (HyperText Transfer Protocol – protocolo de transferencia de hipertexto), siendo
necesario emplear una aplicación que muestre el código HTML y que permita, por tanto, visualizar
la información: los llamados navegadores. Entre los más usados y conocidos que podemos
1 http://es.wikipedia.org/wiki/World_Wide_Web
encontrar están: Firefox, Ópera (aplicaciones con licencia GPL2: software libre3), Internet Explorer
(gratuito pero software propietario), etc.
Cada página que visitamos tiene una dirección o URL (Uniform Resource Locator) que la identifica
y personaliza. Todas las URL comienzan por http:// aunque no sea necesario teclearlo y solamente
baste con poner las www.direcciondelapagina.dominio.
Vamos a comenzar comentando cómo se localiza información en Internet, seguiremos luego
describiendo muy brevemente un navegador y, por último, describiremos el proceso de creación de
una cuenta de correo con Gmail (imprescindible para, posteriormente, crear un blog en Blogger).
2.- ¿CÓMO ENCONTRAR LA INFORMACIÓN QUE ANDAMOS
BUSCANDO?
Sin entrar a valorar su calidad, la Red tiene una cantidad ingente de información disponible a la que
podemos acceder y consultar. Para encontrar la información deseada podemos seguir tres caminos:
• Si conocemos su localización exacta basta escribir en el navegador su URL.
• Visitando páginas de similar contenido o interés común y que éstas nos lleven, a través de
algún hiperenlace, a la página que estamos buscando. Si se consigue la información con
este método es aconsejable guardar la dirección en el menú Marcadores o Favoritos del
navegador o en alguna página en Internet con funciones de marcador social como
del.icio.us.
• Utilizando un motor de búsqueda (a los que coloquialmente se los conoce como
buscadores). Las búsquedas se hacen escribiendo una palabra o varias palabras clave,
dando como resultado un listado de direcciones Web en las que se mencionan temas
relacionados con las palabras clave introducida. Los más usuales por su uso y potencia
pueden ser Google (http://www.google.es/), Yahoo (http://es.yahoo.com/), Altavista (http://
es.altavista.com/), etc.
También existen los llamados metabuscadores. Su función consiste en usar el motor de búsqueda de
otros y mostrar la combinación de las mejores páginas que ha devuelto cada buscador. Por ejemplo:
Kartoo
(http://www.kartoo.com/),
Ilectric
(http://ilectric.com/),
Metacrawler
(http://www.metacrawler.com/), etc.
Según qué tema se vaya a buscar puede ser más o menos laborioso encontrar la información; por
ese motivo se utilizan algunos trucos o consejos que facilitan la tarea. Entre los más usados:
•
Si quiere buscar una frase exacta debe encerrarla entre comillas, ejemplo: “trabajo
colaborativo”.
2 http://es.wikipedia.org/wiki/GPL
3 http://www.gnu.org/philosophy/free-sw.es.html
•
Si necesita saber el acrónimo de una siglas puede usar la fórmula “define:ONU”
•
Se pueden restringir los resultados de la búsqueda a un dominio, ejemplo
“educación.es”4.
3.- LOS NAVEGADORES. FIREFOX
Vamos a comentar un sencillo, pero potente, navegador por varias razones:
–
Porque con seguridad optimizará, una vez instalado y utilizado de forma asidua, su tiempo de
navegación por la Red.
–
Porque con la aplicación con la que se va a realizar el blog (Blogger) resulta más adecuado.
Se trata de Mozilla Firefox, cuyo uso se incrementa día a día por parte de los internautas:
http://navegadores.org/estadisticas-de-uso-de-los-navegadores
Firefox es un programa multiplataforma disponible para los sistemas operativos
GNU/Linux y Mac.
Windows,
Desde su página oficial (http://www.mozilla-europe.org/es/) puede descargar el programa e
instalarlo en su equipo. Si navega por ella podrá leer las características que hacen de esta aplicación
una de las más utilizadas por el usuario doméstico. Entre las más interesantes podemos encontrar:

Navegación con pestañas mejorada. Cada página web que visitemos aparecerá en una
pestaña distinta dentro del navegador si así lo desea, con la facilidad de tener todas las
páginas en la pantalla sin desplazarnos fuera de ella.

Restaura las sesiones perdidas. Si por cualquier motivo nuestro sistema operativo falla y se
cierra de forma imprevista el navegador, cuando volvamos a abrirlo nos aparecerá una
pantalla de aviso que nos brinda la posibilidad de recuperar la sesión en la que estábamos
trabajando y, de esa forma, no perder datos.

Corrector ortográfico. Si instala el corrector ortográfico le puede ser de gran ayuda cuando
escriba en su blog, correo electrónico (webmail), en alguna wiki, etc.

Marcadores dinámicos. Cuando esté interesado en saber que nuevas entradas se producen en
blog de su especial interés puede colocarlos en el navegador como marcador de noticias
(RSS)5, de forma que pueda leer los encabezados y acceder a ellos si le interesa. Las páginas
con botones para sindicar los contenidos se reconocen por la siguiente imagen:
4 Dispone de manuales en Internet con una descripción de estos “trucos”. Escriba en cualquier navegador manual
trucos Google y le aparecerá un listado amplio de documentos
5 La suscripción se adjunta a su navegador que le mostrará en una línea el tema introducido mediante un formato
llamado RSS; sus siglas son el acrónimo de Really Simple Syndication.
●
Bloqueador de ventanas emergentes. Las molestas ventanas emergentes con publicidad se
bloquean, de forma que no aparecen ni distraen su atención. En el menú Herramientas
podemos cambiar en Opciones esta característica, permitiendo a los sitios que quiera
desplegar ventanas emergentes. Si no se acuerda cuando se bloquean en el navegador
aparece en la parte superior una barra amarilla que le da la opción de desbloquearla.

Actualizaciones automáticas. Si ya tiene instalado el navegador cada vez que se lance una
nueva actualización le saldrá un aviso por si quiere actualizar mediante un clic su aplicación.

Personalizar el navegador. Más de 1000 complementos se pueden instalar para hacerla más
funcional.

Añadir a los marcadores con un sólo clic. Haciendo clic sobre la estrella que aparece a la
derecha de la barra de direcciones puede añadir la página actual a los marcadores; con doble
clic puede seleccionar dónde guardarla y qué etiquetas usar.
Una vez que acceda a la página oficial verá una botón como éste:
Pinche sobre él y podrá guardar en su equipo la aplicación. Cuando se haya completado la descarga
vaya a la carpeta donde la guardó y ejecute la aplicación. El proceso de instalación es similar al de
cualquier otra aplicación: hacer clic en botones Siguiente, aceptar términos de licencia...
4.- EXTENSIONES PARA FIREFOX
Firefox presenta una serie de complementos para hacer de este navegador uno de los más potentes
en la actualidad. Dentro de éstos se pueden encontrar diccionarios, temas, extensiones y buscadores.
Una buena práctica, antes de instalar temas o extensiones, es la instalación del diccionario. Todo
ello lo hacemos desde la página Web de Firefox. Llegamos a ella desplegando el menú
Herramientas y eligiendo Complementos; aparece una ventana con los complementos que tenemos
y, en la parte inferior derecha, un enlace “Ver todos los complementos recomendados”, que nos
lleva a https://addons.mozilla.org/es-ES/firefox/browse/type:1 A la izquierda disponemos de unos
enlaces para instalar complementos, entre ellos se encuentra “Diccionarios y paquetes de idioma”;
al hacer clic sobre él veremos el siguiente enlace:
Al presionar sobre él aparece un cuadro de diálogo como el siguiente:
Presione sobre el botón Instalar ahora y verá cómo aparece otra ventana con la evolución de la
instalación. Cuando termine se activará el botón Reiniciar Firefox; haga clic sobre él y el
complemento estará disponible después del reinicio. Estos mismos pasos deberá seguir para instalar
cualquier complemento o extensión.
Firefox presenta dos opciones para personalizar el navegador y adaptarlo a sus necesidades. Por un
lado ofrece cambiar la interfaz mediante temas y, por el otro, instalar las mencionadas extensiones.
Los temas puede encontrarlos en https://addons.mozilla.org/es-ES/firefox/browse/type:2 Los temas
están organizados por bloques:
•
Compactos
•
Grande
•
Miscelánea
•
Naturaleza
•
Animales
•
Deportes
•
Integración con el SO
•
Moderno
•
Retro
Este es el aspecto que tiene con el tema “NASA Night Launch” como ejemplo:
Con “Metal for Firefox”:
Las extensiones para Firefox alcanzan la cifra actual (a 7 de julio de 2008) de 2368. Las puede
encontrar en la siguiente dirección: https://addons.mozilla.org/es-ES/firefox/browse/type:1/cat:all?
sort=name.
Entre las más usadas puede encontrar:
●
gTranslate. Con esta extensión puede traducir cualquier texto que seleccione de una página
web en otro idioma.

PDF download.

RSS Ticker.

ScribeFire.

Del.icio.us.

Etc.
Si se desea saber qué ofrece cada complemento y no se tiene un dominio adecuado de inglés se
puede utilizar gTranslate para leer información de los mismos en español.
Los buscadores se instalan en la parte superior derecha y ayudan a encontrar cualquier condición de
búsqueda que desee. Hay 23 tipo de buscadores diferentes. En la figura encontrará los más usuales.
Cap 2: Crear correo y cuenta – Pág. 1
Capítulo 2: Crear correo y cuenta
Realizado por:
○
○
○
○
Usted es libre de:
•
•
1.- INTRODUCCIÓN..............................................................................................................2
1.1. - GMAIL.......................................................................................................................2
1.2. - WORDPRESS..........................................................................................................2
2.- CREACIÓN DE UNA CUENTA EN WORDPRESS..........................................................3
3.- CREAR CUENTA EN GMAIL............................................................................................7
1.- INTRODUCCIÓN
En este tema vamos a tratar dos condiciones previas para la creación de nuestra bitácora o blog, es
por ello por lo que tenemos que darnos de alta en dos servidores de distinta temática, como son:
1.1. - GMAIL
Es una plataforma de correo electrónico con base en la tecnología AJAX que cambio el concepto
que ese tenia hasta entonces del correo electrónico gratuito ofreciendo capacidades muy amplias de
almacenamiento y interfaz que cambio en muchos aspectos la forma de almacenar y manipular el
correo electrónico. Como etapas importantes destacaremos:
2004:se crea GMAIL ofreciendo 1 GB de espacio.
2005:se mejora la interfaz y se publica el espacio.
2007:sale al aire la segunda versión d Gmail, que sirve de plataforma para futuras mejoras,
además tiene un nuevo manejador de contactos y ofrece alrededor de 4gb de espacio.
2008:GMAIL mejora su estructura, ofrece hasta 8gb de espacio y añade nuevas funcionalidades
de forma más acelerada.
1.2. - WORDPRESS
Según Wikipedia WordPress es un sistema de gestión de contenido enfocado a la creación de blog
(sitios web periódicamente actualizados).
Las fechas más importantes en su andadura son:
2001: Michel Valdrighi usando PHP y MySQL desarrolló B2/Cafelog. Por aquella época, Matt
Mullenweg y Mike Little comenzaron a desarrollar un fork de este sistema de blog al que después
de 2 años de desarrollo se le conoció como el mejor sistema de blog jamás desarrollado.
2004: WordPress no paró de sacar nuevas versiones, sobretodo correcciones a las versiones
anteriores y pequeñas nuevas funcionalidades, hasta el 22 de mayo de 2004, día en el que
WordPress 1.2 apareció en escena con una gran cantidad de funcionalidades que hicieron las
maravillas de los usuarios.
2007: En enero, concretamente el día 22, apareció “Ella”, la versión 2,1, una versión cargada de
nuevas funcionalidades.
2009: Aparece la última versión 27.
2.- CREACIÓN DE UNA CUENTA EN WORDPRESS
Para crear su propio blog haga lo siguiente:
-
Abra un navegador y teclee: http://es.wordpress.com/ , esta es la dirección que tiene como
idioma el castellano, en caso de usar un buscador con la palabra "WordPress", este le enviará
a la página que tiene como idioma el inglés. En este caso tendría que cambiar el idioma
pulsando en el desplegable que aparece en la parte superior derecha como se muestra en la
imagen :
Posteriormente nos tenemos que dar de alta, para ello tenemos registrarnos pulsando en
"¡Registrarse ahora!" que se encuentra en la parte central de la pantalla. Como muestra observa la
imagen que aparece a continuación:
Una vez dentro de este menú, aparece la ventana que se muestra en la imagen adjunta y en la que
hay que rellenar los siguientes datos:
Nombre de usuario: Es el nombre que vamos a tener a la hora de logearnos en la página (sólo con
letras, números y al menos 4, teniendo que estar libre), y por defecto lo utiliza como nombre del
Blog, aunque esto se puede modificar.
Contraseña: La contraseña que vamos a introducir y que tiene que tener al menos 6 caracteres y se
recomienda con números y letras, si introducimos una contraseña demasiado corta aparece de nuevo
el menú pero con un fondo rojo y en la que ha medida que alargamos la clave se va poniendo en
verde la barra de seguridad de la clave.
Confirmar: Confirmación de la contraseña suministrada anteriormente.
Dirección de correo electronico:dirección de correo electrónica válida, donde vamos a recibir
la contraseña de registro y WordPress nos notificará cualquier incidencia.
Lo legal: Aceptamos los términos legales.
Siguiente: Pulsamos una vez rellenos los datos.
Aparecce entonces la ventana cuyos elementos son:
Dominio del blog: Dirección web donde se puede visualizar el blog.
Título del Blog: Título otorgado a la bitácora, pudiendo ser cambiado.
Lenguaje: Pinchano en el desplegable podemos cambiar el idioma.
Privacidad: Si lo dejamos activo hace que los motores de búsqueda lo incluyan.
Registrarse: Pulsar para continuar con el registro.
En caso de no recibir el correo de activación se puede volver a solicitar en esta ventana.
Vemos en nuestro correo que ha llegado un correo de activación de WordPress y que tiene el enlace
a una página web (en la imagen adjunta aparece marcado en rojo) para terminar el proceso de
activación.
Es entonces cuando aparece la siguiente ventana:
Con esto queda terminado el proceso de activación de nuestra cuenta con WordPress, por lo que
pasamos entonces a realizar el blog pretendido, teniendo que introducir previamente nuestro
nombre de usuario y contraseña para entrar en nuestra cuenta.
3.- CREAR CUENTA EN GMAIL
Si hubiese que definir qué es y para qué sirve el correo electrónico habría que decir que es
una utilidad que permite a los usuarios enviar y recibir mensajes y archivos adjuntos a
otros usuarios situados en cualquier lugar de forma asincrónica.
Lo que proporciona el correo es un buzón o lugar virtual donde se depositan sus mensajes
a la espera de posterior consulta y contestación.
Para hacer uso de una cuenta de correo hay que solicitarla a cualquier proveedor que la
facilite. Existe en la red multitud de lugares que la crean de forma gratuita.
Una
vez
solicitada
se
nos
facilita
una
dirección
de
correo
estilo"[email protected]" y una palabra clave o contraseña para
acceder a su buzón.
Los correos se pueden consultar de dos formas diferentes:
•
A través de paginas Web (webmail).
•
A través de un programa gestor de
(Mozilla Thunderbird, Eudora, Outlook...).
correo
instalado
en
nuestro
equipo
Entre las principales empresas que ofrecen servicio de correo podemos encontrar: Google, Yahoo,
Orange, Terra, etc.
La redacción de los mensajes no están sujetos a ninguna norma escrita que regule este tipo
de comunicación aunque sí hay unas reglas conocidas como Netiquette que se han ido adaptando a
lo largo de los años como buenas prácticas en el correo. Equivalen a un código de buen uso o de
buena conducta:
•
Evitar el uso de mayúsculas (escribir en mayúsculas se interpreta como gritar la red).
•
No dejar nunca en blanco el "Asunto" (el objeto del mensaje).
•
No escribir nada en los mensajes que no diríamos cara a cara al destinatario.
•
Hay que procurar que los mensajes sean breves y concisos, evitando ambigüedades
en el contenido de los mismos.
Vamos a describir la creación de una cuenta con Gmail que se utilizará, entre otras cosas, para dar
de alta un blog en Internet. Gmail es un servicio de correo webmail (aunque también se
puede configurar como cuenta pop/imap en un programa gestor de correo) que ofrece
Google de forma gratuita
y
que
dispone
de
varias
particularidades;
se
pueden
consultar
en http://mail.google.com/mail/help/intl/es/about.html.
Para la creación tecleamos en un navegador de dirección http://www.google.com y, en la
parte superior, en el enlace Gmail. En ella observará, en la parte derecha, un recuadro
(parte superior) para introducir sus datos si ya los posee y, justo debajo, un enlace Crear una
cuenta >>, sobre el que hay que hacer clic para proceder a hacerlo.
En la siguiente ventana deberá rellenar los datos que aparecen a continuación.
Si antes de aceptar la cuenta quiere consultar la disponibilidad de la cuenta de correo que está
creando debe presionar sobre el botón comprobar la disponibilidad.
En caso de que la cuenta esté ya elegida, nos permite otros nombres parecidos al que hemos
introducido, como muestra la siguiente imagen.
Si está disponible termine de rellenar los datos y concluya el proceso leyendo las indicaciones de pantalla
en los que aparecen los siguientes datos:
Nombre: Nombre de la persona que va a crear el blog.
Apellidos: Apellidos de la persona que va a crear el blog.
Nombre de usuario: Nombre que queremos que aparezca cuando enviamos un correo. Por
ejemplo: Manuel Férnandez Campos podría poner Manolo Fernández o simplemente Manolo.
Elija una Contraseña: La contraseña que vamos a introducir y que tiene que tener al menos 8
caracteres y se recomienda con números y letras.
Vuelve a introducir la contraseña:Volver a introducir la clave, puesto que al no verse, si nos
hubieramos equivocado se apreciar porque se tendría que repetir.
Pregunta de seguridad: Pregunta que se nos formulará en caso de perder la clave, es recomendable
que sea una pregunta que no tenga que ver con la clave y que solo uno sepa su respuesta. Además es
recomendable que no la divulgue, mande por correo o apunte.
Respuesta: Contestación a la pregunta de seguridad.
Dirección de correo alternativa:Esta dirección se utiliza para autenticar su cuenta en caso de que
surja algún problema u olvide su contraseña. Si no dispone de ninguna otra dirección de correo
electrónico, deje este campo en blanco
Ubicación: Pais donde nos encontramos.
Verificación de la palabra:El sistema nos proporciona una imagen con una palabra que hay que
escribir, esto se hace para que no se puedan generar cuentas automaticamente.
Condiciones del servicio: Deben aceptarese para crear la cuenta de correo.
Completado todos estos datos se ha realizado correctamente la creación de nuestra cuenta de correo.
Cap 3: Crear un blog con Blogger y Wordpress – Pág. 1
Capítulo 3: Crear un blog con Blogger
y Wordpress
Realizado por:
○
○
○
○
Usted es libre de:
•
•
1.- DEFINICIÓN Y CARACTERÍSTICAS DE LOS BLOG.....................................................2
2.- LOS BLOG EN EDUCACIÓN: EDUBLOG.......................................................................3
2.1. - CÓMO UTILIZAR UN BLOG EN UNA ACTIVIDAD FORMATIVA............................4
3.- CREACIÓN DE UN BLOG................................................................................................5
3.1. - APLICACIONES Y SITIOS WEB..............................................................................5
4.- BLOGGER Y WORDPRESS............................................................................................6
5.- CREACIÓN DE UN BLOG CON BLOGGER....................................................................8
5.1. - ¿POR QUÉ BLOGGER?..........................................................................................8
5.2. - ALGUNOS BLOG EN BLOGGER............................................................................8
5.3. - CREACIÓN DE UN BLOG EN BLOGGER..............................................................9
5.4. - VENTANA PRINCIPAL DE BLOGGER...................................................................11
6.- CREACIÓN DE UN BLOG CON WORDPRESS............................................................13
6.1. - ¿POR QUÉ WORDPRESS?..................................................................................13
6.2. - ALGUNOS BLOG EN WORDPRESS...................................................................13
6.3. - CREACIÓN DE UN BLOG EN WORDPRESS......................................................14
6.4. - ¿CÓMO ACCEDER A NUESTRO BLOG?.............................................................14
6.5. - VENTANA PRINCIPAL DE WORDPRESS............................................................14
6.6. - VERSIÓN (SERVIDOR PROPIO)..........................................................................18
1.- DEFINICIÓN Y CARACTERÍSTICAS DE LOS BLOG
A pesar de la controversia que suscita la Wikipedia una de las definiciones más aproximadas a esta
aplicación la podemos encontrar entre sus páginas. Lo define como:
“Un blog, o en español también una bitácora, es un sitio web periódicamente
actualizado que recopila cronológicamente textos o artículos de uno o varios autores,
apareciendo primero el más reciente, donde el autor conserva siempre la libertad de dejar
publicado lo que crea pertinente. El término blog proviene de las palabras web y log ('log' en
inglés = diario). El término bitácora, en referencia a los antiguos cuadernos de bitácora de los
barcos, se utiliza preferentemente cuando el autor escribe sobre su vida propia como si fuese un
diario, pero publicado en Internet en línea.”1
Otra importante definición sería la dada por la …...
Un blog, por tanto, es un espacio virtual para, de forma personal o corporativa, escribir a través de
1 Consultado el 5 de abril de 2009
Internet artículos de un tema o varios en forma de texto, adornado con imágenes, vídeos, audios y
enlaces entre otras prestaciones.
Uno de los aspectos que lo hace atractivo al gran público es su interactividad, que como Sheizaf Rafaeli afirma
también en la Wikipedia es “una expresión extensiva que en una serie de intercambios comunicacionales implica
que el último mensaje se relaciona con mensajes anteriores a su vez relativos a otros previos" 2 , añadido a la gran
facilidad de uso que tiene, ya que permite que las personas que visitan el blog opinen sobre la noticia u opinión
dada. Además, podemos citar alguna de las características o ventajas técnicas que poseen los blog:
Acceso desde cualquier lugar. Basta con tener conexión a Internet.
Publicación de forma cronológica. Las entradas o noticias al blog se pueden ordenar en
orden de antigüedad, pudiéndose colocar de la más antigua a las más actual o viceversa. Por
defecto viene puesta de manera que la entrada más actual figure al principio de un blog.
Clasificación de los contenidos en categorías. Para clasificar las noticias en un blog las
puede agrupar por categorías que usted mismo puede crear y así facilitar la navegación de
los usuarios que accedan.
Enlazar unos blog con otros. Los blog nos permiten poner una lista con blog que usted visite
periódicamente o que tengan la misma temática que la suya.
Puede moderar los comentarios y así evitar las entradas inapropiadas u ofensivas.
Retroalimentación. Cada noticia genera comentarios que hacen replantearse su postura, ya
que estas entradas posibilitan la aportación de distintos puntos de vista.
Como ventajas educativas a destacar:
Los usuarios se convierten en protagonistas del aprendizaje.
Sirve como medio para materializar en las actividades formativas el apoyo de los recursos
audiovisuales que siempre han tenido excelente acogida entre los destinatarios de las
mismas.
2.- LOS BLOG EN EDUCACIÓN: EDUBLOG
Si un blog se usa con fines educativos o en entornos de aprendizaje se los conoce como edublog3.
Pueden estar enfocados desde puntos de vista diferentes dependiendo que los utilicen los docentes o
los estudiantes. Independientemente de quién lo utilice, según Alejandro Valero4, el uso de los blog
contribuye a la formación personal de sus usuarios por los siguientes motivos:
1. La educación ha dejado de ser un coto de los docentes.
2. Los estudiantes se crean su propio conocimiento.
3. La educación ya no se centra solamente en la adquisición de conocimientos, sino en la
formación personal continua.
4. La comunicación se ha convertido en un aspecto fundamental de la nueva enseñanza en
2 Consultado el 5 de abril de 2009
3 http://es.wikipedia.org/wiki/Edublog
4 VALERO, A. (2007): Blogs en la Educación, disponible en http://observatorio.cnice.mec.es/modules.php?
op=modload&name=News&file=article&sid=528
Internet.
5. Se vuelve a valorar la escritura como medio de comunicación y de conocimiento.
Para el educador puede servir como ventana de información y opinión acerca de la materia o
elementos de su ámbito de trabajo. Para el alumnado como foro de opinión y ventana para mostrar
sus progresos en una determinada actividad, asignatura, etc.
Ejemplos de blog de docentes:
Aulablog21: http://www.aula21.net/aulablog21/
Planeta Educativo: http://www.aulablog.com/planeta/
Tíscar: http://tiscar.com/
Blog de Aníbal de la Torre: http://www.adelat.org/
Blog de una profe DIM: http://blogdeunaprofedim.blogspot.com/
Educación y TIC: http://domingomendez.blogspot.com/
Innovación educativa: http://innovacioneducativa.wordpress.com/
La brújula: http://labrujula.zoomblog.com/
Etc.
Como ejemplo de blog de centros y estudiantes:
-
Colegio Público “La Canal” Luanco (Asturias): http://blog.educastur.es/lacanal/
-
CEIP
Menéndez
y
Pelayo:
tic/21002914/helvia/bitacora/
-
Colegio Santo Domingo: http://colegiosantodomingo.blogcindario.com/
-
CEIP Doctor Jiménez Rueda (Atarfe, Granada): http://ceipdrjimenezrueda.es/
-
CEIP Cornella (Asturias): http://web.educastur.princast.es/cp/cornella/wp/
-
Etc.
http://www.juntadeandalucia.es/averroes/centros-
2.1. - CÓMO UTILIZAR UN BLOG EN UNA ACTIVIDAD FORMATIVA
En un artículo aparecido en la página Web de la Consejería de Educación de Asturias
(http://blog.educastur.es/blogs-y-educacion/uso-de-los-blogs-en-el-aula/) se resumen algunas de las
posibilidades de uso de los blog en un aula:
a) Blog de aula, materia o asignatura. Puede servir para apoyar la asignatura fuera del aula,
complementar la información que da el profesorado en la misma, enviar tareas para realizar
después de la actividad formativa, etc.
b) Blog personal del alumnado. Puede representar un espacio en el que el alumnado exprese
sus opiniones, cree sus estrategias de aprendizaje en torno a las TIC y se enriquezca con el
resto de los compañeros que aportan sus conocimientos.
c) Taller creativo/repositorio de archivos multimedia. Espacio que permite albergar cualquier
información en variados formatos (vídeo, audio, imagen, etc.) para complementar la
información dada.
d) Gestión de proyectos de grupo. Como espacio para fomentar el trabajo colaborativo.
e) Publicación electrónica multimedia. A modo de periódico escolar, revista digital,
monografías sobre diversos temas, etc. En este uso de forma especial (aunque obviamente
en los demás) podemos aprovechar la potencia de los blog en cuanto a gestión de archivos
multimedia, propios o referenciados desde almacenes de contenidos (Flickr, Odeo, Youtube,
etc.).
f) Guía de navegación. La función de estos blog es la de comentan sitios de interés, noticias y
aportaciones en forma de crítica o comentario de los mismos.
3.- CREACIÓN DE UN BLOG
La creación de un blog se puede hacer de varias formas:
-
Descargar el software necesario e instalarlo en un servidor propio. Esta opción le ofrecerá
todas las posibilidades de insertar los plugings que necesite para el mismo. Obviamente son
necesarios conocimientos informáticos específicos que no todo el mundo tiene.
-
Utilizar los que se ofrecen de forma gratuita en Internet. Esta opción es la más adecuada
para la inmensa mayoría de los usuarios, ya que no son necesarios conocimientos
informáticos específicos. Únicamente hay que suscribirse a uno de estos servicios y realizar
diversas elecciones sobre el aspecto de nuestro blog.
En nuestro caso nos centraremos en este segundo punto, por lo fácil y rápido en que se realizan los
trabajos, así como que no tenemos necesidad de altos conocimientos informáticos.
3.1. - APLICACIONES Y SITIOS WEB
En la actualidad ofrecen servicios de blog gratuitos, entre otros:
●
BITÁCORAS PUNTO COM: http://www.bitacoras.com/
Está presente en Internet desde el año 2002 y es el mayor centro de servicios y promoción de blog y
bloggers en español.
●
LA COCTELERA: http://www.lacoctelera.com/
●
BLOGGER: https://www.blogger.com/start
Blogger se inició en una pequeña empresa de San Francisco llamada Pyra Labs en agosto de 1999,
en pleno boom de las empresas basadas en Internet. Desde 2003 es propiedad de Google.
●
EDUBLOGS: http://edublogs.org/
Un servicio para que docentes y estudiantes publiquen de forma gratuita su blog. El sistema utiliza
WordPress Multi-User con casi todas las ventajas y funcionalidades de otras bitácoras gestionadas
con esta aplicación. Tiene el inconveniente de que el proceso de alta y la gestión del blog son en
inglés.
●
WORDPRESS: http://wordpress.org/
Es el sistema que más desarrollo está teniendo en los últimos tiempos y tal vez la mejor que existe
actualmente en PHP. Altamente personalizable con una gran variedad de plugins y diseños. Es muy
fácil de instalar y de usar.
●
B2 EVOLUTION: www.b2evolution.net
Permite múltiples blog y autores en una misma instalación. A diferencia de otros, viene ya con el
paquete de idioma español preinstalado.
4.- BLOGGER Y WORDPRESS.
Una vez visto varios sitios
Web donde podemos crear una
bitácora, nos hacemos la
pregunta: ¿Cual elegimos? La
respuesta es clara, los dos
lugares que albergan la
posibilidad de crear un buen
trabajo con una relativa
comodidad de elaboración son
Blogger y Wordpress.
Es por ello por lo que la
siguiente pregunta que nos
podríamos hacer sería: Y entre
estas dos herramientas de
trabajo ¿Cual elijo?. Para
contestar a esta pregunta
veremos diferencias entre
ambos y será el usuario el que
decida en función de sus
necesidades y conocimientos, puesto que decantarse por uno u otro tiene sus pros y sus contras.
Como diferencias destacables enunciamos las que a continuación se detallan:
•
Editor de posts: WordPress. Aunque los editores en los cuales escribimos los posts son casi
iguales en Blogger y WordPress, WordPress gana esta categoría porque permite elegir
además el día y la hora en el que queramos que automáticamente se publique nuestro post.
Entonces, si vamos a salir por un de terminado tiempo, podemos dejar fácilmente posts
programados para que vayan apareciendo en ese tiempo, en una determinada semana, en el
día y la hora que queramos.
•
Diseños predeterminados: WordPress. Entre los diseños de blog que podemos elegir al abrir
nuestro blog, son mejores los de WordPress, aunque sólo podemos usar uno de esos preexistentes, y no uno encontrado en internet o diseñado por tnosotros mismos.
•
Modificaciones: Blogger. Blogger nos permite hacer y poner lo que queramos en nuestro
blog. WordPress no: sólo podemos agregar las cosas elegidas por el equipo de WordPress y
no podemos tocar el código del sitio (aunque si somos usuarios noveles esta se nos plantea
imposible). En Blogger en cambio, el blog es nuestro y le ponemos absolutamente todo lo
que queramos.
•
Estadísticas: WordPress. Con su servicio de estadísticas incorporado, WordPress gana lejos.
A Blogger le podemos agregar el servicio de estadísticas que queramos, pero el de
WordPress viene incluído, activado y funciona bien.
•
Estabilidad: Blogger. En general, el servicio de Blogger no falla. En cambio, WordPress se
vuelve loco por momentos y puede hacer que nuestros posts no aparezcan, aunque son fallas
temporales
•
Soporte: WordPress. Cuando algo no funciona en WordPress, el propio creador del servicio
nos responde los mails y arregla nuestros problemas. En Blogger, las páginas de ayuda en
general ni funcionan, aunque sí hay mucha ayuda disponible en otras páginas de internet.
•
Comunidad: Blogger. Muchísima más gente tiene sus blog en Blogger, lo que hace que
nuestra cuenta de Blogger sea mucho más útil que la de WordPress.
•
Compatibilidad: Blogger. Casi todo funciona con Blogger. Podemos poner videos, widgets,
publicidad y lo que se nos ocurra. En WordPress podeos agregar videos de YouTube, pero no
de otros sitios. No podemos agregar publicidad (por el momento) ni widgets de otros sitios.
Como vemos son muchas la diferencias existentes entre Blogger y WordPress, resumiendo podemos
establecer que para la selección de uno u otro:
•
Blogger es mas intuitivo visual y fácil de utilizar, aunque por el contrario sus prestaciones
son más limitadas.
•
WordPress es un tanto más complejo de uso, pero sus prestaciones son ilimitadas, además se
puede instalar en un servidor propio.
5.- CREACIÓN DE UN BLOG CON BLOGGER
5.1. - ¿POR QUÉ BLOGGER?
Antes de nada habría que justificar la elección de Blogger. Podríamos indicar como motivos:
•
En primer lugar (como se ha indicado en el epígrafe anterior) se trata de un servicio gratuito
y sin publicidad de Google, estando a disposición de cualquier usuario con conexión a
Internet.
•
No hay que instalar absolutamente nada, se encuentra en español y no sufre el spam5 como
otros blog.
•
La experiencia de otros profesores que tienen su blog en Blogger y lo vienen utilizando
desde hace tiempo. Parece lógico pensar que la práctica continuada de un servicio (del que
se puede cambiar fácilmente) es sinónimo de respuesta a necesidades.
•
Sencillez de manejo y configuración, por lo que resulta adecuado para cualquier usuario
aunque no disponga de profundos conocimientos informáticos. Dispone de un editor de
artículos propio e integrado. Por otra parte, dispone de muchas opciones de configuración y
la posibilidad de incluir bloques de código, por lo que también puede colmar las necesidades
de usuarios más experimentados.
Como inconvenientes se podría indicar que no se dispone de un manual de uso para operaciones
"avanzadas" como cambiar la plantilla (obviamente esto no es desventaja para usuarios que no
necesitan hacerlo), por lo que no parece ser la mejor opción para un blog profesional. También que
no dispone de la posibilidad de crear páginas estáticas a las que se pueda acceder a modo de menú
con objeto de utilizarlas, por ejemplo, a modo informativo exclusivamente.
5.2. - ALGUNOS BLOG EN BLOGGER
Antes de crear nuestro blog es una buena idea visitar otros; es una buena idea conocer qué están
haciendo otras personas (por otra parte nos sirve para colmar nuestra curiosidad). Reseñamos
algunos relacionados con las nuevas tecnologías (no quiere decir que sean todos ni que sean los más
destacados):
•
Enseñar :: TIC: http://almeraya.blogspot.com/
•
Educación y TIC: http://domingomendez.blogspot.com/index.html
•
EduBloggers2.0: http://edubloggers.blogspot.com/
•
Educación tecnológica: http://villaves56.blogspot.com/
•
Chispas TIC y Educación: http://peremarques.blogspot.com/
•
Etc.
5 Según Wikipedia se llama “spam, correo basura o sms basura a los mensajes no solicitados, habitualmente de tipo
publicitario, enviados en grandes cantidades (incluso masivas) que perjudican de alguna o varias maneras al
receptor”
5.3. - CREACIÓN DE UN BLOG EN BLOGGER
Para crear su propio blog (una vez que se dispone de una cuenta de correo Gmail) haga lo siguiente:
-
Abra un navegador y teclee: http://www.google.es Encontrará en la parte superior un enlace
Más que nos desplegará un menú emergente eb el que elegiremos todavía más >>
-
Se nos muestra una pantalla con Más productos de
Google. Haga clic sobre el enlace Blogger.
NOTA: Memorice esta dirección https://www.blogger.com/start en Marcadores o en delicious para
no tener que seguir este proceso la próxima vez que desee acceder a su blog. En esa página se nos
indica que, para la creación de nuestro blog, necesitamos:
-
Crear una cuenta (si disponemos de ella podemos utilizarla saltando dicho paso).
-
Escoger un nombre.
-
Elegir una plantilla.
Para comenzar la creación hacemos clic sobre la flecha Crear tu blog ahora.
Cuando accedemos a la siguiente página lo primero que debemos hacer es Crear una cuenta en
Google rellenando los datos que se nos pide en dicha página.
Si dispone de una cuenta de Google puede saltar este proceso de creación haciendo clic sobre el
enlace primero acceda a ella.
Una vez lo hayamos hecho hay que:
-
Elegir nombre para mostrar en nuestro blog (real o pseudónimo).
-
Marcar la casilla de verificación (cuadradito) Acepto las Condiciones del servicio.
-
Hacer clic en la flecha Continuar.
En la siguiente pantalla tendremos que:
-
Escoger Título del blog.
-
La dirección que va a tener nuestro blog: http://xxxxxx.blogspot.com (sustituyendo las “x”
por los caracteres que deseemos; por ejemplo pruebaedusocial). Una vez introducido esos
caracteres comprobamos que está disponible haciendo clic en el enlace Comprobar la
disponibilidad. Si una vez hecho se nos indica que esa dirección está ocupada procedemos a
cambiarla; en caso de estar disponible pulsamos en la flecha Continuar.
En la pantalla siguiente procedemos a elegir una plantilla. Para seleccionarla debe hacer clic sobre
el botón radial (pequeño círculo debajo de cada imagen) y, una vez elegida, hacer clic de nuevo
sobre la flecha Continuar. Debajo de cada plantilla hay un enlace vista preliminar de la plantilla
que nos sirve para ver el diseño mejor antes de elegirlo.
En la siguiente pantalla se nos informa que el blog ha sido creado. Para comenzar a añadirle
entradas, personalizar su diseño o crear su perfil personal hay que hacer clic en la flecha Empezar a
publicar.
5.4. - VENTANA PRINCIPAL DE BLOGGER
Una vez creado nuestro blog, pasamos a describir los elementos principales de Blogger.
En primer lugar nos encontramos una ventana en la que aparecen los blog que tenemos y un menú
rápido para la creación de entradas, su administración y la configuración de la bitácora.También
encontramos acceso a la inforamción de nuestro perfil.
Si seleccionamos en uno de nuestros trabajos algunos de los elementos enumerados con
anterioridad aparecen una nuevas ventanas que contienen los elementos:
Crear: Añadir una entrada nueva.
Editar entradas: Si pinchamos en este botón aparecen todas las entradas para poder tanto editar,
como borrar o ver, así como toda la información en referencia a ellas.
Moderación de comentarios: Se muestran los comentarios existentes en el Bitácora con el objeto
de aprobarlos, rechazarlos, marcarlos como Spam o borrarlos.
Básico: Modificación de los elementos Título, Descripción, ¿Deseas añadir tu blog a nuestras
listas?, ¿Deseas permitir que los motores de búsqueda encuentren tu blog?, ¿Mostrar Edición rápida
en su blog?, ¿Mostrar enlaces de envío de entradas? y Contenido para adultos.
Publicación: Posibilidad de comprar un dominio para publicar en un serviddor FTP externo.
Formato: Muestra la posible midificación de los elementos del blog como son el número de
entradas, los formatos de horas y horas, el idioma y la visualización de titilos y enlaces.
Comentarios: Modificación de todos los elementos relativos a los comentarios como son la persona
que los puesde realizar, la ubicación, el formato de la hora en ellos o que se envien mensajes con
los comentarios.
Archivo: Podemos apreciar que las noticias tengan cada una su página web y la frecuencia de estas.
Feed del sitio: Posibilita la distribución de toda la noticia o un extracto de ella, así como el pie de
página de estos feed.
Correo electónico y movil: Direcciones de correo a las que se les quiere notificar la creación de
entradas en nuestro blog, así como a dispositivos móviles.
Open ID: Puedes utilizar nuestra URL de OpenID para acceder a sitios donde se haya habilitado
OpenID. También puedes permitir a los usuarios de OpenID que publiquen comentarios en nuestro
blog ajustando la configuración
Permisos: Página en la que se establecen quienes son los autores y lectores de nuestro trabajo.
Elementos de la página: Muestra la configuración de nuestro trabajo, si arratramos los distintos
elementos se pueden cambiar de posición.
Fuentes y colores: Posibilita la nodificación de los colores de la página, tablas, bordes y fuentes
que aparecen en ella.
Edición de HTML: Muestra el código fuente del blog, pudiéndose modificar.
Seleccionar plantilla nueva: Elección de distintas palantillas que otorgan a nuestro trabajo una
distinta apariencia.
Configurar Adsense: AdSense es un programa que se instala en nuestro blog y nos permite ganar
dinero gracias a los anuncios compuestos de imágenes y texto orientado que se colocan en nuestro
blog.Google se encarga de elegir automáticamente los anuncios que aparecerán en nuestro blog en
función del contenido del mismo. Además, nos permite ganar dinero si los visitantes ven los
anuncios o si hacen clic en ellos, esta cantidad monetaria no se nos desvela (suponemos que será
muy baja) y se nos anima a utilizar para comprobar los beneficios.
6.- CREACIÓN DE UN BLOG CON WORDPRESS
6.1. - ¿POR QUÉ WORDPRESS?
La elección de Wordpress habría que justificarla previamente. Podríamos indicar como principales
motivos los siguientes, aunque algunos de estos son comunes a la elección de la realización de un
blog con Bloger:
●
En primer lugar (como se ha indicado en anteriores ocasiones) se trata de un servicio
gratuito y sin publicidad, estando a disposición de cualquier usuario con conexión a Internet.
●
Tiene la posibilidad de trabajar con el en modo on line o descargar el programa en PHP.
●
No hay que instalar absolutamente nada si no se quiere, es decir si utilizamos la forma de
trabajar on line, se encuentra en español.
●
La experiencia de otros profesores que tienen su blog en Wordpress y lo vienen utilizando
desde hace tiempo. Parece lógico pensar que la práctica continuada de un servicio (del que
se puede cambiar fácilmente) es sinónimo de respuesta a necesidades.
●
Sencillez de manejo y configuración, por lo que resulta adecuado para cualquier usuario
aunque no disponga de profundos conocimientos informáticos. Dispone de un editor de
artículos propio e integrado. Por otra parte, dispone de muchas opciones de configuración y
la posibilidad de incluir bloques de código, por lo que también puede colmar las necesidades
de usuarios más experimentados.
6.2. - ALGUNOS BLOG EN WORDPRESS
Antes de crear nuestro haremos un breve repaso por los trabajos de otros con la idea de ver como
son los trabajos creados con wordpress, a la vez de tener una visión sobre las posibilidades que
ofrecen, las reseñas que vamos a mostrar son solo una parte ínfima de los blog que existen en la
actualidad y puede que no sean los más destacados.
●
Enseñar en competencias: http://competentes.wordpress.com/
●
La despensa educativa (Pere Marqués): http://marenas.wordpress.com/
●
Blog del IES El Palo de Málaga: http://palotic.es/wordpress/
●
Bitácora de la biblioteca del IES Carolina Coronado de Almendralejo:
●
http://bibliotecaiescarolina.wordpress.com/
●
Blog de Educación Física:
http://educacioneinformatica.wordpress.com/2008/10/26/webquest-para-educacion-fisica-2/
●
Blog de matemáticas: http://est58.wordpress.com/videos-educativos-por-asigantura/
●
Etc.
6.3. - CREACIÓN DE UN BLOG EN WORDPRESS
Para realizar el blog pretendido, tenemos que introducir previamente nuestro nombre de usuario y
contraseña para entrar en nuestra cuenta, cuenta que se ha creado con las indicaciones dadas en el
capítulo anterior.
6.4. - ¿CÓMO ACCEDER A NUESTRO BLOG?
Una vez que tenemos asignado nuestro bitácora, el acceso a este se puede realizar de las siguientes
formas:
1. Marcando la dirección de Wordpress: http://es.wordpress.com/ utilizando nuestro nombre de
usuario y contraseña.
2. De igual forma entrando en la dirección del panel de control del blog, es decir,
http://nombredeusuario.wordpress.com/wp-admin/
3. Mediante la dirección de nuestro blog si la plantilla que seleccionamos tiene esa posibilidad.
Es aconsejable, si se trabaja desde un ordenador personal, marcar la opción Recordarme, con lo que
evitamos tener que identificarnos en sucesivas ocasiones.
6.5. - VENTANA PRINCIPAL DE WORDPRESS
Con la nueva versión
2,7 de Wordpress se
modificó el aspecto de
la ventana principal, por
lo que pasaremos a
describirla, enumerando
sus
elementos
y
posibilidades. Para ello
comenzaremos viendo
la captura de pantalla de
dicha ventana a la que
se le ha dado el nombre
de tablero, en referencia
a que es el “tablero”
desde el cual se va a
trabajar con nuestro
blog.
En la parte superior nos encontramos con dos barras que nos permiten un acceso rápido a nuestros
materiales, entradas y opciones, teniendo los siguientes elementos:
Mi cuenta: Si aparece en inglés, my count, permite introducirnos en distintas opciones de
nuestra cuenta, como las estadísticas, comentarios, información personal, configuración del
blog, etc.
Mis tableros: Si aparece en inglés tablero y en el que se muestran los blog que posee el
usuario, en caso de tener mas de uno.
Nueva entrada: Si aparece en inglés New post. Se utiliza en el caso de querer acceder
a una nuevas entrada en uno de nuestros trabajos.
Información del bolg: De aparecer en inglés Blog info. Pulsando en este desplegable
nos encontramos con distintas posibilidades, desde ver nuestro blog, añadir un enlace o
usuario a nuestro blog.
En la segunda linea nos encontramos en primer lugar el logo de Wordpress y a continuación
el nombre de la página en la que nos encontramos. También podemos encontrar:
Nueva entrada: Pulsaremos en caso de querer introducir una nueva entrada en nuestro
blog.
¡Hola, nombre del blog!: Saludos que nos proporciona la página, si pulsamos sobre el
nombre nos encontraremos que podemos editar la configuración del blog.
Turbo: Enlaza con la aplicación para descarga Gears automáticamente comenzará a
almacenar en local los ficheros y contenidos para usarlos offline.
Cerrar Sesión: Pulsaremos en caso de querer salir de Wordpress.
Observa la barra que aparece en el margen derecho, es el resultado de pulsar sobre las flechas
que tienen inmersas en él. Obtenemos así una barra de herramientas en la que solo y
exclusivamente se nos muestran los iconos de los elementos que vamos a describir, mucho
más ligera.
A continuación y en el margen derecho nos encontramos los siguientes
botones:
Pulsando en él, se nos muestra en la pantalla la ventana que muestra la imagen siguiente, pudiendo
con ella quitar alguno de los elementos que se enumeran y números de columnas que se muestren
dentro de nuestro tablero, en el cuerpo central de la página.
Con este botón nos permite enlazar con distintos tipos de ayuda sobre Wordpress, desde
foros, como se encuentra en la dirección http://es.forums.wordpress.com/ , soporte
técnico http://support.wordpress.com/ o incluso videos relacionados mediante la
dirección: http://wordpress.tv/flavor/wordpress.com/.
Una vez visto los elementos del menú superior, pasaremos a describir los
del menú lateral derecho, teniendo en cuenta que la mayoría de las
pestañas pueden desplegarse y que presentan el aspecto que detallaremos:
Tablero
Botón de acceso directo a elementos importantes para la gestión de nuestro
bitácora, como son:
Estadísticas del blog: Muestra la actividad que presenta nuestra bitácora,
presentando diversas estadísticas.
Inter blog: Página en la que se muestra la posibilidad de añadir blog, ver las entradas desde la
última conexión, por horas o por días e incluso un buscador y la lista de los bitácoras públicos que
tenemos registrados.
Mis comentarios: Esto monitorea los comentarios que has hecho en WordPress.com, para que
puedas revisar cuando las personas te contesten. Mostrará tu comentario, el comentario anterior al
tuyo, y todas las respuestas después de tu comentario. El mensaje con las respuestas más recientes
está en primer lugar
Navegador de etiquetas:Muestra las noticias de otros trabajos que tengan en común las etiquetas que
hemos procurado a las entradas.
Suscripciones: Muestra las suscripciones que poseemos a otros trabajos de interés.
Readomattic: Lista de las entradas blog y categorías más recientes en las que nos mostramos
suscritos.
Entradas
Editar: Si pinchamos en este botón aparecen todas las entradas para poder tanto editar, como borrar
o ver, así como toda la información en referencia a ellas.
Add new: Añadir una entrada nueva.
Post tags: Etiquetas que nos permiten clasificar las entradas, tanto creación
como modificación de estas.
Categorías: Mas complejas que las etiquetas. Las categorías, a diferencia
de las etiquetas, pueden organizarse jerárquicamente. Puedes tener la
categoría ESO y, bajo ella, subcategorías como lengua castellana o Matemáticas. Son opcionales.
Objetos:
Biblioteca: Elementos que se tienen subidos a Wordpress, se distinguen
entre imágenes, archivos de texto o presentaciones, recordemos que
tenemos un límite de subida gratuito de 3 GB
Add new: Añadir un objeto nuevo desde el equipo.
Enlaces
Editar: Muestra los enlaces de nuestro Blog e información referente a cada
uno de ellos.
Add new: Añadir un nuevo enlace.
Categorías de enlaces:Al igual que con las entradas, se pueden crear
distintas categorías para los enlaces
Páginas
Editar: Muestra las páginas en las que se distribuye nuestro trabajo, así
como el estado en el que se encuentran o si están pendientes de revisión.
Add new: Añadir una nueva página a nuestra bitácora, esto se realiza con
mucha frecuencia configurando el aspecto de web.
Comentarios
Se muestran los comentarios existentes en el Bitácora con el objeto de
aprobarlos, rechazarlos, marcarlos como Spam o borrarlos.
Encuestas
Editar: Modificar encuestas que se tienen creadas.
Añadir: Para añadir una encuesta.
Aspecto
Temas:Diferentes plantillas que podemos seleccionar para nuestro blog.
Widgets: Muestra los módulos o Widgets disponibles para instalar en nuestro blog.
Extras:Estos son añadidos en general que puedes habilitar para todo tu
blog.
O habilitar Snap Shots en este blog u ocultar enlaces relacionados en este
blog, lo que significa que este blog no se mostrará en otros blog o
conseguirá tráfico de esa forma.
Cabecera genérica: Muestra la imagen actual de la cabecera y la
posibilidad de cambiarla por otra imagen.
Editar CSS: Permite la modificación del aspecto de la bitácora, aunque para ello debemos modificar
en muchas ocasiones el código fuente, pudiéndose complicar debido a que se tienen que conocer
algunos conocimientos más avanzados.
Usuarios
Autores & usuarios: Muestra el listado e información de los usuarios del blog, así como el rol que
tienen en él, como son los de administrator, editor, author y contributor.
Tu perfil: Información que queremos mostrar de nuestro perfil como
creadores de la Bitácora.
Invita: Posibilidad de invitar a conocer Wordpress enviando correo
electrónico o a activarlo como contributor.
Herramientas
Herramientas: Muestra la posibilidad de instalar en nuestro bitácora, Gears,
un programa que permite que la mayor parte de las imágenes, scripts y
archivos CSS de WordPress queden almacenados en tu ordenador. Esto
acelerará la carga de las páginas.
Importar: Permite importar a muestro blog desde entradas de un blog
realizado con Bloguer, como categorías, etiqueta o enlaces.
Exportar: Permite la creación de un archivo con entradas, comentarios, etc
de nuestro blog con la intención de exportarlo a un segundo trabajo.
Opciones
General: Posibilidad de modificar los siguientes elementos: Título del
Blog, Descripción corta, lenguaje, Dirección de correo electrónico, Zona
horaria, Formato de fecha, Formato de hora, La Semana Empieza en.
Escritura: Podemos modificar el número de lineas de las cajas de texto,
predeterminar las categorías de enlaces y entradas.
Lectura: Modificación de elementos como que muestren la página inicial,
el número de entradas, el formato de cada entrada o la codificación,
recomendándose por defecto la UTF-8
Discusión: Muestra las posibilidades de configuración para comentarios y mensajes como son la
ajustes habituales de publicación, moderación de comentarios, otras opciones de comentarios,
enviarme un mensaje cuando o para que aparezca.
Objetos: Los tamaños de la lista inferior determinan las dimensiones máximas que se utilizarán al
insertar una imagen en una entrada. Posibilidad de modificación.
Privacidad:Muestra la visibilidad del blog respecto a visitantes y motores de búsqueda.
Borrar Bitácora: Muestra la opción de eliminar nuestra bitácora.
Open ID: Añade a tu trabajo direcciones seguras de internet.
Dominios:La parte principal del URL de tu bitácora es su dominio. Puedes situar tu bitácora de
extensión wordpress.com en cualquier dominio que esté bajo tu control, p.e. educacion.es o
establecer un dominio para redirigir automáticamente a tus lectores al URL de tu bitácora.
Mejoras
Mejoras: Posibilidad de adquirir (no es gratuito) mejoras en nuestra
bitácora, como son nás espacio para archivos o mayor número de usuarios.
Gifts:Concede ventajas a otros blog de las mehoras realizadas en nuestro
blog.
Dominios:Tiene la misma finalidad que el punto “Dominios” visto en el
apartado de opciones.
6.6. - VERSIÓN (SERVIDOR PROPIO)
Como se comento en un principio una de las ventajas que tiene WordPress es que puede ser
instalado en un servidor propio, es por ello por lo que hay que seguir las instrucciones que se
detallan a continuación. Este curso tiene el objetivo de conocer la creación de Blog con Blogger y
WordPress pero de forma on-line, por lo que este punto es a modo de comentario.
Para la instalación en tu propio servidor del programa WordPress tienes las posibilidades de
introducir la dirección: http://es.wordpress.org/ y pulsar en descargas o directamente escribir la
siguiente página: http://es.wordpress.org/wordpress-2.7-es_ES.zip
Una vez descargado, realiza los próximos pasos:
•
Descomprime el paquete en una carpeta vacía.
•
Abre wp-config-sample.php con un editor de texto como WordPad o similar y rellena los
datos de tu conexión a la base de datos.
•
Guarda el archivo como wp-config.php.
•
Sube todo a tu servidor.
•
Abre /wp-admin/install.php en tu navegador. Con esto deberán crearse las tablas necesarias
para tu blog. Si hay algún error, haz el favor de comprobar tu archivo wp-config.php y
probar de nuevo. Si vuelve a fallar, visita los foros de ayuda con todos los datos que puedas
aportar.
•
Anota la contraseña que se te proporcionará.
•
El programa de instalación te enviará entonces a la página de entrada. Entra con el nombre
de usuario admin y la contraseña generada durante la instalación. Ahora podrás hacer clic en
‘Perfil’ y cambiar la contraseña.
En otro servidor el uso es análogo al uso on-line una vez que se ha concluido el proceso de
instalación, pero presenta la ventaja que a la hora de subir objetos no tenemos restricciones por tipo
de archivo o capacidad, puesto que ese servidor es propio.
Los blog y su uso en educación.
Cap 4: Principales acciones en un blog – Pág. 1
Capítulo 4: Principales acciones en un
blog.
Realizado por:
○
○
○
○
Usted es libre de:
•
•
1.- NUESTRO PRIMER COMENTARIO O NOTICIA CON BLOGGER................................2
2.- NUESTRO PRIMER COMENTARIO O NOTICIA CON WORDPRESS...........................4
3.- INCLUIR TEXTOS. USO DEL EDITOR WEB CON BLOGGER.....................................6
4.- INCLUIR TEXTOS. USO DEL EDITOR WEB CON WORDPRESS. ..............................7
5.- AÑADIR AUTORES A NUESTRO BLOG CON BLOGGER.............................................8
6.- AÑADIR AUTORES A NUESTRO BLOG CON WORDPRESS.......................................9
7.- INSERTAR UN ENLACE EN BLOGGER.......................................................................10
8.- INSERTAR UN ENLACE EN WORDPRESS..................................................................11
9.- INSERTAR UNA PÁGINA CON WORDPRESS.............................................................11
10.- INSERTAR UNA CATEGORIA Y UNA ETIQUETA.......................................................13
1.- NUESTRO
BLOGGER
PRIMER
COMENTARIO
O
NOTICIA
CON
Comenzamos nuestro primer comentario, noticia,
recurso, etc. en nuestro blog poniendo la dirección del
blog en nuestro navegador (en nuestro ejemplo
http://pruebaedusocial.blogspot.com/). Si no estamos
identificados con nuestra cuenta de correo Gmail nos
aparece una ventana en la que se nos pide que
introduzcamos nuestra cuenta de correo y contraseña
para el acceso. Hacemos clic en Acceder.
Es aconsejable, si se trabaja desde un ordenador personal, marcar la opción Recordarme, con lo que
evitamos tener que identificarnos en sucesivas ocasiones.
Una vez hecho hacemos clic en Nueva entrada.
Accedemos a un formulario en el que desarrollar nuestra noticia. Tiene los siguientes elementos:
1. El título de la entrada.
2. El editor, compuesto por dos pestañas: Redactar (editor WYSIWYG1, que dispone de una
barra superior de botones para formatear el texto y para incluir elementos multimedia y
que permite el diseño visual de la entrada) y Edición de HTML, (mediante la cual
1 http://es.wikipedia.org/wiki/WYSIWYG
3.
4.
5.
6.
7.
accedemos al código fuente de la página).
El enlace Vista previa, que nos muestra una vista de la entrada como si estuviera
publicada.
Una caja de texto para incluir texto y elementos multimedia e interactivos.
Etiquetas de esta entrada, que consisten en palabras clave o expresiones separadas por
comas que definen y clasifican las entradas (se pueden incluir en el lateral del blog para
que los lectores lean las entradas mediante las etiquetas que las incluyen). Si hacemos clic
en el enlace Mostrar todo veremos todas las etiquetas del nuestro blog.
El enlace Opciones de entrada abren otra sección del editor donde se puede permitir o no
los comentarios de los lectores o los vínculos, y también modificar la fecha y hora de la
entrada.
Por último, disponemos de dos botones en la parte inferior para publicar o guarda sin
publicar la entrada.
Si hacemos clic sobre PUBLICAR ENTRADA (siempre se puede modificar lo escrito o borrar) la
noticia se publicará en nuestro blog, dándonos la opción de Ver blog o modificar algo. Si elegimos
verlo se nos muestra.
2.- NUESTRO PRIMER
WORDPRESS
COMENTARIO
O
NOTICIA
CON
Si estamos viendo nuestro blog estando identificados podemos
agregar una nueva entrada pulsando el enlace que se encuentra en la
parte superior derecha (al lado de nuestra dirección de correo
electrónico).
Comenzamos nuestro primer comentario, noticia o recurso en
nuestro blog.
Una vez registrados hacemos clic en Entradas y posteriormente
pulsamos en Add new apareciendo la ventana que pasaremos a
comentar. Teniendo los siguientes elementos:
1. El título de la entrada.
2. El editor, compuesto por dos pestañas:Visual (editor WYSIWYG2, que dispone de una barra
superior de botones para formatear el texto y para incluir elementos multimedia y que
permite el diseño visual de la entrada) y Edición de HTML, (mediante la cual accedemos al
código fuente de la página).
3. El enlace previsualizar, que nos muestra una vista de la entrada como si estuviera publicada.
4. Una caja de texto para incluir texto. elementos multimedia e interactivos.
5. Post tags, que consisten en palabras clave o expresiones separadas por comas que definen y
clasifican las entradas (se pueden incluir en el lateral del blog para que los lectores lean las
entradas mediante las etiquetas que las incluyen). Si hacemos clic en el enlace Escoger las
etiquetas más utilizadas en Post tags veremos todas las etiquetas del nuestro blog.
6. Categorias, que consisten en seleccionar las categorias de noticias que tengamos definidas
previamente en nuestro blog. Pulsando en Mas utilizadas, aparecen las más comunes.
7. Por último, disponemos de dos botones en la parte lateral para publicar, guardar un borrador
2 http://es.wikipedia.org/wiki/WYSIWYG
o el estado de la noticia.
8. Añadir un extracto de la noticia, que son resúmenes hechos a mano opcionales de su
contenido.
9. Enviar trackbacks.Listado de direcciones de blog donde queremos que se tenga
conocimiento de la noticia que se está creando.
10. Discusión.Posibilidad de modificar los siguientes elementos: Permitir comentarios en esta
entrada y Permitir trackbacks y pingbacks en esta entrada.
11. Botones para insertar elementos multimedia e interactivos.
Hemos puesto el título a la noticia y los elementos que hemos consideremos oportunos.Una vez
completada se pulsa en el botón Publicar y ya tenemos nuestra primera noticia.
3.- INCLUIR TEXTOS. USO DEL EDITOR WEB CON BLOGGER
Para agregar texto, cuando creamos una entrada, utilizamos básicamente el teclado. NO debemos
pegar en dicho editor texto procedente de otra página Web o de un procesador textos, ya que de
hacerlo así puede que incorporemos sin desearlo código que luego dificultará la edición de los
textos.
NOTA: Para pegar texto en una entrada del blog podemos hacer dos cosas:
●
Pegar antes dicho texto en el bloc de notas (Windows) o editor de textos (GNU/Linux), con
lo cual se “pierde” el código asociado al texto. Posteriormente seleccionar de nuevo el texto,
copiarlo y pegarlo entonces en el blog.
●
Una posibilidad más rápida consiste en elegir la pestaña Edición de HTML (la comentamos
más adelante) y pegar allí el texto sin “pasarlo” por el bloc de notas o editor de textos.
Una vez tecleado el texto de nuestra entrada del blog podemos hacer uso del editor Web de Blogger
para darle formato. Presenta unos iconos muy similares a los de otras aplicaciones de tratamiento de
texto con unas funciones muy parecidas. Una vez seleccionado un texto podemos elegir para el
mismo:
Alineación (a la izquierda, centrado,
a la derecha y justificado)
8 tipos de letra distintos
5 tamaños diferentes
Negrita y cursiva
4.- INCLUIR TEXTOS.
WORDPRESS.
Color
USO
Lista de viñetas
Enlace
DEL
Numerar párrafos
EDITOR
WEB
CON
Para agregar texto, cuando creamos una entrada, utilizamos básicamente el teclado. NO debemos
pegar en dicho editor texto procedente de otra página Web o de un procesador textos, ya que de
hacerlo así puede que incorporemos sin desearlo código que luego dificultará la edición de los
textos.
NOTA: Para pegar texto en una entrada del blog podemos hacer dos cosas:
●
Pegar antes dicho texto en el bloc de notas (Windows) o editor de textos (GNU/Linux), con
lo cual se “pierde” el código asociado al texto. Posteriormente seleccionar de nuevo el texto,
copiarlo y pegarlo entonces en el blog.
●
Una posibilidad más rápida consiste en elegir la pestaña Edición de HTML (la comentamos
más adelante) y pegar allí el texto sin “pasarlo” por el bloc de notas o editor de textos.
Una vez tecleado el texto de nuestra entrada del blog podemos hacer uso del editor Web de
Wordpress para darle formato. Presenta unos iconos muy similares a los de otras aplicaciones de
tratamiento de texto con unas funciones muy parecidas. Una vez seleccionado un texto podemos
elegir para el mismo:
5.- AÑADIR AUTORES A NUESTRO BLOG CON BLOGGER
Puede que deseemos, si no se trata de un blog personal, que más de una persona (amigos,
compañeros de trabajo o de aficiones, etc.) pueda añadir entradas al mismo. Si lo hacemos esas
personas podrán añadir entradas, pero tendrán restringidas las opciones de configuración del blog
(posibilidad reservada para la persona que lo creó).
Para añadir autores a nuestro blog hacemos clic en el enlace Configuración, que se encuentra en el
Escritorio.
Posteriormente hacemos clic en Permisos.
En la nueva página podemos añadir a los usuarios que van a ser autores del mismo (hasta un
máximo de 100).
Para ello hacemos clic en el botón AÑADIR AUTORES y escribimos su dirección de correo Gmail.
Posteriormente pinchamos en el botón INVITACIÓN para enviarles una invitación para compartir la
autoría del blog.
La persona a la que hemos invitado deberá acceder a su cuenta de correo Gmail y verá un correo de
invitación; deberá abrirlo y hacer clic sobre el enlace que contiene para poder participar en el blog.
Al hacer clic sobre él le aparecerá un formulario para aceptar la invitación. Deberá rellenar sus
datos y aceptar. Por último, elegirá el nombre que desea que muestre el sistema (su seudónimo).
6.- AÑADIR AUTORES A NUESTRO BLOG CON WORDPRESS.
Puede que deseemos, si no se trata de un blog personal, que más de una persona (alumnos, amigos,
compañeros de trabajo o de aficiones, etc.) pueda añadir entradas al mismo. Si lo hacemos esas
personas podrán añadir entradas, pero tendrán restringidas las opciones de configuración del blog
(posibilidad reservada para la persona que lo creó).
Para añadir autores a nuestro blog hacemos clic en el enlace Usuarios, que
se encuentra en el Tablero.
En la parte central aparece la posibilidad de añadir un usuario a la
comunidad (en nuestro caso vamos a crear un autor, pero podemos crear
también el rol de administrador, contribuidor o editor de igual forma).
Pulsamos en Añadir
usuario y un correo
electrónico se le envía
a la cuenta elegida en
el que se pone en
conocimiento que esa
persona
ha
sido
añadida como usuario
(en este caso como
autor). Una vez visto
el correo, se marca el
enlace
que
nos
proporciona y termina
el proceso de añadir un usuario en WordPress y ya se puede participar en la elaboración del blog.
Una vez visto el correo, se marca el enlace que nos proporciona y termina el proceso de añadir un
usuario en WordPress y ya se puede participar en la elaboración del blog.
7.- INSERTAR UN ENLACE EN BLOGGER.
Si deseamos poner un enlace
a un texto (en el ejemplo
pretendemos
que
se
convierta en un enlace la
dirección Web) debemos, en
primer lugar, seleccionarlo.
Una vez hecho utilizamos el
icono Enlace del Editor
Web.
En el cuadro de diálogo que nos aparece escribiremos (aunque lo más rápido es pegar la dirección
que previamente hayamos copiado del navegador) la URL de destino del enlace.
Aceptamos y queda insertado el enlace.
8.- INSERTAR UN ENLACE EN WORDPRESS.
Si deseamos poner un enlace a un texto (en el ejemplo pretendemos que se convierta en un enlace la
dirección Web) debemos, en primer lugar, seleccionar el texto donde queremos que se realice el
enlace. Una vez hecho utilizamos el icono
del Editor Web.
En el cuadro de diálogo que nos aparece escribiremos (aunque lo más rápido es pegar la dirección
que previamente hayamos copiado del navegador) la URL de destino del enlace y se fija el destino
donde se debe abrir (en nuestra ventana o que se abra en otra) y pulsamos en Insertar.
9.- INSERTAR UNA PÁGINA CON WORDPRESS.
Para que nuestra bitácora tenga un aspecto con el tiempo más “descargado” se suele utilizar la
creación de páginas, que son páginas web que se encuentran alojadas y administradas desde nuestro
tablero. Esto hace posible que en multitud de ocasiones, al ver un blog, nos encontremos que tiene
el aspecto de un portal Web, puesto que consta de numerosas páginas relacionas entre sí.
Para insertar una en nuestro trabajo, tenemos que irnos al menú Páginas que
cuenta con los siguientes elementos.
Editar: Muestra las páginas en las que se distribuye nuestro trabajo, así
como el estado en el que se encuentran o si están pendientes de revisión.
Add new: Añadir una nueva página a nuestra bitácora, esto se realiza con mucha frecuencia
configurando el aspecto de web.
Vamos a crear una. Para ello pulsamos en Add new con lo que aparece una ventana que tiene la
siguiente apariencia:
En ella rellenamos el título, el texto principal de la página (con todas sus posibilidades),
configuración de la discusión o no de la página, el autor y los atributos. Destacamos que aparece un
permanlink con la dirección que va a tener nuestra página.
En atributos destacamos:
Superior: Las páginas se pueden organizar de forma jerárquica. Por ejemplo, puedes tener una
página “Quién soy” y bajo ella las páginas “personal” y “perfil laboral”. No hay límite de
profundidad para esta jerarquía.
Orden: Normalmente, las páginas se muestran por orden alfabético, pero puedes asignarles un
número aquí para cambiar el orden en que aparecen. (Ya sabemos que es algo aparatoso; mejorará
en próximas versiones.)
Finalmente pulsamos en Publicar y ya tenemos nuestra nueva página.
10.- INSERTAR UNA CATEGORIA Y UNA ETIQUETA.
Desde siempre hemos usado las categorías, y ahora que han agregado las etiquetas puede que
algunas personas no tengamos clara cual es la diferencia entre ambos conceptos. Para ello hemos
destacado las siguientes:
•
Las categorías del blog, son como las secciones de tu blog. Son una estructura fuerte que
debes de pensar un poco más cuando las creas, puedes crear jerarquías de categorías e
influyen en las URLs de los posts (dependiendo del a configuración de permalinks).
•
Los posts siempre deben llevar una categoría, si no marcas alguna WordPress usará la
categoría por defecto.
•
Las etiquetas del blog, son estructuras más débiles y flexibles del blog. No tienen jerarquías
entre ellas y son creadas con facilidad.
•
Las etiquetas son opcionales, el post puede omitirlas sin problemas.
•
Las categorías deberían ser usadas para secciones generales, mientras que las etiquetas para
secciones más específicas. Por ejemplo, si escribes un post de un viaje que has tenido lo
pondrías en la categoría Viajes, además podrías usar las etiquetas viajes, amatitilan, hoteles,
usando etiquetas para los lugares que mencionas en tu post.
Para las etiquetas o post tags se presenta el menú Entradas que tiene los
elementos:
Editar: Si pinchamos en este botón aparecen todas las entradas para poder
tanto editar, como borrar o ver, así como toda la información en referencia
a ellas.
Post tags: En inglés etiquetas, que nos permiten clasificar las entradas, tanto creación como
modificación de estas.
Categorías: Mas complejas que las etiquetas. Las categorías, a diferencia de las etiquetas, pueden
organizarse jerárquicamente. Puedes tener la categoría ESO y, bajo ella, subcategorías como lengua
castellana o Matemáticas. Son opcionales.
•
Vamos a editar la categoría educación: Pulsamos en el menú Entradas en Categorías, e
introducimos los elementos nombre de la categoría, su descripción, y categoría superior si
depende de alguna de las que teníamos creadas, finalmente pinchamos sobre Crear
Categoría.
Si observamos en el lado derecho aparecen todas las categorías con su descripción, en caso
de depender de otra categoría pone el nombre de toda la cadena jerárquica y el número de
entradas en las que aparecen esas categorías.
•
Ahora editaremos la etiqueta matemáticas: Pulsamos en el menú Entradas en Etiquetas, e
introducimos los elementos nombre de la etiqueta y su descripción, finalmente pinchamos
sobre Crear Etiqueta.
Si observamos en el lado derecho aparecen todas las etiquetas con su descripción y el número de
entradas en las que aparecen esas etiquetas.
Los blog y su uso educativo
Cap 5: Primeros pasos . Incluir textos e imágenes – Pág. 1
Capítulo 5: Primeros pasos. Incluir
textos e imágenes
Realizado por:
○
○
○
○
Usted es libre de:
•
•
1.- IMÁGENES EN UN BLOG................................................................................................2
1.1. - INSERTAR IMÁGENES CON BLOGGER................................................................3
1.2. - INSERTAR IMÁGENES CON WORDPRESS..........................................................4
2.- AYUDA..............................................................................................................................6
2.1. - AYUDA CON BLOGGER..........................................................................................6
2.2. - AYUDA CON WORDPRESS....................................................................................6
3.- COMPARTIR IMÁGENES EN INTERNET.......................................................................7
4.- ¿QUÉ OFRECE PICASA?................................................................................................7
5.- ¿QUÉ OFRECE FLICKR?................................................................................................8
6.- COMPARTIR FOTOGRAFÍAS EN FLICKR....................................................................10
6.1. - CREAR UNA CUENTA...........................................................................................10
6.2. - SUBIR Y COMPARTIR FOTOGRAFÍAS................................................................10
6.3. - PONER UNA FOTOGRAFÍA DESDE FLICKR EN BLOGGER.............................11
6.4. - PONER UNA FOTOGRAFÍA EN WORDPRESS DESDE FLICKR........................14
7.- HERRAMIENTAS WEB PARA RETOCAR IMÁGENES.................................................18
8.- CONSIDERACIONES SOBRE FORMATOS GRÁFICOS..............................................18
8.1. - FORMATOS............................................................................................................18
8.2. - NORMAS GENERALES.........................................................................................18
1.- IMÁGENES EN UN BLOG
Con respecto a las imágenes hay que indicar que, como cualquier creación, está sujeta a derechos de
autor. Por tanto, no debemos incluir una imagen en nuestro blog de otro usuario sin disponer de su
permiso. Para salvar esta eventualidad es conveniente que, en caso de querer utilizar imágenes que
no sean nuestras, acudamos a sitios Web con licencia Creative Commons
(http://es.creativecommons.org/) o similares.
•
Banco de imágenes y sonidos del CNICE: http://bancoimagenes.cnice.mec.es/ (se dispone
de imágenes y sonidos).
•
Open Clip Art Gallery: http://www.openclipart.org/
•
Openphoto: http://www.openphoto.net/
•
Free Digital Photos: http://www.freedigitalphotos.net/
•
Mediateca de EducaMadrid: http://mediateca.educa.madrid.org (se dispone de imágenes,
vídeos y sonidos).
•
Lista de sitios que ofrecen imágenes: http://www.masternewmedia.org/news/2005/04/01/
where_to_find_free_images.htm
•
Hay otras Web como Flickr (que comentaremos más adelante) que disponen de imágenes
con y sin licencia Creative Commons, por lo que es conveniente realizar un filtrado para
que
nos
muestre
únicamente
las
imágenes
con
dicha
licencia
(http://es.creativecommons.org/espacio/buscar.php).
Con respecto a las imágenes en los blog:
-
No deben interrumpir el texto ni dejar poco espacio para el mismo.
-
Salvo excepciones su tamaño no debería sobrepasar los 500 píxeles de ancho.
-
Tenga en cuenta que sirven para ilustrar el contenido y que su uso como adorno está
contraindicado.
1.1. - INSERTAR IMÁGENES CON BLOGGER
Uno de los iconos del Editor Web nos permite insertar una imagen o fotografía en las entradas de su
blog: el icono Añadir imagen que se encuentra alojada en el editor como muestra la siguiente
imagen.
Al hacer clic sobre él aparece una ventana emergente que nos permite incluir una imagen en nuestro
blog desde:
-
Nuestro equipo, haciendo clic sobre el botón Examinar y localizando la imagen.
-
Desde una dirección de Internet, para lo que debemos pegar la dirección exacta de la
imagen en la caja de texto URL.
Si necesitamos la inclusión de más de una imagen (tanto desde nuestro equipo como desde una
dirección Web) haremos clic en los enlaces Añadir otra imagen.
Una vez seleccionada la imagen elegimos un diseño (aquí decidimos la colocación de la imagen: a
la izquierda o derecha de un párrafo, o bien centrada sin texto alrededor) y el tamaño de la imagen.
El cuadro de diálogo nos ofrece 3 posibilidades; Pequeñas, Medio o Grandes. Si deseamos que la
imagen tenga el tamaño original, hay que elegir la opción Grandes.
Posteriormente hacemos clic en el botón SUBIR IMAGEN y, por último, en FINALIZADO, con lo
que aparecerá en la entrada del blog. Una vez concluido el proceso hacemos clic sobre el botón
PUBLICAR ENTRADA.
NOTA: Podemos redimensionar la imagen utilizando los cuadraditos de las esquinas y laterales,
apareciendo la medida en pixeles que va teniendo la imagen, aunque se recomienda que se haga
previamente a la subida de la imagen con aplicaciones de retoque y creación de imágenes como
GIMP: http://www.gimp.org/
1.2. - INSERTAR IMÁGENES CON WORDPRESS
Uno de los iconos del Editor Web nos permite insertar una imagen o fotografía en las entradas de su
blog, este icono se utiliza para añadir imágenes.
Al hacer clic sobre él aparece una ventana emergente que nos permite incluir una imagen en nuestro
blog activando la pestaña correspondiente y seleccionando:
-
Desde la biblioteca, en la que se encuentran todos los objetos que hemos subido con
anterioridad, la ventaja de utilizar este sistema es que al estar las imágenes alojadas en el
servidor podemos trabajar con ellas desde cualquier equipo. Posteriormente pulsaremos en
mostrar.
-
Desde nuestro equipo, haciendo clic sobre el botón Examinar y localizando la imagen en la
ubicación en la que se encuentre.
-
Desde una dirección de Internet, para lo que debemos pegar la dirección exacta de la
imagen en la caja de texto URL.
Si necesitamos la inclusión de más de una
imagen (tanto desde nuestro equipo como desde
una dirección Web) repetiremos este proceso
cuantas veces sea necesario.
Una vez seleccionada la imagen elegimos un
diseño (aquí decidimos la colocación de la
imagen: a la izquierda o derecha de un párrafo, o
bien centrada sin texto alrededor) y el tamaño
de la imagen. (El cuadro de diálogo nos ofrece
4 posibilidades; Miniatura, Medio, Grande y
Tamaño completo), y si queremos realizar una
modificación en el nombre de la imagen o la
descripción de la foto Si deseamos que la
imagen tenga el tamaño original, hay que elegir
la opción Tamaño completo.
Posteriormente hacemos clic en el botón Subir imagen y, por último, en Insertar en entrada, con lo
que aparecerá en la entrada del blog. Una vez concluido el proceso hacemos clic sobre el botón
Publicar (Botón de color celeste en el lado derecho) si queremos publicarla o Guardar como
borrador si no se quiere publicar en ese instante para, por ejemplo, seguir completando la entrada.
NOTA: Podemos redimensionar la imagen utilizando los cuadraditos de las esquinas y laterales,
apareciendo la medida en pixeles que va teniendo la imagen, aunque se recomienda que se haga
previamente a la subida de la imagen con aplicaciones de retoque y creación de imágenes como
GIMP: http://www.gimp.org/
2.- AYUDA
2.1. - AYUDA CON BLOGGER
Si necesitamos ayuda en cualquier
momento disponemos de una ayuda en
línea, situada en la parte superior
derecha de la pantalla.
Si la ayuda se nos muestra en inglés podemos, en un desplegable situado en la parte inferior de la
pantalla (desplegable Cambiar idioma), elegir el idioma de la ayuda que deseemos.
2.2. - AYUDA CON WORDPRESS
Al igual que Blogguer, Wordpress ofrece la posibilidad en el momento que consideremos oportuno
de utilizar el botón de ayuda, para ello pulsamos en la parte superior derechaen el siguiente icono.
Es entonces cuando nos parecen enlaces a tres páginas distintas, como son:
Foros de WordPress.com: Muestra una página con un buscador en los foros sobre blog con
Wordpress y algunas entradas interesantes de ayuda.
Soporte de WordPress.com: Página que muestra las preguntas de interés más comunes separadas
por temas, así como un buescador.
Videos de WordPress.com en WordPress.tv: Colección de videos de como trabajar con Wordpress.
3.- COMPARTIR IMÁGENES EN INTERNET
Desde que aparecieron en el mercado las cámaras digitales y la relación calidad-precio fue atractiva
para un amplio público, se ha incrementado exponencialmente la venta de este tipo de cámaras y el
número de instantáneas. La facilidad con que se realizan las fotografías y se pueden visualizar a
través de un ordenador ha ido pareja a la facilidad de publicar dichas imágenes en Internet y
compartirlas con los amigos y familiares.
Existen en Internet sitios Web que permiten a los usuarios "subir" sus fotografías y que, una vez
almacenadas en ellos, puedan ser visualizadas desde cualquier equipo que tenga conexión a
Internet. Estos sitios permiten igualmente compartirlas (o no en función de la elección de cada
usuario), ordenarlas gracias a las etiquetas (tag), etc.
Básicamente se trata de gestionar fotografías online desde una página Web que, además, ofrece una
serie de prestaciones anexas (crear álbumes, un perfil de la persona que sube las fotos, etc.).
Una característica fundamental de estos servicios, como se ha comentado anteriormente, es su
vertiente social, ya que subir imágenes es mucho más que archivarlas: se convierten en lugar de
reunión de aficionados, sala de exposiciones, vehículo de comunicación de experiencias e
iniciativas que se comparten y se llevan a cabo online.
Entre los sitios Web que permiten albergar imágenes de forma gratuita podemos encontrar muchos.
Los más populares son:
-
Flickr (http://www.flickr.com/). Si quiere realizar una visita y ver cómo
están estructuradas las fotografías de uno de los autores del presente
documento puede acceder a la siguiente dirección: http://www.flickr.com/
photos/rafaelpalomo/ .
-
Picasa Web Albums. Esta aplicación funciona con una cuenta de Google
(la misma cuenta Gmail que utiliza para su blog). Tiene una aplicación
para subir fotos de forma masiva.
-
Zooomr (http://es.zooomr.com/).
4.- ¿QUÉ OFRECE PICASA?
Según se indica en su Web1 “Picasa es un software que permite ver, organizar, editar y compartir de
forma fácil y divertida las fotografías digitales en tu equipo”. Dispone únicamente de versión para
Windows.
Una vez instalada la aplicación (localiza las imágenes que tenga en su equipo o en parte del mismo
según lo que elija) dispone de un botón para publicar directamente en Blogger las imágenes.
1 http://picasa.google.es/features/index.html
Para ello marque una o varias imágenes; al pulsar sobre el botón BlogThis! conectará la aplicación
con Blogger. Una vez identificado aparecerá las imágenes seleccionadas en una nueva entrada.
Otra forma de incluir imágenes es a través de los álbumes Web. Deberá utilizar para ello, una vez
seleccionadas las imágenes que quiera subir, el botón Álbum web. En el capítulo 5 se comentará
cómo incluir una presentación con imágenes de Picasa.
5.- ¿QUÉ OFRECE FLICKR?
Este sitio Web ofrece posibilidades que exceden con mucho el mero almacenamiento de fotografías.
De hecho se ha desarrollado una industria alrededor de él.
Entre otras prestaciones interesantes podemos encontrar:
-
Subir fotos. Puede subir fotografías a través de un formulario dentro de una página de esta
Web, a través de correo electrónico mediante una dirección especial de carga o por teléfono
móvil.
-
Organizar las fotografías. Se pueden agrupar de dos formas: por álbumes (de un viaje, de
una fiesta, etc.) o por categorías (donde incluir, por ejemplo, varios álbumes con temática
similar). Posee una utilidad llamada Organizr donde se crean tanto las colecciones como los
álbumes. También permite realizar tareas comunes en lotes grandes de imágenes, como
agregar etiquetas, cambiar permisos o editar marcas de fecha y hora.
-
Geoetiquetas. A través de Organizr puede poner una fotografía en un mapa para saber el
lugar donde fue tomada.
-
Aplicación externa para subir fotografías. Además de subirlas a través del formulario de la
Web puede instalar una aplicación en su equipo para agregar títulos a sus fotografías,
etiquetas, metadatos y una vez terminado subirlas a su cuenta de Flickr.
-
Picnik (http://www.picnik.com/). Se trata de un programa externo que edita fotografías de
Flickr para su retoque online lo que supone una posibilidad interesante para la edición de las
imágenes subidas.
Accesos. La privacidad es algo que un usuario generalmente suele poder controlar en los sitios Web
a los que sube sus archivos y Flickr no podía ser menos. En este sitio es fácil controlar las personas
con las que deseas compartir tus imágenes. Para cada una de las fotografías subidas se puede
establecer:
-
Un nivel de privacidad, que determina las personas que pueden ver una imagen.
Una licencia de uso, para que los derechos de autor estén protegidos.
Un tipo de contenido, para marcar las imágenes como fotografía, arte/ilustración o captura
de pantalla.
Un nivel de seguridad, para que los otros miembros sólo puedan ver las imágenes dentro de
sus espacios especificados.
Pero sobre todo hay una cuestión que potencia Flickr y que creemos va muy acorde con la filosofía
del software libre y compartir recursos: su licencia bajo Creative Commons
(http://es.creativecommons.org/licencia/ si observa la figura debajo de la fotografía en la imagen
anterior hay tres símbolos). De hecho Flickr posee un apartado especial denominado Flickr CC.
6.- COMPARTIR FOTOGRAFÍAS EN FLICKR
6.1. - CREAR UNA CUENTA
Para crear una cuenta en Flickr tiene que acceder a su
página principal (http://www.flickr.com/ ), para, desde allí
poder hacerlo2. Haga clic sobre el botón Crea tu cuenta.
Cuando lo haya hecho aparecerá otra página para, o bien
registrarse, o bien crear una nueva cuenta. Si es la primera vez haga
clic en Registrame.
Este enlace le llevará a un formulario en el que hay que rellenar los
datos que se solicitan. Una vez terminado los datos hacemos clic
sobre el botón Crear mi cuenta. Si está todo correcto aparecerá una
nueva pantalla con los datos que se han introducido y que
recomendamos se guarden o anoten, ya que será útil para entrar en
la página cada vez que quiera subir una fotografía.
Pulse en el botón Continuar.
6.2. - SUBIR Y COMPARTIR FOTOGRAFÍAS
Una vez que haya introducido el nombre de usuario y contraseña aparecerá una ventana con los
datos de sus fotografías y otra información de la página. Para subir una fotografía debe hace clic
sobre el enlace Subir fotos.
Cuando aparezca la siguiente pantalla deberá realizar tres sencillos pasos:
2 Si ya posee una cuenta con Yahoo, puede utilizarla para crear un espacio en Flickr.
Elegir fotografías desde donde quiere subirla.
Una vez elegidas volverá a la página de Flickr,
verá que el nombre de sus fotografías están en la
pantalla y podrá establecer la privacidad de las
mismas.
•
Una vez comprobado los datos haga clic
sobre Subir fotos.
Cuando estén subidas las imágenes puede,
mediante otra pantalla, describirlas y asignarles
etiquetas (tags). Ya ha subido su primera foto,
enhorabuena.
6.3. - PONER UNA FOTOGRAFÍA DESDE FLICKR EN BLOGGER
Para empezar hay que partir desde la siguiente dirección: http://www.flickr.com/blogs.gne
Cuando esté en esa página, previa identificación, verá un aviso como éste:
Haga clic sobre Configurar tu blog, elija el tipo de blog que tenga (en este caso aparece por defecto
en primer lugar “Blog de Blogger”) pero se puede muchos otros y haga clic en el botón Siguiente.
Una parte de la configuración de tu blog en Blogger Beta para publicar desde Flickr consiste en
iniciar sesión en Google para establecer el permiso. Por lo tanto hay que leer atentamente lo que
dice el mensaje y hacer clic en Ir a Google ahora.
Cuando se encuentre en Google introduzca el correo y su contraseña. Una vez lo haya hecho haga
clic sobre el botón Conceder acceso.
Volverá a Flickr con la ventana de su blog. Haga clic en Siguiente. Confirme la configuración de su
blog y haga clic sobre el botón Hecho. Cuando se ha completado le da dos opciones:
●
Crear una plantilla de publicación personalizada.
• Regresar a tu página de blog.
Estos pasos únicamente se ha hacerse la
primera vez. En las fotografías elija la que
desea publicar y, cuando esté seleccionada,
pulse sobre el icono Enviar esto al blog.
Cuando salga la ventana desplegable haga clic sobre su blog.
En el siguiente formulario escriba la entrada y haga clic sobre el botón PUBLICAR ENTRADA.
La última ventana le dice si ha hecho correctamente la subida.
6.4. - PONER UNA FOTOGRAFÍA EN WORDPRESS DESDE FLICKR
Para empezar hay que partir desde la siguiente dirección: http://www.flickr.com/blogs.gne
Cuando esté en esa página, previa identificación, verá un aviso como éste:
Una vez vista esta ventana el sistema nos pregunta que tipo de blog es, por lo que nosotros ponemos
que nuestro blog está situado en WordPress y pulsamos en Siguiente.
Una vez pasada esta pantalla se nos preguntan diversas cuestiones:
•
Extremo API: en
este
apartado
se tiene que
http://NOBRE_DE_TU_BLOG.wordpress.com/xmlpc.php
poner
la
dirección
•
Nombre de usuario: Como su nombre indica es el nombre de usuario que tenemos para
WordPress. Es opcional al igual que la contraseña, si se introduce cuando queramos enviar
una noticia no tendremos que identificarnos cada vez que enviemos una noticia.
•
Contraseña: La contraseña que tenemos para Wordpress.
Finalmente pulsamos en Siguiente.
Aparece posteriormente una pantalla de confirmación de datos.
Realizado este proceso nuestro Blog queda agregado. Apareciendo dos posibilidades, como son la
de crear una plantilla de publicación personalizada o regresar a tu páginas de blogs.
En caso de seleccionar la primera opción tenemos que ver como queremos que aparezcan las
noticias en el blog, seleccionamos una de las posibilidades y cualquier noticia que publiquemos
desde Flickr tendrá esa apariencia.
Si seleccionamos la segunda opción aparece la lista de los blog que tenemos enlazados.
Una vez enlazado el blog, insertemos una noticia con una imagen desde Flickr.
En las fotografías elegimos la que deseamos
publicar y pulsamos sobre ella dos veces con el
botón izquierdo del ratón, posteriormente
pulsamos sobre el icono Enviar esto al blog que
se encuentra en la parte superior de la imagen.
Aparece el nombre del blog enlazado, pulsando
sobre él, nos adentramos en una nueva pantalla en la que se rellenan los campos título de la imagen
y el texto que queremos que acompañe a la imagen.
Una vez que pinchemos sobre Publicar entrada, esta aparecerá publicada en nuestro blog con la
apariencia que hallamos determinado.
Si seleccionamos Visita tu blog vemos como queda la noticia publicada.
7.- HERRAMIENTAS WEB PARA RETOCAR IMÁGENES
En alguna ocasión necesitaremos realizar operaciones con las imágenes, como reducirlas,
recortarlas, modificar su brillo y/o contraste, etc..
No es este el lugar adecuado para indicar qué aplicaciones utilizar (recomendamos por su licencia y
por ser multiplataforma GIMP: http://www.gimp.org/) pero nos vamos a permitir realizar una reseña
a un artículo publicado en http://avalerofer.blogspot.com/search/label/multimedia sobre una sencilla
aplicación para editar imágenes online. Se llama Snipshot.
8.- CONSIDERACIONES SOBRE FORMATOS GRÁFICOS
8.1. - FORMATOS
En Internet encontramos básicamente tres formatos de imagen:
Colores
Transparencia
Compresión
jpg
Más de 256
No
Sí
gif
Hasta 256
Sí (un color)
No
png
Más de 256
Sí (hasta 256 colores)
Sí (sin pérdida)
Como podemos ver, el formato que reúne más más posibilidades es el png.
8.2. - NORMAS GENERALES
●
Una imagen extraída de una cámara de fotos es extraordinariamente grande para Internet.
Hay que reducir su tamaño (redimensionar) con aplicaciones como GIMP o recortar un trozo
de las mismas que nos interese.
●
Nombres de marchivos. Es importante, cuando demos nombre a los archivos, que sigamos
estas reglas:
○
No incluir mayúsculas.
○
No incluir eñes, ni vocales con tilde, ni caracteres especiales.
○
No incluir espacios en blanco. Si queremos separar dos palabras en el nombre de un
archivo es aconsejable emplear el guión bajo.
Cap 6: Incluir vídeos, presentaciones, archivos diversos, etc – Pág. 1
Los blog y su uso educativo.
Capítulo 6: Incluir vídeos,
presentaciones, archivos diversos, etc.
Realizado por:
○
○
○
○
Usted es libre de:
•
•
1.- AGREGAR VÍDEOS..........................................................................................................2
1.1. - INTRODUCCIÓN......................................................................................................2
1.2. - ¿CÓMO INCORPORAR UN VÍDEO EN UN BLOG A BLOGGUER?......................3
1.3. - ¿CÓMO INCORPORAR UN VÍDEO EN UN BLOG A WORDPRESS?...................5
1.4. - ¿QUÉ OFRECE YOUTUBE?...................................................................................7
1.4.1.- ACCESO Y SUBIDA DE VÍDEOS......................................................................7
2.- AGREGAR PRESENTACIONES......................................................................................8
2.1. - ¿QUÉ OFRECE SLIDESHARE?..............................................................................8
2.2. - COMPARTIR PRESENTACIONES EN SLIDESHARE............................................9
2.2.1.- CREAR UNA CUENTA Y SUBIR PRESENTACIONES.....................................9
2.2.2.- INCLUIR UNA PRESENTACIÓN EN SU BLOG DESDE SLIDESHARE EN
BLOGGER...................................................................................................................10
WORDPRESS.............................................................................................................11
3.- ENLAZAR ARCHIVOS DIVERSOS EN EL BLOG.........................................................12
3.1. - CON BLOGGER.....................................................................................................14
3.2. - CON WORDPRESS...............................................................................................15
4.- PODCAST.......................................................................................................................16
1.- AGREGAR VÍDEOS
1.1. - INTRODUCCIÓN
Los vídeos educativos se han ido implantando poco a poco en nuestro sistema de enseñanza como
una herramienta útil, como un apoyo importante para diversas situaciones de aprendizaje.
Cuando hablamos de vídeos educativos no solamente nos referimos a los vídeos didácticos1, sino
también a los vídeos que puedan servir de apoyo a la docencia. Hasta hace bien poco era muy
dificultoso elaborar un vídeo y poder verlo a través de Internet, por lo que se recurría a cintas
comerciales para suplir dicha dificultad. Hoy día es relativamente sencillo grabar un vídeo a través
1 Aquellos que han sido diseñados, experimentados y evaluados para ser incluidos en un proceso de enseñanzaaprendizaje
de diversos dispositivos (cámara de vídeo, fotográfica, teléfono móvil, etc.) y ponerlo en la Red
para su visionado, hecho que ha supuesto un resurgimiento del recurso del vídeo en la enseñanza.
Según Pere Marques2, los vídeos se pueden clasificar en los siguientes tipos:
●
Documentales: muestran de manera sistemática y ordenada información sobre un tema.
Ejemplo: los documentales que ofrecen las cadenas de televisión.
●
Narrativos: se presenta la información detallada y por orden cronológico de un individuo,
hecho histórico, etc.
●
Lección monoconceptual: son vídeos de muy corta duración que se centran en presentar un
concepto o idea de forma clara y concisa.
●
Lección temática: son los clásicos vídeos didácticos adaptados al público al que se va a
dirigir.
●
Vídeos motivadores: pretenden ante todo impactar, motivar e interesar a los espectadores.
Existen en Internet algunas páginas para alojar vídeos de forma gratuita. Entre los más populares
cabe destacar:
●
Youtube (http://es.youtube.com/), por todos conocido.
●
Dalealplay (http://www.dalealplay.com/). Puede que sea
uno de los servicios en español más populares después de
Youtube o Google Video. Cuenta con varias secciones para
navegar por categorías, ver los vídeos recomendados o los
más vistos. Una vez que realizado el registro en esta Web se
puede enviar vídeos y disponer de un espacio propio para
compartirlos, clasificarlos y encontrar a otros usuarios con
interesas similares.
●
Kewego (http://www.kewego.es/). De similares características al anterior.
●
Tu.tv (http://tu.tv/). Muestra los vídeos más votados de la Web, un ranking, una sección de
noticias y la posibilidad de crear tu propio grupo de usuarios o unirte a uno de tu elección.
●
Vago.tv (http://vago.tv/ ). Este es uno de los más recientes servicios dedicados a ofrecer los
mejores vídeos de Internet, clasificados en función de sus votaciones, visitas, comentarios y
fechas de publicación. Cuenta con un sistema de canales de vídeo y es posible suscribirse
mediante correo electrónico para recibir las actualizaciones de la página.
●
Yatv (http://www.yatv.com/). Es el portal de alojamiento gratuito de vídeos de Ya.com. En él
se puede ver, subir y compartir todo tipo de vídeos en la Red con tan sólo crear una cuenta
de usuario.
1.2. - ¿CÓMO INCORPORAR UN VÍDEO EN UN BLOG A BLOGGUER?
Para incorporar un vídeo en su blog puede optar, como en el caso de las imágenes, por hacerlo:
●
Desde su equipo, subiendo directamente un vídeo desde su ordenador a una entrada en
concreto mediante el icono Añadir vídeo, que se encuentra seleccionado en la imagen
2 http://dewey.uab.es/pmarques/videoori.htm (consulta realizada el 9-1-08)
adjunta.
Aparecerá una nueva ventana emergente en la que
elegirá la ubicación de su archivo, pondrá un título,
activará la casilla de verificación de aceptación de los
términos y hará clic en el botón SUBIR VÍDEO.
Obviamente deberá esperar unos minutos para que
concluya la subida (variará el tiempo dependiendo del
tamaño del archivo).
Una vez que esté cargado haga clic sobre el botón PUBLICAR ENTRADA cuando haya terminado.
●
Otra posibilidad de incorporar vídeo a una entrada es hacerlo desde una de las Web
comentadas con anterioridad (por ejemplo desde Youtube). Una vez hemos localizado el
vídeo que queremos incorporar, en Youtube debemos seleccionar y copiar el texto que
aparece en la caja Insertar.
En una entrada de nuestro blog en la que queremos insertar un vídeo hacemos clic en la pestaña
Edición de HTML y pegamos el texto copiado de Youtube.
1.3. - ¿CÓMO INCORPORAR UN VÍDEO EN UN BLOG A WORDPRESS?
Al igual que sucede con los blogs realizados con Blogger, el proceso es análogo
a la inserción de las imágenes, se puede realizar de las siguientes formas:
●
Desde su equipo, subiendo directamente un vídeo desde su ordenador a
una entrada en concreto mediante el icono que se muestra encima del
editor. Para ello es necesario conseguir mediante pago un “Space
upgrade” que permite subir los videos sin necesidad de ser enlazados.
Aparecerá una nueva ventana emergente en la que elegirá la ubicación de su archivo y hará clic en
el botón SUBIR, debemos esperar unos minutos para que concluya la subida (variará el tiempo
dependiendo del tamaño que tenga el archivo subido).
Una vez que esté cargado haga clic sobre el botón PUBLICAR cuando haya terminado.
●
Otra posibilidad de incorporar vídeo a una entrada es hacerlo desde una de las Web
comentadas con anterioridad (por ejemplo desde Youtube). Una vez hemos localizado el
vídeo que queremos incorporar, en Youtube debemos seleccionar y copiar el texto que
aparece en la caja Insertar.
En una entrada de nuestro blog en la que queremos insertar un vídeo hacemos clic en la pestaña
HTML y pegamos el texto copiado de Youtube, cuidando de Publicar si cambiar previamente la
pestaña HTML, de no hacer esto el código no lo reconoce.
●
También existe la posibilidad poner un video existente en la biblioteca, para ello tenemos
que haberlo subido con anterioridad y solo se diferencia de la subida de videos desde el
ordenador en que se pincha en la pestaña biblioteca. Posteriormente el proceso es análogo y
recuerda que para ello es necesario conseguir mediante pago un “Space upgrade”.
1.4. - ¿QUÉ OFRECE YOUTUBE?
Antes de nada hay que comentar que el usuario que desee visualizar en su
equipo vídeos de Youtube es necesario que tenga:
-
El complemento de Macromedia Flash Player 7.0 o posterior.
-
El navegador Firefox 1.1 o posterior, Internet Explorer 5.0 o posterior
o Safari 1.0 o posterior.
-
Una conexión de banda ancha con un mínimo de 500 Kbps.
Como la mayoría de sitios Web dedicados a que los usuarios puedan subir sus secuencias de vídeo,
Youtube ofrece una serie de posibilidades además de la de subir y compartir vídeos. En Youtube se
puede:
• Subir vídeos y gestionarlos mediante etiquetas.
• Personalizar el reproductor.
• Gestionar su canal particular: información y diseño del mismo, organizar vídeos,
perfil personal, información de ubicación, URL del canal.
• Gestionar grupos, suscripciones y añadir e invitar a amigos y conocidos.
• Vincular tu cuenta a un blog para editar vídeos.
• Añadir en Favoritos otros vídeos de su interés.
• Mezclar vídeos con Remixer.
1.4.1.- ACCESO Y SUBIDA DE VÍDEOS
Partiendo de la página de Youtube en español (http://es.youtube.com/) podemos accedemos con
nuestra cuenta de correo Gmail mediante el enlace Acceder con tu cuenta de Google.
Posteriormente hacemos clic sobre el botón Subir.
Nos aparece una pantalla en la que se nos informa del tiempo de subida de vídeo por cada MB
(entre 1 y 5 minutos con una conexión de alta velocidad, además de unos minutos adicionales para
realizar la conversión del vídeo) y de la limitación de cada vídeo (10 minutos de duración y a 1024
MB).
Los dos siguientes pasos consistirán en rellenar los
datos que se piden. En la primera pantalla el
nombre del vídeo, descripción, categoría y tipo de
permisos.
En la segunda pantalla debe elegir el vídeo con el
botón Examinar, buscarlo en su disco duro y
subirlo con el botón Subir vídeo.
NOTA: Si deseamos subir una grabación directa
utilizando una Webcam y el micrófono de nuestro
equipo utilizamos para ello el botón Utilizar
Captura rápida.
2.- AGREGAR PRESENTACIONES
El uso educativo de presentaciones es adecuado en actividades destinadas a compartir información.
Este tipo de trabajo conlleva un tratamiento más complejo de la información que la simple
exposición oral o la respuesta de cuestionarios. Hay que enfrentarse a la necesidad de definir
claramente el tipo de comunicación que quiere realizar: descriptiva, argumentativa, persuasiva, etc.
y el tipo de audiencia o público destinatario de esta presentación.
Es decir, lo primero que debe definir con claridad es la finalidad de la presentación y hacia
quiénes está dirigida. Las herramientas de presentación combinan formas, texto, colores,
movimiento y sonido; todo con la única finalidad de hacer más atractivo y comprensible la idea que
se está ofreciendo.
OpenOffice Impress3 es una de estas aplicaciones con las que puede crear fácilmente presentaciones
con el ordenador.
2.1. - ¿QUÉ OFRECE SLIDESHARE?
Slideshare es un espacio gratuito donde los usuarios pueden enviar presentaciones en diversos
formatos, que luego quedan almacenadas en formato Flash para ser visualizadas online. Es una
opción interesante para compartir presentaciones en la red. Admite archivos de hasta 20 Mb. de
peso (sin transiciones entre diapositivas).
Los formatos admitidos son: ppt y pps, odp y pfd.
Como la mayoría de estos sitios Web Slideshare ofrece una serie de posibilidades:
●
Buscar y ver las presentaciones más vistas, las más votadas, etc.
●
Subir presentaciones y gestionarlas mediante etiquetas.
3 http://es.openoffice.org
●
Gestionar su perfil.
●
Gestionar grupos, suscripciones y añadir e invitar a amigos y conocidos.
●
Añadir en Favoritos otras presentaciones de su interés.
●
Dar un tipo de licencia Creative Commons y descargar las presentaciones siempre y cuando
el autor lo autorice.
2.2. - COMPARTIR PRESENTACIONES EN SLIDESHARE
2.2.1.- CREAR UNA CUENTA Y SUBIR PRESENTACIONES
Acceda a la página (http://www.slideshare.net/) y haga clic sobre Login/Signup.
El proceso de creación de cuenta es similar al de otros sitios Web. Una vez que ha entrado con su
cuenta haga clic sobre My slidespace.
Cuando aparezca la siguiente página podrá subir su primera presentación haciendo clic sobre
Upload your firts slideshow now
Hay que localizar el archivo a subir en nuestro equipo y, al finalizar la subida, pulsar sobre Publish
All. Transcurre unos instantes de espera mientras la aplicación convierte su documento.
Recuerde que tiene la posibilidad de permitir la descarga de su presentación.
BLOGGER
Para incluir en una entrada de su blog una presentación desde Slideshare, independientemente de
que haya sido creada por nosotros, hay que seguir pasos muy similares a los vídeos de Youtube.
●
Una vez localizada la presentación debe copiar la información que aparece en la caja de
texto Embed in your blog.
●
En la entrada de su blog haga clic sobre la pestaña Edición de HTML y pegue el texto
seleccionado desde SlideShare.
2.2.3.- INCLUIR UNA PRESENTACIÓN EN
SU BLOG DESDE
SLIDESHARE EN
WORDPRESS
Como se ha comentado e el punto anterior para incluir
en una entrada de su blog con WordPress una
presentación
desde
Slideshare,
creada
esta
presentación por nosotros o no, hay que seguir pasos
muy similares a los vídeos de Youtube. Si nos fijamos
una vez abierto Slideshare en su parte inferior aparece
el logo de WordPress.
•
Una vez localizada la presentación debe copiar
la información que aparece en la caja de texto
Wordpress Embed.
•
En la entrada de su blog haga clic sobre la pestaña HTML, no en la pestaña Visual y pegue
el texto seleccionado desde SlideShare.
•
Finalmente pulsamos en Publicar, apareciendo Apareciendo en nuestra entrada el texto y la
presentación elegida, destaquemos que en esta entrada se puede insertar texto también.
3.- ENLAZAR ARCHIVOS DIVERSOS EN EL BLOG
Son muchos los tipos de archivos existentes, es importante conocer algunos de ellos, puesto que
conociéndolos podremos abrirlos con un programa adecuado, cambiarlos a un programa que nos
resulte útil o simplemente utilizarlos para ver su contenido. Los mas importantes según la
Wikipedia son los que a continuación se detallan:
EXTENSIÓN
CORRESPONDE A
EXTENSIÓN
CORRESPONDE A
.386
Controlador de dispositivo virtual
.crl
Lista de revocaciones de
certificados
.aca
Microsoft Agent Character
.crt
Certificado de seguridad
.acg
Vista previa de Microsoft Agent
.cur
Cursor
.acs
Microsoft Agent Character
.dat
Base de Datos
.acw
Configuración del asistente de
Accesibilidad
.db
Base de datos
.ani
Cursor animado
.der
.bat
Archivo por lotes MS-DOS
.dll
Librería, extensión de
aplicación
.bfc
Maletín
.drv
Controlador de dispositivo
.bkf
Copia de seguridad de Windows
.ds
TWAIN Data Source file
.blg
Monitor del sistema
.dsn
Nombre del origen de datos
.cat
Catálogo de seguridad
.dun
Acceso telefónico de red
.cer
.exe
Aplicación
.cfg
Configuraciones
.fnd
Búsqueda guardada
.chk
Fragmentos de archivos
recuperados
.fng
Grupo de fuentes
.chm
Ayuda HTML compilado
.folder
Carpeta
.clp
Clip de Portapapeles
.fon
Fuente
.cmd
Secuencia de comandos de
Windows NT
.grp
Grupo de programas de
Microsoft
.cnf
Velocidad de marcado
.hlp
Ayuda
.com
Aplicación MS-DOS
.ht
HyperTerminal
.cpl
Extensión del Panel de control
.inf
Información de instalación
.ini
Opciones de configuración
.ins
Configuración de
comunicaciones de Internet
.reg
Entradas de registro
.isp
Configuración de
comunicaciones de Internet
.scf
Windows Explorer Command
.job
Objeto de tarea
.scr
Protector de pantalla
.lnk
Acceso directo
.sct
Windows Script Component
.msc
Documento de la consola común
de Microsoft
.shb
Acceso directo a documento
.msi
Paquete de Windows Installer
.shs
Recorte
.msp
Revisión de Windows Installer
.sys
Archivo de sistema
.msstyles
Estilo visual de Windows
.theme
Tema de Windows
.nfo
MSInfo
.tmp
Archivo temporal
.ocx
Control ActiveX
.ttc
Fuente True Type
.otf
Fuente OpenType
.ttf
Fuente TrueType
.p7c
Identificador digital
.udl
Vínculos a datos
.pfm
Fuente Type 1
.vxd
Controlador de dispositivo
virtual
.pif
Acceso directo a programa MSDOS
.wam
Libreta de direcciones
.pko
Objeto de seguridad de claves
públicas
.wmdb
Biblioteca multimedia
.pma
Archivo del Monitor de sistema
.wme
Windows Media Encoder
Session
.pmc
.wsc
Windows Script Component
.pml
.wsf
Windows Script File
.pmr
.wsh
Windows Script Host Settings
File
.pmw
.zap
Configuración de instalación
de software
.pnf
Información de instalación
.bat
Aplicacion de MSDos archivo
precompilada
.psw
por lotes
Password Backup
.qds
Directorio de consulta
En relación con los archivos de sonido los más utilizados son:
Extensión
Corresponde a
Extensión
Corresponde a
.mp3
Formato de audio digital
comprimido.
.cda
Formato digital CD de audio.
.mp4
Interfaz Digital de Instrumentos
Musicales.
.ogg
Formato contenedor
multimedia..
.wav
Formato de audio digital,
normalmente sin comprimir.
.ogm
Formato contenedor
multimedia.
.wma
Formato de audio digital
comprimido, propiedad de
Microsoft.
3.1. - CON BLOGGER
Como hemos podido comprobar, Blogger nos permite la subida de imágenes y vídeos. No obstante
es probable que necesitemos la inclusión o el enlace a otro tipo de archivos (PDF, MP3, ODT, etc.).
En ese caso tenemos que optar por subir esos archivos a un servidor y enlazarlos en nuestro blog.
¿A qué servidor podemos subir archivos? Pues tenemos varias posibilidades:
●
Si dispone de conexión a Internet en su domicilio es seguro que la compañía que le da
acceso a Internet ponga a su disposición espacio en sus servidores.
●
Puede utilizar sitios Web de alojamiento gratuito.
●
También puede, haciendo uso de su
cuenta con Google, utilizar el
espacio que nos ofrece de forma
gratuita. Para ello:
○
Acceda a dicho servicio a
través
del
enlace
http://sites.google.com (si no
está identificado introduzca su
cuenta de correo Gmail y su
contraseña).
○
En la parte de la derecha de la
pantalla verá un enlace para
crear un sitio. Rellene el
formulario.
○
Una vez creado pulse en el
encale Create New Page. Elija File Cabinet y use el botón Add file para localizar en su
equipo el archivo que desea subir. Una vez subido haga clic con el botón derecho sobre
el archivo y, en el menú emergente, seleccionamos la opción Copiar dirección del
enlace.
●
Por último, para enlazar desde nuestro blog con el archivo procedemos igual que con
cualquier otro enlace: seleccionamos una palabra o palabras de nuestro blog y pegamos el
enlace cuando nos aparezca el cuadro de diálogo para introducir la dirección Web.
3.2. - CON WORDPRESS
Con WordPress los tipos de archivo permitidos que n hace falta que sean subidos como se explica
en el punto anterior son aquellos de extensión: jpg, jpeg, png, gif, pdf, doc, ppt, odt, pptx, docx,
mp3, m4a, wav y ogg, por lo que hace muy interesante su utilización en contraposición con
Blogger. El procedimiento es el mismo que se realiza cuando subimos un video siempre que sea
alguno de los mencionados. Si no es así. ¿A qué servidor podemos subir archivos para enlazarlos?
Pues tenemos varias posibilidades:
● Si dispone de conexión a Internet
en su domicilio es seguro que la
compañía que le da acceso a
Internet ponga a su disposición
espacio en sus servidores.
●
Puede utilizar sitios Web
alojamiento gratuito.
●
También puede, haciendo uso de
su cuenta con Google, utilizar el
espacio que nos ofrece de forma
gratuita. Para ello:
○
de
Acceda a dicho servicio a
través
del
enlace
http://sites.google.com (si no
está identificado introduzca su
cuenta de correo Gmail y su
contraseña).
○
En la parte de la derecha de la pantalla verá un enlace para crear un sitio. Rellene el
formulario.
○
Una vez creado pulse en el encale Create New Page. Elija File Cabinet y use el botón
Add file para localizar en su equipo el archivo que desea subir. Una vez subido haga clic
con el botón derecho sobre el archivo y, en el menú emergente, seleccionamos la opción
Copiar dirección del enlace.
●
Por último, para enlazar desde nuestro blog con
el archivo procedemos igual que con cualquier
otro enlace: seleccionamos una palabra o palabras
de nuestro blog y pegamos el enlace cuando nos
aparezca el cuadro de diálogo para introducir la
dirección Web.
4.- PODCAST
Un tipo especial de archivos para nuestro blog son los podcast. Según Wikipedia4 “El podcasting
consiste en la creación de archivos de sonido (generalmente en formato mp3 o AAC y en algunos
casos ogg) y de vídeo (llamados videocasts o vodcasts) y su distribución mediante un archivo RSS
que permite suscribirse y usar un programa que lo descarga para que el usuario lo escuche en el
momento que quiera, generalmente en un reproductor portátil”.
Se trata, por tanto, de “colgar” archivos de audio en el blog con la posibilidad de que cualquiera
pueda suscribirse a vuestro canal de RSS y bajarse dichos archivos según se suben (como un lector
de feed de audio). No sería necesario un blog para esto, pero nos permite que nos dejen comentarios
los visitantes del blog (algo que no ocurre si los alojamos en otro sitio Web).
El origen de la palabra podcast proviene de dos palabras: iPod y broadcasting. iPod es uno de los
primeros reproductores de MP3 (creado por Apple) y broadcasting es una palabra inglesa que
significa radiodifusión. De la unión de ambos términos surge podcast para definir una tecnología de
transmisión de contenidos sonoros en formato digital a través de Internet. Puede visitar
http://dotsub.com/include/dotSUBlargePlayer.swf?
filmid=3725&language=es&autostart=true&filminstance=3727 donde se nos explica qué es un
podcast.
Para hacer un archivo de sonido hay que utilizar un programa que grabe su voz y poder convertirlo
en MP3. Proponemos Audacity5 por:
●
●
●
Su licencia (GPL) con lo que no existen problemas para su descarga y uso.
Permite grabar, editar y manipular archivos de sonido digital en diversos formatos: WAV,
MP3 y Ogg. Podemos igualmente crear grabaciones a partir de archivos individuales,
añadirles múltiples efectos, etc.
Admite los comandos básicos de edición (cortar, copiar, pegar, deshacer), mezcla canciones
e incluye un editor de amplitud, un espectrograma y un analizador de frecuencias
implementados.
Para hacer un podcast podemos seguir las instrucciones que nos ofrece en varias páginas Web
como:
1. “Como hacer un podcast: tutorial paso a paso”: http://www.podcastellano.com/como-hacerpodcast
2. “Oír el blog Iniciando: el podcast para hacer tu propio podcast”:
http://iniciandopodcast.blogspot.com/
4 http://es.wikipedia.org/wiki/Podcasting
5 http://www.audacity.es/
Existen programas que permiten publicar podcast, generar el archivo RSS del mismo y subirlo a un
servidor:
● Easypodcast:
multi-lenguaje
(español
e
inglés)
y
multi-plataforma:
http://www.easypodcast.com/index-es.html
● Poderator (Aplicación online): http://poderator.com/
Más información: http://www.miniguias.com/miniguias/como-hacer-un-podcast-gratis-grabar-elsonido-y-alojamiento/2/
Cap 7:Configuración de un blog. Añadir actividades interactivas – Pág. 1
Capítulo 7: Configuración de un blog.
Añadir actividades interactivas
Realizado por:
○
○
○
○
Usted es libre de:
•
•
1.- PERFIL DE USUARIO CON BLOGGER..........................................................................3
2.- CONFIGURACIÓN DEL BLOG CON BLOGGER............................................................3
3.- ADMINISTRACIÓN DE ENTRADAS CON BLOGGER....................................................4
4.- DISEÑO CON BLOGGER................................................................................................5
4.1. - PRESENTACIÓN.....................................................................................................7
4.2. - FUENTES Y COLORES...........................................................................................8
4.3. - EDICIÓN DE HTML..................................................................................................8
5.- PERFIL DE USUARIO EN WORDPRESS.......................................................................8
6.- CONFIGURACIÓN DEL BLOG CON WORDPRESS......................................................9
6.1. - GADGET EN WORDPRESS..................................................................................10
7.- ADMINISTRACIÓN DE ENTRADAS CON WORDPRESS............................................11
8.- DISEÑO CON WORDPRESS........................................................................................13
8.1. - COLECCIÓN DE FOTOS CON FLIRCK................................................................13
8.2. - EDICIÓN DE HTML................................................................................................14
9.- ACTIVIDADES INTERACTIVAS.....................................................................................15
9.1. - HOT POTATOES....................................................................................................15
9.2. - JCLIC......................................................................................................................16
9.3. - CD RAYUELA.........................................................................................................18
9.4. - LIM..........................................................................................................................18
9.5. - eXe (eLearning XHTML Editor Project)..................................................................19
9.6. - Ardora.....................................................................................................................20
10.- WEBGRAFÍA................................................................................................................21
1.- PERFIL DE USUARIO CON BLOGGER
Cuando accedemos al Escritorio de nuestro blog
encontramos en la izquierda nuestro perfil de usuario.
Teniendo presente el carácter personal de los blog no sería
descabellado, para que nos conozcan, poner nuestros datos
personales reales (obviamente esto no es imprescindible y
se pueden utilizar pseudónimos), que podrán ser vistos por
los visitantes de nuestro blog y que aparecerán cuando
escribamos un comentario en otro blog.
2.- CONFIGURACIÓN DEL BLOG CON BLOGGER
No vamos a realizar una descripción exhaustiva de las opciones de configuración del blog (no es
nuestra pretensión). Para acceder a las opciones de configuración hacemos clic en la pestaña
Configuración. En ella encontramos una serie de pantallas. Citamos algunas opciones de las
mismas.
●
Básico. Podemos cambiar el título de nuestro blog, suprimirlo.
●
Publicación. Cambiar la dirección del blog.
●
Formato. Sirve para especificar el número de entradas en la página principal, elegir
formatos de fecha y hora, el idioma, etc.
●
Comentarios. Elección desde permitir o no la formulación de comentarios a las entradas,
quiénes pueden realizarlos, recibir los comentarios en una cuenta de correo electrónico, etc.
●
Archivo. Forma de presentarse las entradas en su blog (semanal, mensual, etc.) en el lateral
del mismo.
●
Feed del sitio. Se refiere a la forma de distribuir el contenido de nuestro blog en otros
suscritos al nuestro a través del enlace situado en la parte inferior con la expresión
"Suscribirse a: (Entradas Atom)". Se pueden publicar nuestras entradas completas o cortas
en otro blog de forma automática a medida que las vayamos publicando.
●
Correo electrónico. Sirve para publicar directamente en tu blog a través de una cuenta de
correo electrónico.
●
OpenID1. Te permite acceder a sitios donde se haya habilitado utilizando la URL de tu blog.
●
Permisos. Permite seleccionar quienes pueden editar/administrar y ver nuestro blog.
1 http://es.wikipedia.org/wiki/OpenID
3.- ADMINISTRACIÓN DE ENTRADAS CON BLOGGER
Una vez publicadas las entradas de nuestro blog podemos, en cualquier momento, editarlas,
eliminarlas, elegir el número de entradas por página, etc. Para ello, una vez identificados, desde el
Escritorio pinchamos en Editar entradas.
NOTA: la edición de entradas y la configuración del blog está reservada a la persona que lo creó
(en caso que se haya invitado a otros usuarios como autores en el mismo).
En el siguiente cuadro de diálogo podemos elegir:
-
Editar o ver una entrada en concreto. Para ello hacemos uso de los enlaces Visualizar o
Editar situados a la izquierda de cada entrada.
-
Suprimir una entrada. Para ello hacemos uso de los enlaces Suprimir situados a la derecha
de cada entrada.
-
Especificar el número de entradas de cada página. No es conveniente un número elevado
para no sobrecargar excesivamente el contenido de cada una.
También se puede editar una entrada haciendo clic en el icono en forma de lápiz situado al
final de cada una.
4.- DISEÑO CON BLOGGER
Para nuestro blog, desde la pestaña Diseño, podemos elegir una serie de elementos para la página,
cambiar los colores y el tipo de letra, ver el código HTML o seleccionar una plantilla nueva.
Al hacer clic en uno de los enlaces Editar de cualquiera de las cajas nos aparece un cuadro de
diálogo para proceder a la edición de esa zona concreta de nuestro blog.
Por ejemplo, para incluir una imagen en la cabecera del blog sigamos las instrucciones de:
http://avalerofer.blogspot.com/search/label/im%C3%A1genes
Si deseamos añadir elementos nuevos hacemos uso del enlace Añadir un gadget (mini aplicaciones,
diseñadas para proveer de información o mejorar una aplicación o servicios de un ordenador o
computadora)2.
En ese caso aparece un cuadro de diálogo que nos muestra los elementos que podemos añadir:
-
Una presentación a base de fotografías de Picasa, Flickr, etc.
-
Una encuesta para conocer la opinión de los usuarios. Podemos elegir las respuestas que
deseemos y especificar una fecha límite.
-
Diversas listas o una imagen
-
Publicidad.
-
Enlaces con otros blog o sitios Web con suscripción mediante RSS.
-
Etc.
2 http://es.wikipedia.org/wiki/Gadget
4.1. - PRESENTACIÓN
Comentamos, como ejemplo, la adición de una presentación desde un álbum de Picasa. El proceso
es bastante simple:
●
En fuente elegimos Álbumes web de Picasa.
●
En opción Álbum (se puede elegir el de un usuario o las imágenes por palabras clave, por
etiquetas).
●
En nombre de usuario elegimos el usuario del que queremos añadir una presentación.
●
Cuando elegimos un usuario nos aparece la lista de álbumes que tiene en Picasa.
●
Por último hacemos clic en el botón GUARDAR.
4.2. - FUENTES Y COLORES
Es obvia la utilidad de esta pestaña: la modificación de los tipos de letra a emplear en el blog y de
los colores del mismo.
4.3. - EDICIÓN DE HTML
La modificación de ciertos elementos nos “obliga” a entrar en la pestaña código HTML que en
principio puede “asustar” pero con ayudas de diversas páginas se con vierte en asequible su
modificación.
Puede que deseemos, por ejemplo, modificar la anchura del texto de nuestro blog. Para ello,
dependiendo que se trate de un blog de diseño líquido (de anchura variable) o de diseño fijo (de
anchura fija), deberemos modificar o añadir ciertas líneas de código de dicha pestaña. Más
información sobre esto en http://avalerofer.blogspot.com/2008/04/el-diseo-lquido-de-un-blog-deblogger.html
Para controlar el interlineado del blog podemos acudir a la página 32 del documento del profesor
Valero, disponible en http://www.scribd.com/doc/3393995/Taller-blogs-de-Alejandro-Valero
5.- PERFIL DE USUARIO EN WORDPRESS
Si nos adentramos en el tablero nos encontramos que en la parte derecha
existe un menú denominado Usuarios, al desplegarlo pinchamos en Tu
perfil apareciendo una ventana que contiene los elementos nombre,
apellidos, alias, dirección de correo electrónico, sitio web, AIM, Yahoo
AIM, Jaber/Google talk (nombres con o que participamos en estos
lugares), información biográfica y cambiar la contraseña.
Teniendo presente el carácter personal de los blog no sería descabellado, para que nos conozcan,
poner nuestros datos personales reales (obviamente esto no es imprescindible y se pueden utilizar
pseudónimos), que podrán ser vistos por los visitantes de nuestro blog y que aparecerán cuando
escribamos un comentario en otro blog.
6.- CONFIGURACIÓN DEL BLOG CON WORDPRESS
Existen multitud de elementos configurables en nuestra bitácora, como elemento más parecido al de
configuración en Blogger está el menú desplegable Opciones que tiene los elementos:
General: Posibilidad de modificar los siguientes elementos: Título del
Blog, Descripción corta, lenguaje, Dirección de correo electrónico, Zona
horaria, Formato de fecha, Formato de hora, La Semana Empieza en.
Escritura: Podemos modificar el número de lineas de las cajas de texto,
predeterminar las categorías de enlaces y entradas.
Lectura: Modificación de elementos como que muestren la página inicial,
el número de entradas, el formato de cada entrada o la codificación,
recomendándose por defecto la UTF-8
Discusión: Muestra las posibilidades de configuración para comentarios y
mensajes como son la ajustes habituales de publicación, moderación de
comentarios, otras opciones de comentarios, enviarme un mensaje cuando
o para que aparezca un comentario.
Objetos: Los tamaños de la lista inferior determinan las dimensiones máximas que se utilizarán al
insertar una imagen en una entrada. Posibilidad de modificación.
Privacidad: Muestra la visibilidad del blog respecto a visitantes y motores de búsqueda.
Borrar Bitácora: Muestra la opción de eliminar nuestra bitácora.
Open ID: Añade a tu trabajo direcciones seguras de Internet.
Dominios:La parte principal del URL de tu bitácora es su dominio. Puedes situar tu bitácora de
extensión wordpress.com en cualquier dominio que esté bajo tu control, p.e. educacion.es o
establecer un dominio para redirigir automáticamente a tus lectores al URL de tu bitácora.
Para la modificación de muchos elementos de diseño tenemos la posibilidad de:
•
Cambiar de plantilla: WordPress presenta multitud de plantillas ya diseñadas y que cambian
el aspecto del
Blog en todos
sus apartados,
como son la
situaci´´on
delos widget,
el color de la
fuente,
el
color de las
secciones, el
número
de
columnas, etc.
Para
ello
tenemos que
pulsar en el menú Aspecto y dentro de este, en Temas, apareciendo modelos de estas
plantillas. Destacamos que que se muestra la plantilla actual y el gran número de plantillas
existentes. Una vez seleccionada la que nos interesa, tenemos la opción de ver como queda
pulsando en Previsualizar y si estamos conformes con el aspecto pulsamos en Activar.
También se puede modificar la imagen de la cabecera o subir una imagen desde el el equipo.
•
Modificar la CSS: El editor CSS permite la modificación del aspecto visual de tu bitácora.
Puedes editar el fichero CSS y previsualizar los cambios sin pago. Si quieres guardar los
cambios y hacer visible tu diseño, hay que adquirir el Custom CSS Upgrade. Para su
modificación son necesarios conocimentos sobre el código fuente de páginas Web.
6.1. - GADGET EN WORDPRESS
Si deseamos añadir elementos nuevos hacemos uso del enlace Gadget (mini aplicaciones, diseñadas
para proveer de información o mejorar una aplicación o servicios de un ordenador o computadora)3.
Para instalar uno de estos gadget nos situamos en la pestaña Aspectos y pulsamos sobre Widgets.
Una vez dentro de esta página tenemos que situarnos con el ratón sobre el Widget, y pulsando con
el botón izquierdo, arrastramos hasta el lugar deseado, este lugar tiene que ser una de las barras
laterales que se encuentran alojadas en el margen derecho.
En ese caso aparece un cuadro de diálogo que nos muestra los elementos que podemos añadir, que
al contrario que Blogger no aparecen con una descripción de su funcionalidad y una imagen visual
de su apariencia, podemos destacar:
-
Favoritos alojados en Delicius.com.
-
Colecciones de fotos de Flirck.
-
La lista de nuestros enlaces.
-
La lista de nuestras categorías.
-
Un calendario.
-
Las páginas del Blog.
-
Publicidad.
-
Enlaces con otros blog o sitios Web con suscripción mediante RSS.
-
Etc.
3 http://es.wikipedia.org/wiki/Gadget
7.- ADMINISTRACIÓN DE ENTRADAS CON WORDPRESS
Editar: Si pinchamos en este botón aparecen todas las entradas para poder
tanto editar, como borrar o ver, así como toda la información en
referencia a ellas.
Post tags: Etiquetas que nos permiten clasificar las entradas, tanto
creación como modificación de estas.
Categorías: Mas complejas que las etiquetas. Las categorías, a diferencia de las etiquetas, pueden
organizarse jerárquicamente. Puedes tener la categoría ESO y, bajo ella, subcategorías como lengua
castellana o Matemáticas. Son opcionales.
Editemos una noticia. Para ello, una vez identificados, desde el Tablero pinchamos en Entradas.
NOTA: La edición de entradas y la configuración del blog está reservada a la persona que lo creó
(en caso que se haya invitado a otros usuarios como autores en el mismo).
En el siguiente cuadro de diálogo podemos elegir:
-
Editar de una entrada en concreto. Para ello hacemos uso de los enlaces situados debajo del
nombre de cada entrada.
-
Edición rápida de una entrada en concreto. Para ello hacemos uso de los enlaces situados
debajo del nombre de cada entrada.
-
Borrar una entrada. Para ello hacemos uso de los enlaces Borrar.
-
Previsualizar. Muestra el contenido de cada una como quedaría en el blog.
Una vez modificados los elementos deseados como el texto, insertar enlaces u otros, etc. Pulsamos
finalmente en Actualizar entrada con lo que queda editada.
8.- DISEÑO CON WORDPRESS
8.1. - COLECCIÓN
FLIRCK
DE
FOTOS
CON
Es necesario la instalación tener una cuenta en Flickr
y la instalación del Widget FLIRCK. Para ello, dentro
de Widgets en Aspecto, se pulsa con el ratón sobre él y
se arrastra a la barra elegida, una vez allí se despliega
el menú que se encuentra a la derecha, en el que
tenemos que rellenar el título con el que queramos que
aparezca el módulo, la dirección de Flirck de la que
vamos a seleccionar las imágenes y el número de
imágenes que queremos que se muestren.
Rellenamos los campos solicitados, título, el número
de fotos que queremos que aparezcan en el widget
cuando este configurado y la dirección de
sindicación de Flickr asociada a nuestra cuenta, que
se encuentra disponible cuando abrimos la galería de
imágenes en la parte inferior, posicionandonos sobre
el icono de sindicación. Y con el botón derecho del
ratón aparece una ventana en la que seleccionamos la
opción Copiar la ruta de enlace, esta dirección
queda alojada en el portapapeles, pegándola en la
casilla URL RSS de Flirck. Veanse las siguientes
imágenes.
Finalmente pulsamos en Guardar y aparecerá en
nuestro trabajo una galería de imágenes agregada
en la barra lateral.
8.2. - EDICIÓN DE HTML
La modificación de ciertos elementos nos obliga a entrar en la pestaña código HTML que en
principio puede “asustar”, pero con ayudas de diversas páginas se convierte en asequible su
modificación. Recuerda que para ello hay que adquirir el Custom CSS Upgrade, que no es
gratuito.
Este hecho hace que si se quiere “trapichear” con el código fuente hay que adquirir créditos o
tenemos que realizar nuestro blog instalando en nuestro espacio Web con el software que podemos
adquirir de forma gratuita en wordpress.org.
9.- ACTIVIDADES INTERACTIVAS
Las actividades que ahora presentamos son herramientas de autor, que pueden ser creadas por
nosotros, en nuestro caso y por la temática del curso, haremos una breve descripción de ellos y
donde poder descargarlas, aunque no las crearemos, utilizaremos actividades ya creadas que se
encuentran en la Web.
9.1. - HOT POTATOES
Sistemas Operativos: Windows, Mac y se dispone de una versión beta en Java (apta
para ejecutar en cualquier SO).
Licencia: Freeware siempre que los ejercicios que genera sean utilizados en ámbitos educativos y
sin ánimo de lucro.
Idioma: Incluye el español.
Hot Potatoes es una herramienta de autor desarrollada por el Centro de Lenguas de la Universidad
de Victoria (Canadá), que permite la elaboración de ejercicios interactivos (crucigramas, test de
respuesta múltiple, multiselección, emparejamiento, etc.)
a partir de unos esquemas
predeterminados.
Aunque los ejercicios se elaboran utilizando los lenguajes HTML y JavaScript, no se necesita
conocerlos para poder utilizar Hot Potatoes. Para crear ejercicios sólo hay que introducir los datos
(textos, preguntas, respuestas, etc.) y el programa generará las páginas Web. Posteriormente se
puede publicar dichas páginas en cualquier servidor.
Encontramos un manual sobre Hot Potatoes en http://campusvirtual.uma.es/hotpot6/ y el código
para
incorporar
las
páginas
generadas
en
nuestro
blog
en
http://avalerofer.blogspot.com/2007/05/ejercicios-con-hot-potatoes-en-blogger.html
9.2. - JCLIC
Sistemas Operativos: Multiplataforma (Windows, Linux, Solaris, Mac).
Licencia: GPL.
Clic (http://clic.xtec.es/es/index.htm) es una herramienta de creación de actividades muy utilizada
por el profesorado desde su aparición a principios de los años 90. La nueva versión de Clic
(JavaClic) está hecha en Java, por lo que requiere del plugin de java instalado en el equipo del
usuario.
En la actualidad hay cientos de proyectos en su Web (http://clic.xtec.net/es/act/index.htm)
destinados a diversas áreas curriculares y al alumnado desde Infantil a Bachillerato, que se pueden
ejecutar desde Internet y/o instalarse en el equipo del usuario. Están clasificados por: área, idiomas
y niveles educativos.
Para aprender a utilizar la aplicación podemos acceder a varios sitios Web:
●
Curso
“Creación
de
actividades
http://clic.xtec.net/es/jclic/curs/index.htm
educativas
con
JClic”:
●
Curso “Introducción a JClic (Averroes)”: http://www.juntadeandalucia.es/averroes/jclic/
Para incluir una actividad de JClic en nuestro blog primero debe estar alojada en un sitio Web.
Vamos a utilizar las del sitio Web de JClic; una vez allí vamos al formulario de búsqueda
(http://clic.xtec.net/db/listact_es.jsp) y seleccionamos (en base a los filtros de área, idioma y nivel)
una actividad para la inclusión en el blog. Una vez seleccionada una nos aparece una pantalla con el
título, sus autores, una imagen, etc. Debajo, hay un enlace que dice: verlo (applet).
9.3. - CD RAYUELA
Sistemas Operativos: Windows.
Licencia: Freeware.
Genera páginas Web con los ejercicios en un archivo de Shockwave, por lo que hay
que tener instalado el plugin Adobe Shockwave Player. La aplicación se puede
descargar de http://www.cervantes.es/seg_nivel/lect_ens/rayuela.htm Crea, entre
otras, actividades de: relacionar listas, rellenar huecos, sopas de letras, preguntas de
verdadero/falso, etc.
9.4. - LIM
Sistemas Operativos: Por ahora Windows, aunque está previsto que en el futuro pueda
aparecer un editor para linux.
Licencia: Actualmente Freeware aunque se está trabajando en una versión GPL.
El sistema Lim es un entorno para la creación de materiales educativos, formado por un editor de
actividades (EdiLim), un visualizador (LIM) y un archivo en formato XML (libro) que define las
propiedades del libro y las páginas que lo componen.
Se puede descargar de http://www.educalim.com/cinicio.htm Entre las posibilidades de esta
aplicación se encuentra crear actividades de: sopas de letras, pregunta- respuesta múltiple, clasificar,
huecos en blanco... Las actividades las genera en formato flash, por lo que se requiere el plugin de
esta aplicación instalado en el navegador del usuario.
Ejemplos encontramos en Ejemplos: http://www.tinglado.net/?id=medallon-perdido
http://www.tinglado.net/?category=Música
En
http://avalerofer.blogspot.com/2007/05/ejercicios-con-lim-en-blogger.html
instrucciones para su inclusión en Blogger.
encontramos
Sin embargo para WordPress no podemos hacerlo porque no admite etiquetas HTML, si por el
contrario es un WordPress instalado en un servidor no tendremos problemas.
9.5. - eXe (eLearning XHTML Editor Project)
Sistemas Operativos: Linux, Windows y Mac.
Licencia: GNU General Public License (GPL)
El eLearning XHTML editor (eXe) es un entorno de diseño desarrollado para ayudar al profesorado
en su tarea de elaborar y publicar materiales educativos en la Web sin necesidad de conocer HTML,
XML o complicadas aplicaciones de publicación en Internet.
Se puede descargar de http://exelearning.org//
Presenta un total de 23 actividades posibles. Las siguientes son preguntas:
•
Espacios en blanco.
•
Examen SCORM, que en realidad se trata de una pregunta
multirrespuesta con respuesta única.
•
Pregunta de elección múltiple.
•
Pregunta Verdadero-Falso.
9.6. - Ardora
Sistemas Operativos: Windows.
Licencia: Freeware siempre y cuando sea utilizado de forma personal, sin
carácter lucrativo y con fines estrictamente educativos.
Con Ardora se pueden crear más de 30 tipos distintos de actividades, crucigramas, sopas de letras,
relacionar, clasificar, ordenar, completar, paneles gráficos, relojes, etc. Exporta las actividades a una
página Web y un archivo (applet de Java) que contiene las actividades. Para descarga del programa
podemos acudir a la siguiente dirección: http://www.webardora.net/descarga_cas.htm
10.- INCLUSIÓN DE ACTIVIDADES INTERACTIVAS.
Para la inclusión de actividades multimedia en nuestro blog, procederemos desde actividades ya
creadas, aunque existe la posibilidad como hemos visto de ser nosotros los autores de las mismas.
Veamos como se realiza el proceso dependiendo del blog creado.
10.1. - CON BLOGGER
La versatilidad en el uso de los blog no debe quedarse necesariamente en la introducción de
entradas y la inclusión en las mismas de diversos elementos como imágenes, secuencias de vídeo,
etc. que nos permite Blogger. Se puede introducir otras páginas Web o elementos interactivos,
realizados con herramientas de autor4 como JClic, Hot Potatoes, LIM, etc. que suponen un gran
ahorro de tiempo y quebraderos de cabeza para los profesores, quienes se pueden centrar en el
contenido de los ejercicios en lugar de aprender herramientas informáticas complicadas.
La inclusión de una página Web en otra se hace mediante la etiqueta iframe. Wikipedia 5 nos indica
que “Iframe (por inline frame o marco incorporado en inglés) es un elemento HTML que permite
insertar o incrustar un documento HTML dentro de un documento HTML principal”.
Veamos como incluirla en nuestro blog, pero una herramienta de autor que esté creada. Aunque
recuerda que para crearla hay que alojarla posteriormente (y los archivos que contenga) en un sitio
Web. Puede ser http://sites.google.com (se comentó en el capítulo anterior la subida de archivos a
este sitio y cómo copiar la ruta de un archivo).
Posteriormente, en nuestro blog, en la pestaña Edición de HTML del editor del blog hay que pegar,
donde deseemos, el siguiente código:
<iframe src="http://ruta_del_archivo_en_el_sitio_web.htm" frameborder="0" height="500"
width="500" scrolling="auto"></iframe>
Los parámetros de la etiqueta iframe anterior son los siguientes:
1. http://ruta_del_archivo_en_el_sitio_web.htm Dirección web de la actividad.
2. src: es la ruta donde se
encuentra el archivo que deseo
incluir.
3. frameborder: corresponde, en
píxeles a la anchura del borde
del marco.
4. height y width: corresponden a
la altura y anchura del marco.
Hay que procurar que estas
cantidades no excedan el tamaño
4 http://es.wikipedia.org/wiki/Herramienta_de_Autor
5 http://es.wikipedia.org/wiki/Iframe
del marco que lo contiene.
5. scrolling: corresponde a la barra de desplazamiento. Los tres valores de este parámetro
son yes/no/auto. Con "yes" estará siempre visible, con "no" no estará nunca y con "auto"
la tendrá sólo si se necesita.
Realicemos un ejemplo:
Abres una noticia y trabajas en la pestaña Redactar poniendo el texto que queramos.
Buscas una actividad de jclic , por ejemplo, y pulsas en verlo (Applet), situado en la parte inferior
de la actividad y marcado con un rectángulo azul en la imagen adjunta.
Aparece una ventana con una dirección que tenemos que seleccionar.
En nuestra entrada pulsamos en Edición HTML y ponemos lo que aparece en los apuntes del
iframe, observamos que hay que cambiar la dirección web por la de la página donde se encuentra la
actividad y que aparece en la imagen adjunta.
Cambia lo marcado en la imagen anterior por la de la ventana del Applet que tenías.
Una vez hecho esto publicamos la entrada y ya lo tenemos, en nuestro blog aparece la actividad
elejida, lista para ser usada.
Si la actividad no es Jclic y es Hot Potatoes, LIM, etc realizamos el mismo proceso , con la
salvedad de la dirección web, que será otra.
10.2. - CON WORDPRESS
El proceso visto con anterioridad para Blogger de inclusión de actividades presenta problemas en
función al sistema operativo usado (Windows o Linux) y al navegador (Internet Explorer o
Mozilla),por lo que la forma más “elegante”
de que aparezca en nuestro blog con
Wordpress es crear un enlace en otra ventana
con la captura de la imagen de la pantalla.
Veamos los pasos que hemos de dar para
incluir la actividad multimedia, insertando una
actividad de JClic:
•
En primer lugar seleccionamos la
actividad y pulsas en verlo (Applet),
situado en la parte inferior de la
actividad y marcado con un rectángulo
rojo en la imagen adjunta.
•
Aparece entonces una ventana en la que se
encuentra la actividad y que tiene una dirección
web en la parte superior, la seleccionamos y
copiamos puesto que posteriormente nos va a
servir para ponerla en el enlace.
•
Creamos una entrada con el título y texto (por ejemplo, una posible descripción de la
actividad) e incluimos una imagen.
Cuando tenemos la imagen y el texto deseado
procedemos a realizar el enlace. Para ello, nos
situamos sobre la imagen y pulsamos con el botón
derecho, apareciendo en la imagen destacado el
borde de con unos delimitadores, es cuando dentro
del editor se activa y elegimos el botón de
inclusión de enlace
Es entonces cuando aparece la ventana donde ponemos:
URL de enlace: La dirección copiada de la actividad.
Destino:
Ponemos
la
ubicación donde queremos se
abra el enlace, en nuestro
caso, Abrir en una ventana
nueva.
Título: Posibilidad de poner
un título al enlace.
Clase: Tiene que ver con la
CSS, es preferible no tocar,
puesto que habría que
conocer la hoja de estilo, de
hecho, aparecen elementos
de ella.
Una vez insertado tenemos la imagen con la actividad enlazada, al pinchar sobre ella la actividad se
abre en una nueva ventana. Si la actividad no fuese de Jclic, por ejemplo: Ardora, Lim, Hot
Potatoes, eXe, etc. Lo único que cambia es que en el enlace ponemos la dirección web de esa
actividad.
11.- WEBGRAFÍA
Fecha de consulta: junio de 2009
BLOOD, R. (2003):
Diez consejos para una
http://www.rebeccablood.net/essays/ten_tips_espanol.html
bitácora
mejor,
disponible
en
BOHÓRQUEZ, E. (2008): “El blog como recurso educativo”, en EDUTEC‐E, Revista Electrónica
de
Tecnología
Educativa.
Núm.
26/Julio
2008.
http://edutec.rediris.es/Revelec2/revelec26/edutec26_el_blog_como_recurso_educativo.html
ORIHUELA, J. L. (2003): ¿Qué son las bitácoras y por qué deberían importarnos?, disponible en
http://www.unav.es/noticias/opinion/op200103.html
POLANCO, A. (2004): La pregunta pedagógica en el nivel inicial, en Revista Electrónica
“Actualidades Investigativas en Educación”, Vol 4, N° 2. http://revista.inie.ucr.ac.cr/articulos/22004/archivos/pregunta.pdf
VALERO, A. (2008): Creación y uso educativo de blogs, disponible en http://www.scribd.com/doc/
3393995/Taller-blogs-de-Alejandro-Valero
De interés para ampliar el tema de los blog en general:
MUÑOZ DE LA PEÑA CASTRILLO, F. (2005): Weblografía imprescindible de edublogs,
disponible en http://www.aulablog.com/weblografia-imprescindible-de-edublogs
Los blogs y su uso educativo.
Cap 8 a: Trucos para Blogger – Pág. 1
Capítulo 8 a: Trucos para blogger
Realizado por:
○
○
○
○
Usted es libre de:
•
•
1.- TRUCOS PARA BLOGGER
Si en un buscador tecleamos las palabras trucos blogger nos aparecen centenares de páginas en las
que encontrar explicaciones sobre cómo llevar a cabo determinados procedimientos de
configuración de nuestro blog. Algunas de ellas son:
●
Trucos Blogger: http://www.trucosblogger.com/search/label/Blogger
●
blogmundi. Consejos para blogs: http://www.blogmundi.com/tag/trucos-blogger/
●
ñblog: Utilidades y recursos para tu blog: http://utilidades.bitacoras.com/
http://utilidades.bitacoras.com/categorias/aplicaciones-para-blogger
●
Blog en serio. http://blogenserio.com/2008/01/100-recursos-para-blogger-y-wordpress/
●
Jaime -- Trucos Blogger: http://jaimestrucoblog.blogspot.com/
http://jaimetrujilloescobedo.blogspot.com/search/label/ACCESORIOS%20PARA%20TU
%20BLOG
●
Roa Multimedia: http://roamultimedia.blogspot.com/
Por si queréis probar alguna de estas cosillas en vuestro blog:
1. Agregar icono feed rss a las etiquetas
2. Añadir la opción “Continuar leyendo”
3. Ampliar las imágenes al pasar el puntero
4. Añadir imagen flotante en la plantilla
5. Añadir redes sociales al blog
6. Añadir un chat en el sidebar
7. Botón único en cada entrada para marcadores sociales
8. Controlar el número de etiquetas en el sidebar
9. Crear una nube de etiquetas
10.Efecto al pasar el puntero sobre los enlaces
11.Eliminar el borde de las imágenes
12.Eliminar la barra de Blogger
13.Eliminar la numeración en las etiquetas
14.Enlace a un artículo relacionado
15.Enlace de “Agregar a favoritos”
16.Expandir/contraer un post
17.Fecha de los posts al estilo WP
18.Imagen como fondo del blog
19.Imagen en el sidebar que funcione como enlace
20.Imagen para redireccionar a un sitio
21.Incluir marquesinas de texto en las entradas
22.Incluir sitemap en Google Webmaster Tools
23.Incluir un buscador interno
24.Incluir un cartel con sombra
25.Insertar un video
26.Insertar widget de traducción
27.Integrar el script Share This (Compártelo)
28.La primera letra más grande que las demás
29.Modificar el header -cabecera
30.Mostrar enlaces como pestañas
31.Mostrar solo el título de las entradas
32.Ocultar la fecha de las entradas
33.Ofrecer el código del banner de tu blog
34.Ofrecer suscripción por email
35.Optimizar los títulos del blog
36.Permitir el seguimiento de comentarios
37.Personalizar el formulario de comentarios
38.Personalizar el mensaje de suscripción al feed
39.Poner un favicon en la dirección url
40.Poner un marco al blog
41.Recibir aviso de nuevos comentarios en el email
42.Resaltar palabras dentro del texto
43.Sidebar distinto para página principal y páginas individuales
44.Sistema de calificación para las entradas
45.Sustituir con iconos diferentes aspectos de la plantilla
46.Sustituir los enlaces de navegación por iconos
47.Transformar signos en emoticons
48.Usar dominio propio
49.Usar imágenes en lugar de etiquetas
2.- AÑADIR SONIDO A UN BLOG
Podemos estar tentados por diversos motivos (para “dar ambiente”, porque la temática lo requiera,
etc.) de incluir música en nuestro blog. Antes de hacerlo debemos tener algunas cosas en cuenta:
•
Es probable que al visitante de nuestro blog no le guste que se reproduzca automáticamente
por estar reproduciendo música en ese momento (con lo cual se entremezclan los sonidos) o
que no tenga los mismos gustos musicales que nosotros. Por tanto, no es conveniente
insertar sonidos que se reproduzcan automáticamente o, en caso de hacerlo, dar la opción de
manipular el reproductor (botón de pausa, parada, reproducción, volumen). Si no lo
hacemos nos arriesgamos a que un porcentaje significativo de visitantes abandone nuestro
blog (entre otras cosas porque hay quien necesita silencio para leer su contenido).
•
Se necesita que el navegador disponga de un complemento (plugin) para su correcta
reproducción (plug-in), como Flash Player, QuickTime, etc. que en muchas ocasiones hay
que instalar manualmente y cuyo funcionamiento puede ser distinto dependiendo del sistema
operativo. Por tanto, hay que probar la música en varios navegadores y, si es posible, en
sistemas operativos diferentes.
Supongamos que decidimos incluir sonidos en nuestro blog. Tenemos varias opciones:
2.1. - SITIOS WEB PARA COPIAR CÓDIGO
La opción más fácil es acudir a sitios Web que tienen almacenadas canciones y copiar el código
necesario para su inclusión en nuestro blog.
GOEAR: AUDIOS EN LÍNEA
Goear (http://www.goear.com/) es un servicio Web2.0 que permite subir y guardar en su servidor
archivos de audio. A cada recurso sonoro se le puede asignar información textual: título de la
canción y descripción (lo que facilita su búsqueda).
Para insertar en nuestro blog una música de goear procedemos de la siguiente forma:
Ve a su página Web: http://www.goear.com/ y utiliza el buscador para localizar la música que
desees.
Te aparecerán una serie de archivos sonoros. Haz clic sobre el que desees para oír la música.
Una vez elegida la que deseemos incluir en nuestro blog hay que hacer clic en el cuadro de texto
This song in your site (esta canción en tu sitio), con lo cual se selecciona todo el texto de la caja.
Para copiar el código de la misma podemos recurrir a cualquiera de los dos procedimientos
siguientes:
•
Hacer clic sobre ella con el botón derecho y seleccionar, en el menú emergente, la opción
Copiar.
•
Pulsar la combinación de teclas Ctrl + C.
OTROS SITIOS
Similares funciones a goear las encontramos en http://www.imeem.com
2.2. - SUBIR ARCHIVOS A LA WEB
Otra opción es subir nuestros archivos sonoros a un sitio Web para, una vez subidos, copiar la ruta
de dichos archivos y enlazarlos desde nuestro blog.
Hay multitud de sitios Web que nos permiten el alojamiento de archivos:
•
Ya que disponemos de una cuenta de Gmail, una opción válida puede ser Google Sites, que
permite crear páginas Web de forma sencilla y subir elementos para su inclusión en ellas
(imágenes, vídeos, archivos sonoros, etc.).
•
Otros servicios de almacenamiento de archivos son:
◦
HostFile: http://hostfile.org/
◦
FileDropper. http://www.filedropper.com/
◦
FileQube: http://www.fileqube.com/
◦
MyFreeFileHosting: http://myfreefilehosting.com/
◦
MediaFire: http://www.mediafire.com/
◦
Boxstr: http://boxstr.com/
◦
FileDEN: http://www.fileden.com/
◦
Etc.
Después de subir un archivo a cualquiera de estos sitios se nos da da dirección donde se encuentra
alojado.
----------------De http://groups.google.com/group/google-es/web/blogger---aadir-archivos-de-audio-2?pli=1
En este caso me tocó la “papeleta”: informar sobre los métodos más utilizados, añadiendo los
códigos HTML que se han de insertar en la opción de “EDICIÓN DE HTML” de nuestro site o
blog.
REPRODUCTOR QUICKTIME:
OBJETCT: Define primero el reproductor (Windows Media, iTunes, RealPlayer, QuickTime, etc.) y
determina algunos parámetros de reproducción: (arranque automático, reproducción en bucle,
etc.)... El método OBJECT es algo más complicado, pero tal vez más compatible. Con este método,
casi con toda seguridad, el visitante podrá escuchar el archivo de audio.
<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
HEIGHT="16" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">
WIDTH="160"
<PARAM name="SRC" VALUE="http://www.fileqube.com/file/lXsizFkT182049">
<PARAM name="AUTOPLAY" VALUE="false">
<PARAM name="LOOP" VALUE="false">
<PARAM name="CONTROLLER" VALUE="true">
<EMBED type="audio/x-mpegurl" src="ruta de vuestro archivo audio.mp3" autoplay="false"
width="160px"
height="16px"
loop="false"
controller="true"
PLUGINSPAGE="http://www.apple.com/quicktime/download/">
</EMBED>
</OBJECT>
En este script debéis modificar lo siguiente:
<PARAM name="SRC" VALUE="insertar la ruta de vuestro archivo audio.mp3"
<EMBED type="audio/x-mpegurl" src="ruta de vuestro archivo audio.mp3".......
Asimismo, podéis modificar donde pone "false o "true".
AUTOPLAY « false » = el visitante hace arrancar la reproducción.
AUTOPLAY « true » = la reproducción comienza automáticamente cuando se carga la página.
CONTROLLER « false » = no muestra el panel de control del reproductor.
CONTROLLER « true » = muestra el panel de control del reproductor.
PLUGINSPAGE = dirección internet para descargar la extensión (plug-in) si el visitante no dispone
de ella.
EMBED: Se trata de insertar una orden EMBED en el código HTLM. Aquí muestro un ejemplo
para el reproductor Windows Media. Es necesario que el usuario/visitante posea Windows Media
Player con los "codecs" correspondientes, aunque he de decir que en un alto % de los S.O (sistemas
operativos) aún es el más utilizado. También, bajo éste ejemplo, tenéis el código para el reproductor
QuickTime.
REPRODUCTOR WINDOS MEDIA PLAYER:
<embed src="ruta de vuestro.wma ou mp3" width="245" height="45"></embed>
Si queremos que el reproductor no comience automáticamente, deberemos añadir autostart="false",
como se muestra bajo esta línea:
<embed src="ruta de vuestro.wma ou mp3" width="280" height="45"autostart="false"></embed>
Podéis modificar los parámetros "width" y "height" para cambiar las medidas del reproductor.
<EMBED SRC="ruta de vuestro.mp3" PLUGINSPAGE="http://
www.quicktime.com" WIDTH="160" HEIGHT="16" CONTROLLER="true"
LOOP="false" AUTOPLAY="false">
En los ejemplos expuestos veréis que EMBED - PLUGINSPAGE, etc. etc., están escritos en
mayúscula. Lo he insertado así, para que sepáis, sólo como información, que las mayúsculas no
cumplen con los requisitos de mayúsculas/minúsculas exigidos en XHTML.
"A MODIFICAR":
CONTROLLER="true" o "false" para mostrar el panel de control o no..
LOOP="false" o "true" para reproducir o no el sonido en bucle.
AUTOPLAY="true" o "false"para que arranque o no automáticamente cuando se carga la página
PLUGINSPAGE="http://www.quicktime.com" para descargar la extensión (plug-in) en el sitio
Internet si visitante no dispone de él.
Bueno, obviamente existen otros reproductores, aunque prefiero no extenderme más para no llegar a
confundir ni aburrir al personal ;-)... Ahora, sólo queda agradecer a los compañeros su aportación,
sus consejos...
-----------------------------------HABLAR DE LA CONVERSIÓN DE MÚSICA A FORMATO MP3 con Audacity
-------------------------------------Música de fondo
http://www.oscargp.net/2008/05/musica-o-sonido-de-fondo-en-blogger.html
MIDIS
•
•
•
•
•
•
•
•
•
The midi bank (castellano) Un montón de midis de artistas latinos.
La biblioteca del midi (castellano) Gran cantidad de archivos midis, incluso de Operación
Triunfo.
Midilab (castellano) Canciones variadas en formato midi.
Cybermúzicos Free (castellano) Repertorio importante de archivos midi.
Spanish and Latín Midi (inglés) Canciones latinas en midi.
Christmas Song and Lyrics Page (inglés) Más de 300 melodías para la época navideña.
Disney Music Page (inglés) Gran cantidad de midis de las canciones Disney más populares.
Videogame Music Archives (inglés) Los midis de tus videojuegos favoritos.
Midi Farm Internet (inglés) Toda una granja de midis.
<EMBED
src=”http://tupagina.googlepages.com/tuarchivo.mid”
autostart=true
loop=false
volume=100 hidden=true><NOEMBED><BGSOUND src=”tuarchivo.mid”></NOEMBED>
http://sites.google.com/site/sanchezrodri/Home/alejandro_sanz_-_amiga_mia.mid?
Cap: Trucos para Wordpress.– Pág. 1
Capítulo 8 b: Trucos para Wordpress
Realizado por:
○
○
○
○
Usted es libre de:
•
•
1.- TRUCOS PARA WORDPRESS
Si en un buscador tecleamos las palabras trucos wordpress nos aparecen centenares de páginas en
las que encontrar explicaciones sobre cómo llevar a cabo determinados procedimientos de
configuración de nuestro blog. Algunas de ellas son:
●
Trucos Wordpress:http://ayudawordpress.com/
●
Tutoriales,
trucos
y
videos
para
aprender
a
utilizar
Wordpress
http://5lineas.com/archivo/desarrollo-web/tutoriales-trucos-y-videos-para-aprender-autilizar-wordpress/
●
Blog en serio. http://blogenserio.com/2008/01/100-recursos-para-blogger-y-wordpress/
●
Trucos de Chicaseo para Wordpress: http://ayudawordpress.com/
Por si queréis probar alguna de estas cosillas en vuestro blog:
1. Muestra las categorías en modo drop-down
2. Añade gravatar del autor a los posts
3. Personaliza la página de entrada al blog
4. Añade información de autor en cada post
5. Muestra los posts más recientes de una categoría específica
6. Resalta los comentarios de los autores
7. Crea miniaturas para los posts del blog
8. Crea y muestra imagenes por categoría
9. Dale formato a las imagenes para los lectores de feeds
10. Crea fechas elegantes ( Pon un calendario a tu Wordpress)
11. Esconde la publicidad en los posts
12. Crea un post “sticky” dinámico
13. Personaliza la página 404.php (mensajes de error)
14. Proteje tus modificaciones CSS en cualquier Theme de Wordpress
15. Haz tu blog resistente al Digg Effect
16. Usando los perfiles de usuario de Wordpress
17. 4 formas de mejorar la velocidad de tu Wordpress
18. Crea una versión móvil de tu Wordpress ( Versión independiente)
19. Abre los enlaces en una nueva página por defecto
20. Convierte tu Blog en un CMS
21. Limita el tamaño de tus miniaturas
22. Postea directamente en Del.icio.us
23. Crea un efecto de apertura de hoja
24. Separa comentarios de los Trackbacks/ Pingbakcs ( En castellano)
25. Utiliza Writely para escribir en tu Blog
26. Añade Adsense en el primer post del blog.
27. Crea multiples posts para diferentes categorías
28. Usando los “Custom Fields” del panel de escritura
29. Crea un indice de tu histórico
30. Minimiza tu historial
31. Pon un login en tu sidebar( o donde quieras)
32. Protejete del hotlinking
33. Convierte tu página estática a Wordpress
34. Monta tu propio Techmeme
35. Personaliza tu pantalla de Login (o simplemente dale color)
36. Pon tu mejor contenido
37. Muestra los mensajes de twitter en tu blog
38. Muestra información sobre tu publicidad
39. Muestra tu estado en Facebook
40. Texto del post y contador de imagenes
41. Pon contenido solo en tus Feeds (y añade tu favicon)
2.- AÑADIR SONIDO A UN BLOG
Podemos estar tentados por diversos motivos (para “dar ambiente”, porque la temática lo requiera,
etc.) de incluir música en nuestro blog. Antes de hacerlo debemos tener algunas cosas en cuenta:
•
Es probable que al visitante de nuestro blog no le guste que se reproduzca automáticamente
por estar reproduciendo música en ese momento (con lo cual se entremezclan los sonidos) o
que no tenga los mismos gustos musicales que nosotros. Por tanto, no es conveniente
insertar sonidos que se reproduzcan automáticamente o, en caso de hacerlo, dar la opción de
manipular el reproductor (botón de pausa, parada, reproducción, volumen). Si no lo
hacemos nos arriesgamos a que un porcentaje significativo de visitantes abandone nuestro
blog (entre otras cosas porque hay quien necesita silencio para leer su contenido).
•
Se necesita que el navegador disponga de un complemento (plugin) para su correcta
reproducción (plug-in), como Flash Player, QuickTime, etc. que en muchas ocasiones hay
que instalar manualmente y cuyo funcionamiento puede ser distinto dependiendo del sistema
operativo. Por tanto, hay que probar la música en varios navegadores y, si es posible, en
sistemas operativos diferentes.
Supongamos que decidimos incluir sonidos en nuestro blog. Tenemos varias opciones:
2.1. - SITIOS WEB PARA COPIAR CÓDIGO
La opción más fácil es acudir a sitios Web que tienen almacenadas canciones y copiar el código
necesario para su inclusión en nuestro blog.
GOEAR: AUDIOS EN LÍNEA
Goear (http://www.goear.com/) es un servicio Web2.0 que permite subir y guardar en su servidor
archivos de audio. A cada recurso sonoro se le puede asignar información textual: título de la
canción y descripción (lo que facilita su búsqueda).
Para insertar en nuestro blog una música de goear procedemos de la siguiente forma:
Ve a su página Web: http://www.goear.com/ y utiliza el buscador para localizar la música que
desees.
Te aparecerán una serie de archivos sonoros. Haz clic sobre el que desees para oír la música.
Una vez elegida la que deseemos incluir en nuestro blog hay que hacer clic en el cuadro de texto
This song in your site (esta canción en tu sitio), con lo cual se selecciona todo el texto de la caja.
Para copiar el código de la misma podemos recurrir a cualquiera de los dos procedimientos
siguientes:
•
Hacer clic sobre ella con el botón derecho y seleccionar, en el menú emergente, la opción
Copiar.
•
Pulsar la combinación de teclas Ctrl + C.
OTROS SITIOS
Similares funciones a goear las encontramos en http://www.imeem.com
2.2. - SUBIR ARCHIVOS A LA WEB
Otra opción es subir nuestros archivos sonoros a un sitio Web para, una vez subidos, copiar la ruta
de dichos archivos y enlazarlos desde nuestro blog.
Hay multitud de sitios Web que nos permiten el alojamiento de archivos:
•
Ya que disponemos de una cuenta de Gmail, una opción válida puede ser Google Sites, que
permite crear páginas Web de forma sencilla y subir elementos para su inclusión en ellas
(imágenes, vídeos, archivos sonoros, etc.).
•
Otros servicios de almacenamiento de archivos son:
◦
HostFile: http://hostfile.org/
◦
FileDropper. http://www.filedropper.com/
◦
FileQube: http://www.fileqube.com/
◦
MyFreeFileHosting: http://myfreefilehosting.com/
◦
MediaFire: http://www.mediafire.com/
◦
Boxstr: http://boxstr.com/
◦
FileDEN: http://www.fileden.com/
◦
Etc.
Después de subir un archivo a cualquiera de estos sitios se nos da da dirección donde se encuentra
alojado.
----------------De http://groups.google.com/group/google-es/web/blogger---aadir-archivos-de-audio-2?pli=1
En este caso me tocó la “papeleta”: informar sobre los métodos más utilizados, añadiendo los
códigos HTML que se han de insertar en la opción de “EDICIÓN DE HTML” de nuestro site o
blog.
OBJETCT: Define primero el reproductor (Windows Media, iTunes, RealPlayer, QuickTime, etc.) y
determina algunos parámetros de reproducción: (arranque automático, reproducción en bucle,
etc.)... El método OBJECT es algo más complicado, pero tal vez más compatible. Con este método,
casi con toda seguridad, el visitante podrá escuchar el archivo de audio.
<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
HEIGHT="16" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">
WIDTH="160"
<PARAM name="SRC" VALUE="http://www.fileqube.com/file/lXsizFkT182049">
<PARAM name="AUTOPLAY" VALUE="false">
<PARAM name="LOOP" VALUE="false">
<PARAM name="CONTROLLER" VALUE="true">
<EMBED type="audio/x-mpegurl" src="ruta de vuestro archivo audio.mp3" autoplay="false"
width="160px"
height="16px"
loop="false"
controller="true"
PLUGINSPAGE="http://www.apple.com/quicktime/download/">
</EMBED>
</OBJECT>
En este script debéis modificar lo siguiente:
<PARAM name="SRC" VALUE="insertar la ruta de vuestro archivo audio.mp3"
<EMBED type="audio/x-mpegurl" src="ruta de vuestro archivo audio.mp3".......
Asimismo, podéis modificar donde pone "false o "true".
AUTOPLAY « false » = el visitante hace arrancar la reproducción.
AUTOPLAY « true » = la reproducción comienza automáticamente cuando se carga la página.
CONTROLLER « false » = no muestra el panel de control del reproductor.
CONTROLLER « true » = muestra el panel de control del reproductor.
PLUGINSPAGE = dirección internet para descargar la extensión (plug-in) si el visitante no dispone
de ella.
EMBED: Se trata de insertar una orden EMBED en el código HTLM. Aquí muestro un ejemplo
para el reproductor Windows Media. Es necesario que el usuario/visitante posea Windows Media
Player con los "codecs" correspondientes, aunque he de decir que en un alto % de los S.O (sistemas
operativos) aún es el más utilizado. También, bajo éste ejemplo, tenéis el código para el reproductor
QuickTime.
REPRODUCTOR WINDOS MEDIA PLAYER:
<embed src="ruta de vuestro.wma ou mp3" width="245" height="45"></embed>
Si queremos que el reproductor no comience automáticamente, deberemos añadir autostart="false",
como se muestra bajo esta línea:
<embed src="ruta de vuestro.wma ou mp3" width="280" height="45"autostart="false"></embed>
Podéis modificar los parámetros "width" y "height" para cambiar las medidas del reproductor.
<EMBED SRC="ruta de vuestro.mp3" PLUGINSPAGE="http://
www.quicktime.com" WIDTH="160" HEIGHT="16" CONTROLLER="true"
LOOP="false" AUTOPLAY="false">
En los ejemplos expuestos veréis que EMBED - PLUGINSPAGE, etc. etc., están escritos en
mayúscula. Lo he insertado así, para que sepáis, sólo como información, que las mayúsculas no
cumplen con los requisitos de mayúsculas/minúsculas exigidos en XHTML.
"A MODIFICAR":
CONTROLLER="true" o "false" para mostrar el panel de control o no..
LOOP="false" o "true" para reproducir o no el sonido en bucle.
AUTOPLAY="true" o "false"para que arranque o no automáticamente cuando se carga la página
PLUGINSPAGE="http://www.quicktime.com" para descargar la extensión (plug-in) en el sitio
Internet si visitante no dispone de él.
Bueno, obviamente existen otros reproductores, aunque prefiero no extenderme más para no llegar a
confundir ni aburrir al personal ;-)... Ahora, sólo queda agradecer a los compañeros su aportación,
sus consejos...
-----------------------------------HABLAR DE LA CONVERSIÓN DE MÚSICA A FORMATO MP3 con Audacity
-------------------------------------Música de fondo
http://www.oscargp.net/2008/05/musica-o-sonido-de-fondo-en-blogger.html
MIDIS
•
•
•
•
•
•
•
•
•
The midi bank (castellano) Un montón de midis de artistas latinos.
La biblioteca del midi (castellano) Gran cantidad de archivos midis, incluso de Operación
Triunfo.
Midilab (castellano) Canciones variadas en formato midi.
Cybermúzicos Free (castellano) Repertorio importante de archivos midi.
Spanish and Latín Midi (inglés) Canciones latinas en midi.
Christmas Song and Lyrics Page (inglés) Más de 300 melodías para la época navideña.
Disney Music Page (inglés) Gran cantidad de midis de las canciones Disney más populares.
Videogame Music Archives (inglés) Los midis de tus videojuegos favoritos.
Midi Farm Internet (inglés) Toda una granja de midis.
<EMBED
src=”http://tupagina.googlepages.com/tuarchivo.mid”
autostart=true
loop=false
volume=100 hidden=true><NOEMBED><BGSOUND src=”tuarchivo.mid”></NOEMBED>
http://sites.google.com/site/sanchezrodri/Home/alejandro_sanz_-_amiga_mia.mid?

Los blog y su uso en educación Capítulo 1 - ticscmc

Transcripción

Documentos relacionados

para descargar - Victor Orrego

Manual de usuario de Windows Live Writer