3. 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 introducidas.
Google (http://www.google.es/)
Yahoo (http://es.yahoo.com/)
Altavista (http://es.altavista.com/)
Bing (http://www.bing.com/)
4. • 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
Metacrawler (http://www.metacrawler.com/)
Dogpile (http://www.dogpile.com/)
5. • Para crear una cuenta de “ Gmail”:
• http://mail.google.com/mail/help/intl/es/about.html
6. PROCEDIMIENTO:
• En la siguiente ventana deberá rellanar:
• Nombre
• Nombre de usuario
• Contraseña
• Confirma tu contraseña
• Fecha de nacimiento
• Sexo
• Teléfono móvil (no es imprescindible hacerlo).
• Dirección de correo alternativa (Si no dispone de ninguna otra dirección de correo
• electrónico, deje este campo en blanco).
• Demuéstranos que no eres un robot: El sistema nos proporciona una imagen con dos
palabras que hay que escribir. Esto se hace para que no se puedan generar cuentas
automáticamente.
• Ubicación (País donde nos encontramos).
• Condiciones del servicio (Deben aceptarse para crear la cuenta de correo).
• Completado todos estos datos hacemos clic en el botón Siguiente paso para concluir la
creación de nuestra cuenta de correo.
7. • “Un blog, 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”.
8. VENTAJAS
• Acceso desde cualquier lugar. Basta con tener conexión a Internet.
• 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
el suyo.
• 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.
• Puede utilizarse como herramienta educativa.
9. EJEMPLOS DE BLOG
• Blog Tecnología (blogger): http://areatecnologia.blogspot.com.es/
• Blog Tecnología (wordpress): http://tecnotic.wordpress.com/
• Blog de Inglés (bitácoras):
http://bitacoras.com/bitacora/englishextension.blogspot.com/comentarios
• Blog de Dibujo y artes plásticas (edublog):
http://sites.google.com/site/bibliotecaespiralcromatica/edublogs
10. BLOGS GRATUITOS
• 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.
11. • EDUBLOGS : http://edublogs.org/
Un servicio para que docentes y estudiantes publiquen de forma gratuita su blog.
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 : http://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.
12. ¿CUÁL ELEGIMOS?
• Los dos lugares que albergan la posibilidad de
crear un buen trabajo con una relativa
comodidad de elaboración son Blogger y
WordPress.
• 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.
13. • Abra un navegador y teclee: http://www.google.com. Encontrará en la parte
superior un enlace Más que nos desplegará un menú emergente eb el que
elegiremos Mucho más.
• Se nos muestra una pantalla con Más productos de Google. Haga clic sobre el
enlace Blogger.
14. • Como ya disponemos de cuenta de correo de Gmail, introducimos nombre
de usuario y contraseña.
• Una vez lo hayamos hecho hay que:
- Elegir Nombre visible 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.
• Procedamos ahora a crear un blog mediante el botón Nuevo blog:
- 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). Una vez
introducido esos caracteres la ventana nos dirá si está o no disponible.
- Elegir una Plantilla. Para seleccionarla debe hacer clic sobre su imagen.
15. • Una vez hecho se activa el botón Crear blog. Hacer
clic sobre él y se creará el blog.
16. • Acceso a nuestro perfil
• Creacción de entradas
• Ir a la lista de entradas (si tenemos varias)
• Para ver nuestro blog (aunque todavía no hayamos introducido nada)
• Más opciones:
Visión general.
Entradas.
Páginas.
Comentarios.
Estadísticas.
Ingresos.
Diseño.
Plantilla.
Configuración.
17. OPCIONES DE CONFIGURACIÓN
• Básico.
– Básico: Nos permite modificar el título del blog, una
descripción del mismo, la privacidad (¿Quieres añadir tu
blog a nuestras listas?, ¿Quieres permitir que los motores
de búsqueda encuentren tu blog?).
– Publicación: Nos permite cambiar la URL del blog y ofrece
la posibilidad de comprar un dominio.
– Permisos: Desde aquí podremos añadir a autores de
nuestro blog y podremos editar quiénes pueden ser
lectores del mismo.
18. • Entradas y comentarios.
– Entradas: Elegimos el número de entradas por página,
especificar una plantilla de entrada (con texto o código
predeterminado que aparecerá cada vez que crees una
entrada nueva en el editor de entradas) y mostrar o no
imágenes en el lightbox.
– 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.
19. • Móviles y correo electrónico.
– Móvil: Permite publicar entradas a través de SMS o MMS.
– Correo electrónico: Ídem, pero a través de correo
electrónico; se puede elegir correo para recibir los
comentarios y una lista de correos para que reciban las
publicaciones de tu blog.
• Idioma y formato.
– Idioma: Sirve para elegir idioma y permite habilitar la
traducción de palabras del inglés al idioma seleccionado.
– Formato: Nos permite modificar zona horaria y formatos
de hora y fecha.
20. • Otros.
– Herramientas de blog: Podemos importar/exportar un blog y
suprimirlo.
– 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
– OpenID. 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.
– Contenido para adultos. Si seleccionas Sí, los visitantes de tu blog
verán un mensaje de advertencia y se les pedirá que confirmen que
desean acceder a tu blog.
– Google Analytics. Añade Google Analytics a tu blog para ver cómo
interactúan los visitantes con tu sitio.
21. • Ponemos la dirección del BLOG en nuestro navegador
(por ejemplo http://xxxxxxxx.blogspot.com/).
• Si no estamos identificados con nuestra cuenta de
correo Gmail nos aparece, en la parte superior derecha
el siguiente enlace: Acceder.
• Nueva entrada
22. Tiene los siguientes elementos:
1. El título de la entrada.
2. El editor, compuesto por dos pestañas: Redactar (editor WYSIWYG1, permiten escribir un
documento viendo directamente el resultado final) y HTML (lenguaje de marcado
predominante para la elaboración de páginas web).
3. Botones en la parte superior para:
– Vista previa: Nos muestra una vista de la entrada como si estuviera publicada.
– Guardar: Sirve para guardar nuestra entrada (sin publicarla) con objeto de poder
trabajar sobre ella posteriormente.
– Cerrar: Cierra la ventana de edición sin guardar cambios.
– Publicar. Publica la entrada.
4. En la parte de la derecha encontramos Opciones de entrada:
– Etiquetas: 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).
– Programar: Se puede establecer una fecha y hora para la publicación de la entrada.
– Ubicación: Puede especificar desde dónde escribe la entrada.
– Opciones: Puede permitir o no los comentarios de los lectores y varios detalles de HTML.
23. IMPORTANTE
“NO debemos pegar en dicho editor texto procedente de otra
página Web o de un procesador textos, ya que de así puede
que incorporemos, sin desearlo, código que luego dificultará
la edición de las noticias.”
SOLUCIÓN:
• 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 HTML (la
comentamos más adelante) y pegar allí el texto sin “pasarlo” por el bloc
de notas o editor de textos.
25. • Podemos permitir a otras personas introducir nuevas entradas en nuestro
blog, pero tendrán restringidas las opciones de configuración del blog.
• Aunque podemos conceder el rol de administrador del blog.
• Añadir autores: clic en el enlace Configuración >> Básico
>>Permisos.
• Clic en + Añadir autores
26. • Aparece un cuadro de diálogo para escribir, separadas por
comas, las direcciones de correo electrónico de las personas a
las que vamos a añadir (debe ser correo Gmail)
• La persona invitada recibirá un correo de invitación. La misma
deberá seguir el enlace y rellenar el formulario.
• Una vez ha aceptado podemos entrar de nuevo en Permisos
para otorgarle permisos de administrador del blog.
27. • Si deseamos poner un enlace a un texto, debemos, en primer
lugar, seleccionarlo y después hacer click en enlace.
• En el cuadro de diálogo escribiremos la Dirección web de
destino del enlace.
29. • Algunas imágenes están sujetas a derechos de autor.
• Si queremos 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 INTEF:
http://recursostic.educacion.es/bancoimagenes/web/ (se dispone de imágenes
y sonidos).
– Open Clip Art Gallery: http://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.wheretofindfreeimages.com/
30. Debemos tener en cuenta:
- 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.
31. ¿Cómo insertar las imágenes?
• Desde el editor Web: Insertar imagen
• Aparece una ventana emergente que permite incluir
una imagen en nuestro blog desde:
- Nuestro equipo, haciendo clic sobre el botón Elegir archivos y localizando la
imagen.
- Desde este blog (pudiendo elegir imágenes utilizadas previamente)
- Desde Álbumes web de Picasa.
- Desde tu teléfono.
- Desde una dirección de Internet, para lo que debemos pegar la dirección exacta
de la imagen en la caja de texto Pegar la URL de una imagen aquí.
• Finalmente, hacer clic en el botón Añadir las
imágenes seleccionadas.
32. • Una vez insertada, al hacer clic sobre la
imagen podemos editarla:
• Una vez concluido el proceso hacemos clic
sobre el botón Publicar (en caso de se una
nueva entrada) o Actualizar (en caso que la
estemos modificando/editando).
33. • 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. Estas fotografías
podrán ser enlazadas con nuestro blog.
• Entre los sitios Web que permiten albergar imágenes de forma gratuita:
- 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/).
34. FORMATOS GRÁFICOS
• En Internet encontramos básicamente tres
formatos de imagen:
• El formato “.png” es el que ofrece más
posibilidades.
35. NORMAS PARA LA INSERCIÓN
DE IMÁGENES
• 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 archivos. 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.
36. • Tipos de videos que podemos incluir (Pere Marques):
– 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.
37. Páginas para alojar videos en Internet:
• Estos videos podrán después ser enlazados a nuestro blog:
– Youtube (http://www.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.
– Tu.tv (http://tu.tv/).
– Vago.tv (http://vago.tv/).
– Yatv (http://www.yatv.com/). Es el portal de alojamiento gratuito de vídeos de
Ya.com.
– Vimeo (https://vimeo.com/), permite subir videos en HD (alta definición).
38. ¿CÓMO INSERTAR EL VIDEO?
• Mediante el icono Insertar un vídeo.
• Se nos abre un cuadro de diálogo con las siguientes opciones:
– Subir un archivo desde su equipo. Para ello utilizamos el botón Seleccionar el
vídeo para subir, localizamos el vídeo en nuestro equipo y hacemos clic en el
botón Subir.
39. – Desde YouTube. Escribimos en el cuadro de texto lo que deseemos para
buscar vídeos en dicho sitio Web y hacemos clic en el botón con el icono Lupa.
– Mis vídeos de YouTube. Nos aparecen nuestros vídeos subidos, que podemos
elegir de la forma anteriormente descrita.
– From your phone. Hay que descargar la aplicación para Android para poder
subir los vídeos desde el teléfono móvil.
40. • 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.
41. ¿CÓMO INSERTAR LAS PRESENTACIONES?
• Acceda a la página (http://www.slideshare.net/) y haga clic sobre Login or Signup.
• Una vez que ha entrado con su cuenta haga clic sobre Upload para subir
presentaciones.
• Hay que localizar el archivo a subir en nuestro equipo.
• Recuerde que tiene la posibilidad de permitir la descarga de su presentación.
• Haciendo clic sobre su nombre de usuario puede: modificar su perfil, editar/borrar
sus presentaciones, etc.
42. • Una vez localizada la presentación haga clic en el botón <> Embed. Aparece un
cuadro de texto y un botón: Copy. Haga clic sobre él para copiar el código.
• En la entrada de su blog haga clic sobre la pestaña HTML y pegue el texto
seleccionado desde SlideShare.
43. • 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.
• Es probable que necesitemos ir a páginas en concreto para saber qué tipo de
archivo tenemos en nuestras manos. Algunas interesantes son:
– http://es.wikipedia.org/wiki/Formato_de_archivo_inform%C3%A1tico
– http://www.sharpened.net/helpcenter/extensions.php
– http://www.telecentros.info/extensiones/
44. INCLUSIÓN DE OTRO TIPO DE
ARCHIVOS (PDF, MP3, ODT,…)
• En este 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 como
http://www.dropbox.com o https://www.cx.com/.
– También puede, haciendo uso de su cuenta con Google, utilizar el espacio que
nos ofrece de forma gratuita a través del enlace http://sites.google.com).
45. ¿Cómo hacerlo desde http://sites.google.com?
• En la parte izquierda de la pantalla verá un botón para crear un sitio web
• Rellenamos nombre del sitio y ubicación.
• Una vez dentro de una de las páginas de nuestro sitio web hacemos clic en Añade
archivos.
• Localizamos en nuestro 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 la ruta del enlace.
46. • Por último, 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.
47. • Un tipo especial de archivos para nuestro blog son los podcast.
• Se trata, de “colgar” archivos de audio en el blog con la posibilidad de que
cualquiera pueda suscribirse a vuestro canal de RSS (sistema de redifusión) y
bajarse dichos archivos según se suben (como un lector de feed de audio).
• Permite que nos dejen comentarios los visitantes del mismo (algo que no ocurre si
los alojamos en otro sitio Web).
• Para hacer un archivo de sonido hay que utilizar un programa que grabe su voz y
poder convertirlo en MP3 (AUDACITY, http://audacity.sourceforge.net/?lang=es)
• 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/
48. • 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/
49. • 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, en la parte de la izquierda del blog, hacemos clic en entradas.
• Con el ratón sobre cualquier entrada podemos editar, visualizar , suprimir.
51. • Gadget: mini aplicaciones, diseñadas para proveer
de información o mejorar una aplicación o servicios
de un ordenador o computadora.
• Por ejemplo, para incluir una imagen en la cabecera del blog
sigamos las instrucciones de:
http://avalerofer.blogspot.com/search/label/im%C3%A1genes
52. – 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.
Elegimos uno de ellos.
– En velocidad escogemos la duración de las imágenes.
– Por último hacemos clic en el Guardar.
53. • Si accedemos a Plantilla tenemos, en la parte superior, la que estamos
utilizando. Debajo de ella tenemos el botón Personalizar.
54. • Wordpress , al contrario que Blogger, no
admite la inclusión, por cuestiones de
seguridad, de algunas etiquetas HTML que
son fundamentales por ejemplo para incrustar
actividades interactivas, como es la etiqueta
IFRAME (es un elemento HTML que permite
insertar o incrustar un documento HTML
dentro de un documento HTML principal).
55. • Una vez realizada con las herramientas de autor la página
Web conteniendo los recursos interactivos hay que alojarla (y
los archivos que contenga) en un sitio Web. Puede ser
http://sites.google.com.
• Posteriormente, en nuestro blog (en Blogger), en la pestaña
Edición de HTML del editor del blog hay que pegar, donde
deseemos, el siguiente código:
56. • Los parámetros de la etiqueta iframe son los siguientes:
1. src: es la ruta donde se encuentra el archivo que deseo incluir.
2. frameborder: corresponde, en píxeles a la anchura del borde del
marco.
3. height y width: corresponden a la altura y anchura del marco. Hay que
procurar que estas cantidades no excedan el tamaño del marco que lo
contiene.
4. 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.
57. • Algunas de ellas son:
– todoblogger: http://www.todoblogger.com/
– trucos_BLOGS: http://www.trucosblogs.com/
– ciudadblogger: http://ciudadblogger.com/
58. • Invonvenientes:
– Que no le guste al usuario.
– Se necesita que el navegador disponga de un complemento (plugin)
para su correcta reproducción, como Flash Player, QuickTime, etc.
• 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 (http://www.goear.com/): es un servicio Web2.0 que permite
subir y guardar en su servidor archivos de audio.
– Otros sitios similares (http://www.imeem.com)
59. ¿Cómo insertar la música?
1. Buscar la canción.
1. Copiamos el texto que aparece debajo de Inserta esta
canción en tu web.
2. Pegamos el texto en nuestro Blog.
60. • 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:
– Dropbox: https://www.dropbox.com/home
– CX: https://www.cx.com/