Curso blogs

CREACIÓN Y

EDICIÓN DE

BLOGS PARA

DOCENTES

MARÍA VILLA CASTRO

Navegar por Internet Creación de un blog con blogger

María Villa

1

Creación de un blog con Blogger Navegar por Internet

1. Introducción 1

2. ¿Cómo encontrar la información que andamos buscando? 2

3. ¿Cómo sacar el máximo partido a Google? 3

4. Los navegadores 4

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 pues había que tener elevados conocimientos de informática para realizar, por ejemplo, una página Web.

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/o con amigos, 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

1 http://es.wikipedia.org/wiki/World_Wide_Web

http://es.wikipedia.org/wiki/World_Wide_Web


María Villa

2

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 encontrar están: Firefox, Google Chorme, 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.

2.- ¿CÓMO ENCONTRAR LA INFORMACIÓN QUE ANDAMOS BUSCANDO?

Sin entrar a valorar su calidad, la Red tiene una cantidad enorme 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.

Utilizando un buscador. 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://m.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”.

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”.

http://www.direcciondelapagina.dominio/

http://www.google.es/

http://m.es.yahoo.com/

http://es.altavista.com/

http://www.kartoo.com/

http://ilectric.com/

http://www.metacrawler.com/


María Villa

3

3.- ¿CÓMO SACARLE EL MÁXIMO PARTIDO A GOOGLE?

A continuación veremos cómo utilizar el buscador Google de manera que nuestra búsqueda sea más rápida y sencilla:

Búsqueda simple. Buscar páginas en español o en todo internet.

Voy a tener suerte. En vez de mostrar los resultados de la búsqueda, te envía directamente a la primera página.

Sugerencias ortográficas. Google detecta muchas erratas y en ese caso sugiere el nombre

exacto.

Búsqueda avanzada. Pinchamos en el enlace Búsqueda avanzada en la página principal de Google.

A continuación nos aparece un cuadro de diálogo en el que podemos acotar nuestra búsqueda según los datos que insertemos.


María Villa

4

Los datos que podemos pedir son: Con todas las palabras, con la frase exacta, con alguna de las palabras, sin las palabras. A esto se le puede añadir: el idioma, el lugar donde están ubicadas, el formato del archivo, la fecha de creación o la presencia de los mismos.

4.- LOS NAVEGADORES

Vamos a comentar un sencillo, pero potente, navegador que por varias razones utilizaremos:

Porque con seguridad optimizará, una vez instalado y utilizado de forma asidua, su tiempo de navegación por la Red.

Porque con algunas aplicaciones online (como es el caso de una 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, hasta el punto que a día de hoy es uno de los más utilizados. Firefox es un programa multiplataforma disponible para los sistemas operativos Windows, GNU/Linux y Mac. 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) 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 imagen que aparece a la derecha.

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.

http://www.mozilla-europe.org/es/


María Villa

5

Personalizar el navegador. Más de 5000 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á un 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 otro programa: hacer clic en botones Siguiente, aceptar términos de licencia, etc.

UD.1: Crear correo y blog Creación de un blog con blogger

María Villa

1

Creación de un blog con Blogger

Unidad 1: Crear correo y blog

1. Introducción 1

2. Crear cuenta en gmail 1

2.1. ¿Por qué cuenta de correo en gmail? 2

3. Formas de crear un blog 4

3.1. Aplicaciones y sitios web 4

4. Creación de un blog con blogger 5

4.1. ¿Por qué Blogger? 5

4.2. Algunos blogs en Blogger 6

4.3. Creación de un blog con Blogger 6

1.- INTRODUCCIÓN

En este tema vamos a tratar dos condiciones previas para la creación de nuestro blog: dar de alta nuestro correo con Gmail y crear la cuenta de Blogger.

2.- CREAR CUENTA EN GMAIL

Se trata de un servicio de correo electrónico que, cuando apareció, cambió el concepto que se tenía hasta entonces de ese servicio, ofreciendo capacidades muy amplias de almacenamiento. Como etapas importantes destacaremos:

2004: Se crea Gmail ofreciendo 1 GB de espacio.

2005: Se mejora la interfaz y se dublica el espacio.

2007: Sale al aire la segunda versión de Gmail, que sirve de plataforma para futuras mejoras; además, tiene un nuevo manejador de contactos y ofrece alrededor de 4 Gb de esp acio.

2008: Gmail mejora su estructura, ofrece hasta 8 Gb de espacio y añade nuevas funcionalidades de forma más acelerada.

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


María Villa

2

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 páginas Web (Webmail).

A través de un programa gestor de correo instalado en nuestro equipo (Mozilla, Outlook, Thunderbird, Eudora, etc.).

Entre las principales empresas que ofrecen servicio de correo podemos encontrar: Google, Yahoo, Hotmail, Orange, Terra, etc. La redacción de los mensajes no están sujetos a ninguna norma escrita que regule este tipo de comunicación. No obstante, 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 en 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.

2.1.- ¿POR QUÉ UNA CUENTA DE CORREO GMAIL?

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 en Blogger. 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 la siguiente dirección: http://mail.google.com/mail/help/intl/es/about.htmlPara la creación tecleamos en un

navegador la dirección http://www.google.com y, en la parte superior, en el enlace Gmail. Este

http://mail.google.com/mail/help/intl/es/about.html

http://www.google.com/


María Villa

3

enlace nos lleva a una página en la que observará, en la parte superior derecha, un recuadro 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.

A continuación aparecerá una ventana en la que deberá rellenar los datos que aparecen a continuación:

Si antes de aceptar la cuenta quiere consultar la disponibilidad del nombre que está creando debe presionar sobre el botón comprobar la disponibilidad. En caso de que la cuenta ya esté 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. Deberá rellenar:

Nombre: Nombre de la persona que va a crear la cuenta.

Apellidos: Apellidos de la persona que va a crear la cuenta.

Nombre de usuario: Nombre que queremos que aparezca cuando enviamos un correo. Por ejemplo: Antonio Perea Castro, Antonio Perea o simplemente Antonio.

Elija una Contraseña: La contraseña que vamos a introducir y que tiene que tener al menos 8


María Villa

4

caracteres. Se recomienda que contenga números y letras.

Vuelve a introducir la contraseña: Volver a introducir la clave, puesto que al no verse porque salen son puntos, si nos hubiéramos equivocado se apreciaría 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 sólo la persona que está creando la cuenta 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: País 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 automáticamente.

Condiciones del servicio: Deben aceptarse para crear la cuenta de correo.

Completado todos estos datos se ha realizado correctamente la creación de nuestra cuenta de correo.

3.- FORMAS DE CREAR 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 complementos que necesite para el mismo. Obviamente son necesarios conocimientos informáticos específicos que no todo el mundo posee.

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, y porque para ello no debemos tener amplios 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

http://www.bitacoras.com/


María Villa

5

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 los procesos 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 el 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.- CREACIÓN DE UN BLOG CON BLOGGER

En los siguientes puntos veremos por qué utilizaremos Blogger para crear nuestro blog, algunos blog de referencia para hacernos una idea de lo que podemos hacer, y cómo crear nuestro blog.

4.1.- ¿POR QUÉ BLOGGER?

Antes de nada habría que justificar la elección de Blogger. Podríamos indicar como motivos los siguientes:

https://www.blogger.com/start

http://edublogs.org/

http://wordpress.org/


María Villa

6

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 spam1 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.

4.2.- ALGUNOS BLOG EN BLOGGER

Antes de crear nuestro blog estaría bien visitar otros, conocer qué están haciendo otras personas (por otra parte nos sirve para colmar nuestra curiosidad) y sobre todo para saber las posibilidades que nos permite Blogger. Reseñamos algunos blogs relacionados con la enseñanza:

Educación y TIC: http://domingomendez.blogspot.com/index.html

Educación tecnológica: http://villaves56.blogspot.com/

Blog de la clase de 6ºB: http://lloreuquintob.blogspot.com/

Chispas TIC y Educación: http://peremarques.blogspot.com/

Escuela de Arte de Sevilla (Fotografía): http://escueladefotografia.blogspot.com/

Historia del Arte: http://aprendersociales.blogspot.com/

Blog de Biología: http://blogbiologia.blogspot.com/

Blog de Francés: http://carmenvera.blogspot.com/

4.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

1 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”

http://domingomendez.blogspot.com/index.html

http://villaves56.blogspot.com/

http://lloreuquintob.blogspot.com/

http://peremarques.blogspot.com/

http://escueladefotografia.blogspot.com/

http://aprendersociales.blogspot.com/

http://blogbiologia.blogspot.com/

http://carmenvera.blogspot.com/

http://www.google.es/


María Villa

7

enlace Más que nos desplegará un menú emergente web del 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/ en Marcadores o en favoritos 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 (cuenta de Gmail) 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.


María Villa

8

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).

- Rellenar la casilla de verificación de la palabra.

- Marcar la pestaña Aceptación de 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 Clasedeantonio). 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.


María Villa

9

Una vez elegida aceptamos y en la siguiente pantalla se nos informa de 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.

UD.2: Administración y diseño del blog I Creación de un blog con blogger

María Villa

1


Unidad 2: Administración y diseño del blog I

1. Diseñador de plantillas 1

2. Fondo 2

3. Diseño 3

4. Ajustar ancho 4

5. Avanzado 4

1.- DISEÑADOR DE PLANTILLAS

Con el Diseñador de plantillas de Blogger tiene una nueva forma para personalizar fácilmente el aspecto de su blog. Puede elegir entre una variedad de plantillas, imágenes, colores y diseños de columnas para que su blog sea una expresión personal.

Se accede a él pulsando en diseñador de plantillas.

Para empezar a trabajar con el Diseñador de plantillas, seleccione una de las plantillas de diseño profesional que tiene a su disposición para el blog. Cada plantilla aparece como una miniatura de gran tamaño; al hacer clic en ella se muestran distintas variaciones de la misma que puede seleccionar. Tenga en cuenta que al hacer clic en una plantilla nueva se borrarán todas las personalizaciones que haya hecho en una plantilla anterior. Cuando haya elegido una, puede seguir personalizando el aspecto del blog.


María Villa

2

Cuando esté satisfecho con el aspecto del blog, puede aplicarlo directamente si pulsa la opción Aplicar al blog en la esquina superior derecha del Diseñador de plantillas.

Independientemente de la plantilla que esté previsualizando en el Diseñador de plantillas, siempre puede ver el aspecto que tiene su blog en cualquier momento si se fija en la miniatura Ahora en el blog del panel de control de esta utilidad. También puede hacer clic en ella para restablecer en el Diseñador de plantillas la plantilla que utiliza actualmente para su blog.

2.- FONDO

Aunque haya elegido una plantilla, se puede cambiar su aspecto. Con el Diseñador de plantillas de Blogger se puede elegir el color o la imagen de fondo que se quiera en su blog y luego aprovechar las opciones del esquema de color. Para empezar a personalizar el fondo, haga clic en la miniatura situada bajo Imagen de fondo.

De entre las funciones del Diseñador de plantillas, una de las mejores es la capacidad de cambiar el color de la imagen de fondo. Es posible realizar este cambio si la imagen de fondo tiene transparencia. Se sabe que una imagen de fondo es transparente si en la esquina superior derecha muestra una especie de tablero de ajedrez.


María Villa

3

Cuando se haya seleccionado la imagen, se puede cambiar el color del fondo si hace clic en Gama de colores principal y, a continuación, seleccione el color que prefiera.

Solamente se puede cambiar el color del fondo si éste último es transparente. Asimismo, si la plantilla que ha elegido tiene un fondo gris, no podrá cambiar su color.

Además de seleccionar y personalizar la imagen de fondo de su blog, también puede elegir una gama de colores y aplicarla a otros elementos del blog, como el texto o los enlaces. Para ello, pruebe a usar la opción Gama de colores principal o elija uno de los Temas sugeridos. Al cambiar la gama de colores de su blog, también cambiará el color de todos los elementos de la plantilla que se puedan modificar. Nota: si la imagen de fondo no es transparente, el cambio de tema modificará el esquema de colores del blog.

3.- DISEÑO

Puede elegir entre una variedad de opciones de diseño para su blog, de una a tres columnas. Estos diseños cuentan con la funcionalidad de arrastrar y soltar para los gadgets. También dispone de una variada gama de opciones de diseño para el pie de página del blog.


María Villa

4

Si desea añadir o suprimir gadgets, o bien modificar su configuración, no podrá hacerlo con el Diseñador de plantillas de Blogger. En su lugar, se debe utilizar la ficha general Diseño que veremos más adelante.

4.- AJUSTAR ANCHO

Se Puede cambiar el ancho del blog y de las columnas izquierda y derecha si arrastramos los controles deslizantes de las distintas partes del diseño del blog. Hay que fijarse en que las opciones que hay aquí se corresponden con el tipo de diseño que hemos elegido. Si, por ejemplo, elegimos un blog con columnas a izquierda y derecha, se verán controles deslizantes en las dos columnas. Sin embargo, si optamos por un blog con una única columna a la izquierda, aquí solamente se verá esa opción.

5.- AVANZADO

Esta pestaña nos da muchas posibilidades de personalizar nuestro blog en cuanto a colores en los textos y fondos de nuestro blog.

A continuación se detallan todas las posibilidades que nos da la pestaña Avanzado: Texto de la página. Es el texto de la página. En esta opción podemos modificar el tipo, color, tamaño y dar formato a la fuente del texto de la página.


María Villa

5

Fondos. Se puede cambiar el color del fondo exterior y del fondo del pie de página. Enlaces. Se puede cambiar el color del enlace, enlace visitado y enlace con el ratón sobre él. Título del blog. En esta opción podemos modificar el tipo, color, tamaño y dar formato a la fuente del título. Descripción del blog. Se puede cambiar el color del texto que describe la temática del blog. Texto de la pestaña. Se puede cambiar la fuente, el color del texto, el color seleccionado y dar formato a la fuente del texto de las pestañas. Esta opción es válida para las plantillas que poseen pestañas. Fondo de las pestañas. Se puede cambiar el color del fondo y del separador. Sólo para plantillas que tengan pestañas. Cabecera de fecha. Sirve para cambiar el texto de la fecha de cabecera de cada entrada. Se puede cambiar el color, la fuente y el formato. Estilo de la entrada. Se puede cambiar el estilo de la entrada. Las modificaciones que se pueden hacer son el tamaño del texto, el color de fondo y el color del borde. Pie de página de la entrada. En él se puede cambiar al color del texto. Gadgets. Se puede cambiar el color, la fuente y el formato del texto de los gadgets. Pie de página. Se puede cambiar el color del título del gadget y del texto del pie de página del blog. Enlaces a pie de página. En esta pestaña se cambia el color del texto del enlace, del enlace visitado, y del enlace cuando se pone el ratón sobre él. Añadir CSS. Sirve para añadir código CSS personalizado.

UD.3: Administración y diseño del blog II Creación de un blog con blogger

María Villa

1


Unidad 3: Administración y diseño del blog II

1. Diseño de los elementos del blog 1

1.2. Insertar un gadget 2

2. Presentación de imágenes con álbumes 4

1.- DISEÑO DE LOS ELEMENTOS DEL BLOG

Para nuestro blog, desde la pestaña Diseño, podemos elegir una serie de elementos para la página, ver el código HTML o diseñar una plantilla. 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. Ahora veremos cómo podemos mejorar la página principal de nuestro blog viendo punto por punto.

Barra de navegación. Aparece una ventana en la que podemos elegir entre varios colores.

Cabecera. En ella podemos poner nuestro nombre, una pequeña descripción de nuestro blog o de nosotros, añadir una imagen desde nuestro equipo o desde una dirección, e incluso ubicarla donde queramos.

Imagen. Podemos ponerle un título, pie de foto, o un enlace.

Entradas del blog. Se puede modificar el número de entradas, la fecha de entrada, comentarios y etiquetas.


María Villa

2

Datos personales. Con el modificas varios apartados del perfil.

Seguidores. Muestra los seguidores que tienes en el blog.

Archivos del blog. Se puede cambiar el estilo de visión, la frecuencia y el formato.

Insertar un gadget. En el siguiente punto veremos este caso ampliado.

Para incluir una imagen en la cabecera del blog debemos tener en cuenta las siguientes instrucciones:

Las imágenes son un gran recurso para nuestro blog. No hay que abusar de su uso, pero tampoco hay que olvidarlas, porque pueden ilustrar muy bien los contenidos. La actual Web 2.0 está llena de imágenes que demuestran la gran creatividad de sus autores, pero hay que tener cuidado de no recargar nuestras páginas con fotografías demasiado pesadas. Para ello, vamos a aprender a reducir el tamaño de las imágenes con Paint de manera que queden con una resolución más pequeña. Se hace de la siguiente manera:

1. Se selecciona la imagen que previamente está en Vista en miniatura con el botón derecho y seleccionamos Editar.

2. Aparece una ventana de Paint en la que seleccionamos Imagen > Expandir o Contraer.

3. En esta ventana tenemos cambiamos el porcentaje horizontal y vertical dependiendo del tamaño que tenga la imagen. A mayor tamaño, menor porcentaje. Después aceptamos la orden.

4. Una vez hecho esto guardamos la imagen para que se haga efectivo el cambio. Y ya está lista para ser colgada en el blog.

1.2.- INSERTAR UN GADGET

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).

En ese caso aparece un cuadro de diálogo que nos muestra los elementos que podemos añadir.


María Villa

3

Alguno de ellos son los que se especifican a continuación y además son de los más usados (aunque también se pueden introducir algunos que creemos nosotros o que lo copiemos de alguna página:

- 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.

- Imágenes.

- Publicidad.

- Encuestas.

- Etc.

Una de las opciones es añadir un Gadget que hayamos encontrado o buscado en cualquier página. En Internet hay muchos gadget que podemos utilizar. La forma de actuar es copiando el código e insertándolo en la pestaña, creada para ello, de nuestro blog. Ahora veremos como se hace.


María Villa

4

Seleccionamos HTML/Javascript Insertamos título y código y aceptamos

Existen multitud de gadget diferentes según las preferencias del usuario. Se recomienda mirarlos todos para así saber cual se adapta mejor a nuestras necesidades.

2.- PRESENTACIÓN DE IMÁGENES CON ÁLBUMES

Comentamos, como ejemplo, la adición de una presentación desde un álbum de Picasa o Flickr. El proceso es bastante simple:

Si no tenemos la opción insertada, la buscamos dando a Añadir Gadget y buscamos la Presentación.

En fuente elegimos Álbumes web de Picasa.

En opción elegimos la opción que mejor nos parezca (se puede elegir por álbum o por palabras clave).

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.

UD.4: Creación y Edición de Entradas Creación de un blog con blogger

María Villa

1


Unidad 4: Creación y Edición de Entradas

1. Ventana principal de Blogger 1

2. Nuestra primera entrada o noticia 4

3. Administración de entradas 6

4. Incluir textos. Uso del editor web 7

5. Añadir autores a nuestro blog 7

6. Insertar un enlace 9

7. Imágenes en un blog 9

7.1. Compartir imágenes en internet 10

7.2. Insertar imágenes desde el Redactor 10

7.3. Insertar imágenes desde el Editor de HTML 11

8. Ayuda 12

1.- VENTANA PRINCIPAL DE BLOGGER

Una vez creado nuestro blog, pasamos a describir los elementos principales de 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.


María Villa

2

En este 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 del blog.

Si hacemos clic en nuestro blog en los enlaces que contiene aparecen unas nuevas ventanas con las opciones siguientes: PESTAÑA CREACIÓN DE ENTRADAS

Nueva entrada: Añadir una entrada nueva.

Editar entradas: Si pinchamos en este botón aparecen todas las entradas para poder editar, borrar o ver entradas, 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.

PESTAÑA COMENTARIOS

Publicados: Se muestran todos los comentarios que han publicado en su blog. Todos ellos se pueden gestionar, suprimir o avisar de spam.

Spam: Se muestran posibles spam y los podemos gestionar por si no se trata de uno.

PESTAÑA CONFIGURACIÓN


María Villa

3

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, etc.

Publicación: Posibilidad de comprar un dominio para publicar en un servidor FTP externo.

Formato: Muestra la posible modificación de los elementos del blog como son el número de entradas, los formatos de horas, el idioma y la visualización de títulos y enlaces.

Comentarios: Modificación de todos los elementos relativos a los comentarios como son la persona que los puede realizar, la ubicación, el formato de la hora en ellos o que se envíen mensajes con los comentarios.

Archivo: Podemos apreciar que las noticias tengan cada una su página web y la frecuencia de éstas.

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 electrónico y móvil: 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 quiénes son los autores y lectores de nuestro trabajo. PESTAÑA DISEÑO

Elementos de la página: Muestra la configuración del blog, si arrastramos los distintos elementos se puede cambiar la posición de los mismos.

Edición de HTML: Muestra el código fuente del blog. Se puede modificar.

Diseñador de plantillas: Elección de distintas plantillas que otorgan a nuestro trabajo una apariencia distinta. Posibilita la modificación de los colores de la página, tablas, bordes y fuentes que aparecen en ella. PESTAÑA MONETIZAR

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 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.


María Villa

4

AdSense para feeds: AdSense para feeds coloca anuncios relevantes en los elementos de feeds. Google se encarga de elegir automáticamente los anuncios que aparecerán en tu blog en función del contenido del mismo. Además, te permite ganar dinero si los visitantes ven los anuncios o si hacen clic en ellos. PESTAÑA MONETIZAR

Visión general: Muestra la gráfica con las estadísticas de visitas. Entrada: Muestra las estadísticas de las entradas. Fuentes de tráfico: indica de dónde vienen las visitas, cómo vienen las visitas y mediante qué keywords vienen las visitas (siempre y cuándo hablemos de los buscadores). Público: Clasifica las visitas en función del sistema operativo, el país o el navegador.

2.- NUESTRA PRIMERA ENTRADA O NOTICIA

Comenzamos nuestra primera noticia, entrada, etc. en nuestro blog poniendo la dirección del mismo en nuestro navegador (por ejemplo http://clasedefrances.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.

Una vez introducidos dichos datos hacemos clic en Acceder.

Es aconsejable, si se trabaja desde un ordenador personal, marcar la opción No cerrar sesión, con lo que evitamos tener que identificarnos en sucesivas ocasiones.

Posteriormente hacemos clic en NUEVA ENTRADA.

Accedemos a un formulario en el que escribimos nuestra noticia. En él se encuentran los siguientes elementos:

1. El título de la entrada.

2. La caja de texto para incluir el texto y/o cualquier otro elemento.

3. El editor, compuesto por dos pestañas: Edición de HTML (mediante la cual accedemos al código fuente de la página) y Redactar (en el que se ve tal y como aparecerá en el blog. Dispone de una barra superior de botones para formatear el texto y para incluir

http://clasedefrances.blogspot.com/


María Villa

5

elementos multimedia y que permite el diseño visual de la entrada)

4. El enlace Vista previa, que nos muestra una vista de la entrada como si estuviera publicada; sirve para hacernos una idea de cómo va a quedar finalmente la entrada. Publicar entrada que publica la entrada una vez terminada de redactar. Y Guardar ahora que mantiene una copia en el borrador para que no se pierda la información si ocurre algún percance no previsto.

5. Etiquetas es una caja de texto en la que podemos introducir palabras clave o expresiones separadas por comas que definen y clasifican las entradas (posteriormente se pueden visualizar estas etiquetas en el lateral del blog para que los lectores lean las entradas seleccionando las etiquetas que las incluyen).

6. El enlace Opciones de entrada abre otra sección del editor donde se pueden permitir o no los comentarios de los lectores y también modificar la fecha y hora de la entrada (esto nos puede servir para escribir varias entradas y que se publiquen en diferentes momentos).

7. El enlace Volver a la lista de entradas, nos manda directamente a la siguiente pestaña, o sea, Editar entradas.

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.


María Villa

6

El resultado final sería algo así:

3.- ADMINISTRACIÓN DE ENTRADAS

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.


María Villa

7

También se puede buscar una entrada poniendo el nombre de lo que recordemos de ella y dándole a buscar.

4.- INCLUIR TEXTOS. USO DEL EDITOR WEB

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 de textos, ya que de hacerlo así puede que incorporemos, sin desearlo, código que luego dificultará la edición de las noticias.

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:

5.- AÑADIR AUTORES A NUESTRO BLOG

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ó). No obstante, también podemos darle permiso


María Villa

8

de edición otorgándoles el rol de administrador del blog.

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 (máx. 100).

Para ello hacemos clic en el botón AÑADIR AUTORES y escribimos su dirección de correo. Posteriormente pinchamos en el botón INVITAR para enviarles una invitación para compartir la autoría del blog.

La persona a la que hemos invitado deberá acceder a su cuenta 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). Una vez ha aceptado podemos entrar de nuevo en Permisos para otorgarle permisos de


María Villa

9

administrador del blog.

6.- INSERTAR UN ENLACE

Si deseamos poner un enlace a un texto (en el ejemplo pretendemos que se convierta en un enlace que nos lleve a una dirección Web) debemos, en primer lugar, seleccionarlo. Una vez hecho utilizamos el icono Enlace del Editor Web.

En primer lugar aparece un lugar para poner Texto para mostrar en el que pondremos el texto que queremos que sea visto. Este texto aparecerá en el lugar que le designemos. Lo más recomendable es poner Pincha aquí o Accede desde aquí o algo semejante ya que este texto le redirecciona a la página o email que hemos puesto en el enlace.

El siguiente punto nos pide que pongamos la Dirección web en el cuadro de diálogo que nos aparece. En él escribiremos (aunque lo más rápido es pegar la dirección que previamente hayamos copiado del navegador) la URL de destino del enlace.

Por último se nos pide una Dirección de correo electrónico en la que podemos dar un email para que el pinchar sobre él dos mande directamente a la dirección.

Una vez finalizado aceptamos y queda insertado el enlace.

7.- 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 ITE: http://bancoimagenes.isftic.mepsyd.es/

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

Lista de sitios que ofrecen imágenes: http://www.masternewmedia.org/news/2005/04/01/where_to_find_free_images.htm

http://es.creativecommons.org/

http://bancoimagenes.cnice.mec.es/

http://www.openclipart.org/

http://www.openphoto.net/

http://www.freedigitalphotos.net/

http://mediateca.educa.madrid.org/

http://www.masternewmedia.org/news/2005/04/01/where_to_find_free_images.htm


María Villa

10

7.1. 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/).

- 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.

7.2.- INSERTAR IMÁGENES DESDE EL REDACTOR

Una de las formas de insertar una imagen o fotografía en su blog es con el Redactor:

Al hacer clic sobre él aparece una ventana emergente que nos permite incluir una imagen en el blog desde:

- Nuestro equipo, haciendo clic sobre el botón Examinar y localizando la imagen.

- Nuestro blog, seleccionando la imagen que deseemos.

- Nuestro álbum Picasa, se elige el álbum y de ahí seleccionamos 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.

http://www.flickr.com/


María Villa

11

Si necesitamos la inclusión de más de una imagen (tanto desde nuestro equipo como desde una dirección Web) solo tenemos que seleccionarlas cuando aparecen en la ventana emergente.

Esta entrada es la más sencilla de las dos si no se poseen conocimientos de lenguaje HTML.

7.3.- INSERTAR IMÁGENES DESDE EL EDITOR DE HTML

Si queremos insertar la imagen desde el Editor de HTML, solo tenemos que pulsar el siguiente icono:

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), añadir una leyenda y el tamaño de la imagen. El cuadro de diálogo nos ofrece 3 posibilidades: Pequeñas, Medio o 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.


María Villa

12

NOTA: Podemos redimensionar la imagen en el cuadro que aparece bajo ella, aunque se recomienda que se haga previamente a la subida de la imagen con aplicaciones de retoque y creación de imágenes. Este cuadro aparece pulsando la fotografía. También se puede alinear la imagen a la derecha, izquierda o centrarla y también se le puede añadir una leyenda.

8.- AYUDA

Si necesitamos ayuda en cualquier momento disponemos de una ayuda en línea situada en la parte superior derecha de la pantalla.

En ella podemos encontrar Artículos de la ayuda, un Foro de ayuda y un blog con todas las novedades de Blogger.

También existe una Guía de Instrucción, pero de momento sólo la podemos encontrar en inglés.

UD.5: Inc. vídeos, presentaciones y archivos diversos Creación de un blog con blogger

María Villa

1


Unidad 5: Incluir Vídeos, Presentaciones y Archivos Diversos

1. Agregar vídeos 1

2. ¿Cómo incorporar un vídeo? 2

3. Agregar presentaciones 4

3.1. ¿Qué ofrece Slideshare? 4

3.2. Crear cuenta y subir presentaciones con Slideshare 5

4. Enlazar archivos diversos en el blog 5

5. Podcast 6

1.- AGREGAR VÍDEOS

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 sólo nos referimos a los vídeos didácticos, 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 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.

Los vídeos se pueden clasificar de la siguiente manera:

Documentales: muestran de manera sistemática y ordenada información sobre un tema.

Narrativos: se presenta la información detallada y por orden cronológico de un individuo, hecho histórico, etc.

Lección mono conceptual: 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:


María Villa

2

Youtube (http://es.youtube.com/), el más utilizado y 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 intereses similares.

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. También se pueden ver canales de televisión.

2.- ¿CÓMO INCORPORAR UN VÍDEO?

Para incorporar un vídeo en su blog puede optar, como en el caso de las imágenes, por hacerlo de dos maneras. Para cualquiera de los dos modos se comienza de la misma forma:

Imagen desde nuestro equipo, subiendo directamente un vídeo desde su ordenador mediante el icono Añadir vídeo, que se encuentra en el redactor.

Aparece una nueva ventana emergente en la que se elegirá la ubicación de su archivo. Se pondrá un título y un texto explicativo si se desea y Por último se hará clic en el botón Subir.

Deberá esperar unos minutos para que concluya la subida ya que variará el tiempo dependiendo del tamaño del archivo.

Una vez que esté cargado haga clic sobre el botón Publicar entrada cuando haya

http://es.youtube.com/

http://www.dalealplay.com/

http://tu.tv/

http://vago.tv/

http://www.yatv.com/


María Villa

3

terminado para que se haga efectiva la entrada en su blog.

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 Webs comentadas con anterioridad (por ejemplo desde Youtube). Una vez hemos localizado el vídeo que queremos incorporar, debemos seleccionar y copiar el texto que aparece en la caja Insertar de Youtube.

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.

También podemos Añadir un vídeo desde Youtube y aparece un buscador en el que podemos poner el tema que estamos buscando. Por ejemplo: “la educación en las aulas” y aparece un listado de los vídeos que existen con ese texto o título.


María Villa

4

A continuación seleccionamos el vídeo que estamos buscando, pinchamos en Seleccionar y el vídeo queda ingresado en nuestra entrada y una vez que esté completo pulsamos en Publicar entrada.

3.- 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 se quiere realizar: descriptiva, argumentativa, persuasiva, etc. y el tipo de audiencia o público destinatario de esta presentación.

Es decir, lo primero que se 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.

Power Point, OpenOffice Impress1, o Adobe Acrobat son algunas de las aplicaciones con las que podemos crear fácilmente presentaciones con el ordenador. En el próximo punto veremos cómo se pueden visualizar estas presentaciones en nuestro blog.

3.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 pdf.

Slideshare ofrece muchas posibilidades pero la más importante es la de poder mostrar presentaciones.

1 http://es.openoffice.org

http://es.openoffice.org/


María Villa

5

3.2.- CREAR CUENTA Y SUBIR PRESENTACIONES CON SLIDESHARE

En primer lugar se accede a la página (http://www.slideshare.net/) y hacemos clic sobre 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 su nombre de usuario. Cuando aparezca la página siguiente podrá subir su primera presentación haciendo clic sobre Upload. Después en Upload publicly.

Entonces localizamos el archivo a subir de nuestro equipo y transcurren unos instantes de espera mientras la aplicación convierte su documento. Al finalizar la subida copiamos el enlace que hay en el cuadro Embed y lo pegamos en nuestro Editor de HTML.

De esta manera conseguimos insertar en nuestro blog una presentación.

4.- ENLAZAR ARCHIVOS DIVERSOS 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.

http://www.slideshare.net/

http://sites.google.com/


María Villa

6

Una vez creado pulse en el encale Crear página. Elija seleccionar plantilla, nombre y localice 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.

5.- PODCAST

Un tipo especial de archivos para nuestro blog son los podcast. Según Wikipedia “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 mismo (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.

Para hacer un archivo de sonido hay que utilizar un programa que grabe su voz y poder convertirlo en MP3. Proponemos Audacity 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,


María Villa

7

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-hacer-podcast

2. “Oír el blog Iniciando: el podcast para hacer tu propio podcast”: http://iniciandopodcast.blogspot.com/

Existen programas que permiten publicar podcast, generar el archivo RSS del mismo y subirlo a un servidor:

Easypodcast: 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-el-sonido-y-alojamiento/2/

http://www.podcastellano.com/como-hacer-podcast

http://www.podcastellano.com/como-hacer-podcast

http://iniciandopodcast.blogspot.com/

http://www.easypodcast.com/index-es.html

http://poderator.com/

http://www.miniguias.com/miniguias/como-hacer-un-podcast-gratis-grabar-el-sonido-y-alojamiento/2/

http://www.miniguias.com/miniguias/como-hacer-un-podcast-gratis-grabar-el-sonido-y-alojamiento/2/

UD.6: Añadir actividades interactivas Creación de un blog con blogger

María Villa

1


Unidad 6: Añadir Actividades Interactivas

1. Actividades interactivas 1

1.1. Hot Potatoes 1

1.2. JClic 2

1.3. CD Rayuela 3

1.4. Lim 3

1.- ACTIVIDADES INTERACTIVAS

A continuación describiremos algunas herramientas de autor para la elaboración de actividades interactivas en formato de páginas Web.

1.1. - HOT POTATOES

Sistemas Operativos: Windows, Macintoch y Ubuntu.

Licencia: Libre 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


María Villa

2

predeterminados.

Aunque los ejercicios se elaboran utilizando los lenguajes HTML y JavaScript, no es necesario 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.

En esta página http://platea.pntic.mec.es/~iali/CN/HotPot60/tutorial.htm se puede encontrar un manual de Hot Potatoes 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

1.2.- JCLIC

Sistemas Operativos: Multiplataforma (Windows, Linux, Solaris, Mac).

Licencia: Libre.


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 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 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).

http://platea.pntic.mec.es/~iali/CN/HotPot60/tutorial.htm

http://avalerofer.blogspot.com/2007/05/ejercicios-con-hot-potatoes-en-blogger.html

http://clic.xtec.es/es/index.htm

http://clic.xtec.net/db/listact_es.jsp


María Villa

3

Al hacer clic sobre él aparece una ventana con la actividad en funcionamiento. También se puede copiar el código para instalar en nuestro blog. La forma de hacerlo es copiando el código que aparece abajo a la derecha y pegándolo en el editor de HTML.

Por ejemplo: <div style="width:560;text-align:center;font-size:x-small;"><iframe src="http://clic.xtec.cat/db/jclicApplet.jsp?project=http://clic.xtec.cat/projects/proporci/jclic/proporci.jclic.zip&[email protected]&lang=ca" frameborder=0 width=560 height=440 scrolling="no"></iframe><br><a href="http://clic.xtec.cat/db/act_ca.jsp?id=3609">zonaClic - actividades - Proporcionalidad</a></div>

1.3.- CD RAYUELA Sistemas Operativos: Windows.

Licencia: Libre.


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.

1.4.- LIM

Sistemas Operativos: Por ahora Windows, aunque está previsto que en el futuro pueda aparecer un editor para linux.

http://www.cervantes.es/seg_nivel/lect_ens/rayuela.htm


María Villa

4

Licencia: Actualmente libre 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.

http://www.educalim.com/cinicio.htm

Curso blogs

Documents

Transcript of Curso blogs