Ir al contenido principal

Entradas

Mostrando entradas de octubre, 2012

Incrustar documento tipo Scribd en blog desde Google Drive

Si el documento realizado en Word, contiene enlaces estos funcionarán perfectamente dentro del artilugio, pero si al subir el documento, como en mi caso, al tener muchas imágenes y con distintos ajustes a la derecha y a la izquierda, se descoloca en Drive, entonces la solución es pasarlo a Pdf, de la forma que se indica en este post . Aunque hay que decir, que si se pasa a pdf, y este tiene enlaces, al subirlo los enlaces no funcionarán.

iDoceo: "Cuaderno de profesor" para ipad

Para los que llevamos ya tiempo queriendo deshacernos del antiguo "Cuaderno de notas del profesor" en papel, y estamos hartos de aburridas hojas de cálculo, por fin llega iDoceo , un práctico y configurable "cuaderno del profesor" para iPad. Puedes insertar y editar cualquier información referente a clases, materias y alumnos; y moverla, importarla y exportarla en cualquier momento, sin tener que estar conectado a internet . Características principales: Backup completo y restauración mediante un enlace a tu cuenta de Dropbox Alumnos a la vista Exportación e importación en formatos PDF, CSV, XLS Organización de clases en pestañas, páginas y columnas Puedes añadir texto, iconos, colores en cualquier celda Diario de clases configurable Guarda la posición exacta de los alumnos Ventanas para dos horarios Pueden añadirse fotos y audio Funciones de e-mail Entra en su web www.idoceo.net y pruébalo

Generadores de CSS on-line

Siguiendo con los artículos anteriores sobre CSS y web, hoy os mostramos algunos servicios que nos ayudan a crear la CSS de forma sencilla: CSS creator: http://csscreator.com/ . Tiene varias opciones, un generador de Layouts CSS (capas), un generador de menús desplegables y un generador de hojas de estilos. CSS3 generator: http://css3generator.com/ Me permite crear estilos para objetos independientes. CSS Layout generator: http://csslayoutgenerator.com . Me da el código CSS para capas. CSS Source Ordered Variable Border 1-3 Columned Page Maker: http://www.positioniseverything.net/ Tableless Code Generator for column layout: http://www.maketemplate.com/csstemplate/ Generador de CSS on-line: http://www.css3maker.com/ . Es un poco más complicado que los anteriores pero también más completo.    

Unidades de medida en una web o blog, ¿que sabemos de ellas?

En una web, las unidades se emplean para definir la altura, anchura y márgenes de los elementos y para establecer el tamaño de letra del texto.  Se distingue entre unidades absolutas y relativas (aquellas que  definen su valor en relación con otra medida).  Lo más recomendable es utilizar unidades relativas ya que de esta forma un usuario con defectos de visión puede aumentar el tamaño del texto que esta viendo en su navegador para poder leerlo. W3C , consorcio internacional que fija las Pautas de Accesibilidad en la Web, nos indica: Use relative rather than absolute units in markup language attribute values and style sheet property values. [Priority 2] Emplee para el marcado unidades relativas antes que unidades absolutas, y por medio de valores de las propiedades de las hojas de estilo. (Prioridad 2)  Esto nos anima a utilizar emplee em o tamaños en porcentajes antes que puntos (pt) o centímetros (cm), que son unidades absolutas. Unidades ABSOLUTAS in del in

Publicar gráficos de paises con Google Docs

Si estamos trabajando con datos estadísticos de países puede resultar interesante y útil, insertar estos singulares gráficos que  podemos crear de una manera muy rápida con Google Docs , puesto que reconoce los nombres de los países escritos en una hoja de cálculo sin ningún problema y puede representarlos en un mapa . Aquí el ejemplo que muestra Google. Aquí otro con el Top 10 de los países con mayores usuarios de Internet. Los mapas que puedes ver a continuación los creé en su momento para la  estadística  del proyecto colaborativo Nuestros Pueblos Veamos con detalle como lo haríamos: 1º Como siempre, partimos de una hoja de cálculo que debe contener: Una columna con el nombre de los países Datos numéricos de dichos países 2º Seguidamente insertamos el gráfico :  Insertar--> Gráfico 3º Seleccionamos el tipo de gráfico denominado Mapa Verás que ofrece dos posibilidades: 1º Tabla geográfica- Regiones : Marca y delimita la zon

CSS para nuestra web o blog

Wikipedia nos dice que CSS, hojas de estilo en cascada es un lenguaje usado para definir la presentación de un documento estructurado escrito en HTML. Una hoja de estilos CSS consiste en una serie de reglas. Cada regla consiste en uno o más selectores y un bloque de estilos con los estilos a aplicar para los elementos del documento que cumplan con el selector que les precede. Cada bloque de estilos se define entre llaves, y está formado por una o varias declaraciones de estilo con el formato propiedad:valor;. Hasta aqui, la teoría, ahora la práctica. Esta muy bien utilizar hojas de estilo en nuestras webs ya que nos dan sensación de unidad, es decir que los mismos objetos (imágenes,  tablas, listas ..) tendrán el mismo aspecto en todas las hojas de la web. Amén de que es muy util tener separado el contenido del estilo, sobre todo de cara  afacilitar su lectura a personas que tienen discapacidad visual y necesitan utilizar lectores para navegar en la web. Actualmente su uso es

TACKK: Otra forma sencillísima de publicar contenido multimedia en Internet

Hoooola de nuevo. Al final del curso pasado, publiqué una entrada en este blog presentando una genial web ( Checkthis ) que les servía a los alumnos para publicar "miniblogs", noticias, anuncios, presentaciones multimedia,... en Internet de manera sencillísima. Cada vez están apareciendo más webs que nos permiten crear nuestras páginas multimedia de manera MUY sencilla y compartirlas después con los demás. Incluso en algunas de ellas (como la que vamos a ver hoy o la citada anteriormente) nos permiten hacerlo sin ni siquiera registrarnos.  La "agilidad" que nos ofrecen este tipo de webs, me parece perfecta para el trabajo día a día con las TIC en el cole: No se pierde tiempo con registros y recordando mil veces la contraseña a los más "merluzos/as" de la clase, no hay que dedicar demasiado tiempo a explicar cómo funciona la página, una misma página nos puede servir para muchas actividades,... Pues bien, hace poco me enteré (a través de  u

Crear y publicar gráficos animados con Google Docs

Una de las opciones incluidas dentro de las hojas de cálculo de Docs, y que seguro muchos usuarios desconocen es la posibilidad de crear sencillos gráficos animados con los resultados de una tabla de datos. Es una posibilidad que he podido probar y resulta muy fácil de crear, los resultados son creo espectaculares y una vez mas comprobamos el gran potencial que guarda y ofrece Docs para que publiquemos estadísticas y trabajos en el aula. Aquí un ejemplo que ofrece Google. Explico paso a paso como hacerlo: 1º Partimos de una tabla que realizamos en una hoja de cálculo, que debe cumplir unas premisas: -La primera columna debería contener entidades (por ejemplo: paises, provincias, hombres, mujeres...) en función de la cual se realiza el estudio. - Una columna "fecha"(año) para mostrar la evolución. - Una o varias columnas con datos numéricos Como ejemplo pongo el Estudio de la evolución del paro en 4 comunidades autónomas, desde el año 2005 hasta el 2

Abre tu aula con #eTwinning

Os dejo con esta presentación que tuvo lugar el pasado 18 de octubre, sobre eTwinning dentro del aula en los centros educativos, organizado por la Red Social INTEF, en colaboración con Internet en el Aula. Este Webinar trató sobre un acercamiento al portal eTwinning, la presentación del Escritorio del docente, del espacio de colaboración europeo, y de las posibles vías de integración de eTwinning en el currículo.  Puedes ver el Webinar completo con WizIQ

Crear gráficos estadísticos con chartle.net

Las matemáticas y sobre todo la estadísitca están muy presentes estos días en tre todos nosotros. Por ello, os mostramos este servicio gratuito para crear gráficos: http://www.chartle.net/. Este servicio esta basado en JAVA y nos permite crear gráficas de todo tipo: gráficas de barras, de tarta, lineales, circulares, de diagramas... Solo tienes que crear filas y columnas, luego te irá pidiendo los datos necesarios para generar tu gráfico. Al final de todo el proceso, obtendremos,un código para insertar el gráfico en tu web o blog. Pasos: Pinchar en "create you on" Se abrirá una ventana en "java" de bienvenida que en la parte superior tiene una serie de pestañas que indican el tipo de gráfico que quieres hacer. Para un diagrama en barras, pinchamos en la pestaña "bar" y eligmos el tipo de diagrama de barras que necesitamos. Tiene 3 subpestañas: General: nos sirve para poner el titulo, colores, posicion y tamaño Data: a través de esta p

Crear alertas con Google

¿Como me puedo enterar de lo que se publica en Internet de un tema, persona o institución?. Muy facil, creando una alerta con el servicio de Alertas de Google : http://www.google.com/alerts?hl=es .  Es muy facil de usar: inicia sesión en google o crea una cuenta ingresa en el servicio de alertas: http://www.google.com/alerts?hl=es . Te aparecera un formulario donde te piden que ajustes los terminos de la búsqueda que quieres realizar: en el campo "consulta de búsqueda" el tema que te interesa,  la frecuencia de búsqueda  y el email a donde quieres que te envien los resultados  Por último tienes que pinchar en el botón de "crear alerta" y Google, buscará por tí y te enviara los resultados de esa búsqueda a tu email.  Puedes crear tantas alertas como quieras.   Las alertas de Google son mensajes de correo electrónico que recibes cuando Google encuentra nuevos resultados (por ejemplo, páginas web, noticias, etc) que coinciden con tus consu

Los colores y la visión dicromática, ¿todos los vemos igual?

Muchas veces ponemos artículos en nuestras webs y blogs utilizando colores que nos parecen que dan una visión "bonita" al conjunto. Lo que rara vez pensamos es como lo ven los demas y sobre todo las personas que tienen algún problema de visión del color.  Existen personas cuya visión es dicromática es decir, no ven un color primario. En este caso, existen tres tipos de problemas que se pueden presentar: El protanope, es ciego al rojo, ve mal el verde y conserva bien la visión del azul. El deuteranope es ciego al verde, ve mal el rojo y bien el azul. El tritanope no ve el azul y sí el rojo y el verde. Visión Normal Deuteranope Protanope Tritanope Colour Blindness Simulator , es un simulador que nos permite simular los tres tipos de visión ya que nos permite simular como ven estas personas una imagen o web según los colores presentes. Para ello tenemos que subir una imagen de la web o fotografia que queramos simular. Podem

CloudKafé: organiza tu nube

A diario usamos un montón de herramientas de Internet basadas en la nube, en donde alojamos vídeos, documentos, música, imágenes... Para ir de un servicio a otro tenemos que saltar de una web a otra. Al igual que utilizamos gestores para las redes sociales (Hootsuite, TweetDeck), que nos facilitan el gestionar más de una red social, os propongo el uso de CloudKafé. A través de esta web podemos sincronizar Box, SugarSync, Dropbox, Google Docs, Evernote, Imágenes de Facebook, Picasa, Flickr, SmugSmug, Evernote, Catch, Vimeo y Youtube. Todas estas herramientas se organizan en: documentos, imágenes, vídeos, notas y contactos. La opción de sincronizar música aún no está disponible.  En definitiva, a partir de una cuenta en CloudKafé vas conectando todas las cuentas que tengas en la nube. Solo tenemos que navegar por el material sin tener que estar saltando de web en web.

¿Como saber si los colores que empleo en mi web o blog son accesibles?

¿Como saber si los colores que empleo en mi web o blog son accesibles?.  Las combinaciones de los colores de fondo y primer plano han de tener suficiente contraste para ser percibidas por personas con deficiencias de percepción de color o sobre pantallas en blanco y negro. Dos colores ofrecerán una buena visibilidad si la diferencia en brillo y en color entre ambos es mayor que cierto umbral establecido.  Según W3C las formulas a emplear en cada caso son: Fórmula de Brillo de Color ((valor de Rojo X 299) + (valor de Verde X 587) + (valor de Azul X 114)) / 1000. La diferencia entre el brillo del fondo, y el brillo del primer plano debe ser mayor que 125. Fórmula de Diferencia de Color (máximo (valor Rojo 1, valor Rojo 2) - mínimo (valor Rojo 1, valor Rojo 2)) + (máximo (valor Verde 1, valor Verde 2) - mínimo (valor Verde 1, valor Verde 2)) + (máximo (valor Azul 1, valor Azul 2) - mínimo (valor Azul 1, valor Azul 2)). La diferencia entre el color de fond

Bases de datos de Open Access.

En el mundo de hoy Internet se ha convertido en gran recurso para la búsqueda de información, es tal el nivel de información que se puede encontrar, que hoy se habla de una sobreinformación  es decir tenemos más información de la que podemos asimilar y no solo eso, además nos encontramos con otro problema, quien nos dice que la información que consideramos útil para nuestras necesidades es información veraz y comprobable. Más allá del sentido crítico que tenemos que desarrollar hoy en día, en esta nota queremos comentarte acerca de un recurso que nos puede resultar muy útil para encontrar información que no sea falsa. Este recurso se trata de las Bases de datos Open Access (Acceso abierto). Cabe señalar que el movimiento Open Access o Acceso abierto en español, es un movimiento internacional que tiene como objetivo que cualquier persona en el mundo, con una conexión a Internet, pueda acceder libremente, sin ninguna restricción de tipo económico, técnico o legal, a la informaci

¿Dónde están las entradas de mi blog?

En los blogs con varios autores, como los que realizamos con alumnos, en ocasiones ocurre que, cuando se publica un artículo, las entradas anteriores no aparecen. ¿Qué ha sucedido? Suenan las alarmas y no se sabe el origen del problema. Si se publican nuevas entradas aparecen normalmente en el blog, pero ¿y las antiguas? La respuesta está en que alguien, por error, ha puesto una imagen usando la opción COPIAR - PEGAR. En la barra de edición de blogger, el icono correcto para insertar una imagen es el que está marcado: Podemos subir una imagen desde nuestro ordenador, una imagen del blog, subir una foto de Picasa, del teléfono, de la webcam o enlazar el archivo desde una url. El código HTML habitual de una imagen sería más o menos como sigue: <img border="0" height="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1HowM4DdKZjMq2Fo2M1F4VEhfhyQ1hS3OBRbotexinaEaxMgsTaSLW16FUVwOBZ3aeeWjOjiTTHfuVJSzA9VAaYzGVji-HkX1kbIj

Sparkol, crea tus videos "stop-motion"

Sparkol VideoScribe es una herramienta original para crear diseños de vídeos animados rápida y fácilmente,   sin necesidad de muchos conocimientos técnicos o de desarrollo de diseños gráficos,  replicando un estilo de captura de “stop-motion”, a modo de pizarra virtual, de dibujo que es tan popular en los comerciales ... El inconveniente es que o bien optamos por una cuenta gratuita trial de siete días, o comprarmos la versión PRO por el “módico” precio de 150€ al año. Por lo que con la versión trial nos debe resultar suficiente ya que podemos registrarnos con distintas cuentas, tal y como sucede con muchas aplicaciones. Basta con crear una cuenta gratuita, descargar el programa de escritorio para el ordenador y empezar a crear.   Su manejo resulta bastante intuitivo ya que se trata de añadir objetos, textos y música a nuestra “pizarra virtual”, y ordenar los tiempos de la secuencia. Así, os dejo dos vídeos, el primero mostrando el resultado obtenido en la realización de un

Cool Text, generador on-line de logotipos

Cool Text es un servicio on-line para la creación de logos sencillos: http://es.cooltext.com/ . No es necesario registrarse y tiene gran diversidad de modelos entre los que elegir. Para crear tu logo solo tienes que pinchar sobre el modelo que te gusta. De ahí pasaras a una página donde además de meter el texto de tu logo, podrás cambiar tamaño de letra, tipo, textura, gradiente ... Al final de la página solo tienes que elegir el formato del archivo: XCF, PSD, PNG, JPG, GIF  y pinchar en el botón "Rendir Logotipo" Esperamos un poquito, y nos aparecerá el link para descagar nuestro logo Hay que fijarse bien, este link está debajo de la imagen del logo que hemos creado. También puedes iniciar la descarga, pinchando sobre el propio logo.