Ayudas y herramientas para docentes.

miércoles, 27 de enero de 2016

Posted by Ana Sánchez Arnaldo 10:40 No comments

Configurar las entradas

A la derecha del editor de entradas, haz clic en Configuración de la entrada.
  • Opciones: aquí eliges si permites o no los comentarios de los lectores, escoges cómo se redactan las entradas y añades saltos de línea.
  • Ubicación: aquí puedes añadir tu ubicación.
  • Enlace permanente: configura aquí el formato de tus enlaces.


A la derecha del editor de entradas, haz clic en Configuración de la entrada > Programar y fija el día y la hora de la publicación de tu entrada en el blog.
Para configurar tu zona horaria:
En el escritorio de tu blog, haz clic en Configuración > Idioma y formato > Formato > Zona horaria.

lunes, 25 de enero de 2016

Posted by Ana Sánchez Arnaldo in | 12:41 No comments
Estas son algunas herramientas que nos permiten realizar presentaciones. Exposición fósiles y minerales. Siempre Wix







Un nuevo recurso WeVideo

miércoles, 20 de enero de 2016

Posted by Ana Sánchez Arnaldo in | 12:16 1 comment
Scientist Explaining
Blogger nos ofrece la posibilidad de utilizar alguna de las numerosas plantillas que podemos encontrar en la red. 

Sitios de plantillas gratis para Blogger de uso gratuito:

  • BTemplates: dispone de una galería con más de 3000 plantillas. Se puede navegar por las plantillas de acuerdo a su temática o por las propiedades del diseño. También te permite votar y comentar cada plantilla por su diseño y ver cuales son las más descargadas, las más vistas y las más votadas. Es uno de los mejores sitios. Recomendado 100%.
  • Premium Blogger Templates: excelentes temas ordenados en categorías desde estilo revista hasta galerías para blogs de vídeos.
  • DeluxeTemplates: permite buscar por categorías y cuenta con diseños de 2 o 3 columnas. También proporciona plantillas para WordPress.
  • Soratemplates: Blogspot Templates premium de alta calidad disponibles en diseños de 1, 2 o 3 columnas.
  • Best Theme: también incluye plantillas diseñadas en HTML5 y para WordPress.
  • Cool Blog Templates: otro sitio con plantillas muy elegantes y de excelente diseño para cualquier temática de tu blog.
  • Blog and Web: hay diseños con 1, 2 o 3 columnas, estilo revista, adaptadas de WordPress y de varias temáticas.
  • Bloggerthemes: ofrecen temas de calidad, widgets, herramientas y servicios de personalización.
  • New Blogger Themes: plantillas con diseños en 1, 2 o tres columnas.
  • Blogtemplate4u: ofrece plantillas con diseño de 3 columnas.


Una vez seleccionada la plantilla ideal para mi blog, ¿cómo la subo?

Antes de nada, es más que recomendable hacer una copia de seguridad de tu antigua plantilla en caso de que quieras volver a usarla. También es recomendable tener un blog de pruebas..





Realizar una copia de seguridad:

  1. Selecciona la opción Plantilla del panel principal de Blogger.
  2. Pulsa el botón situado en la parte superior derecha
    "Crear/Restablecer copia de seguridad"
  3. A continuación haz click sobre el botón
    "Descargar plantilla completa"
  4. La aplicación descargará un fichero con extensión XML para guardar en tu pc y que podrás recuperar en un futuro.
Subir la plantilla seleccionada:

  1. Descarga tu Plantilla XML para Blogger. La plantilla está contenida en un archivo comprimido (con extensión ZIP)
  2. Entra en tu panel de Blogger y pulsa en la entrada Plantilla
  3. En la parte superior derecha de la pantalla, pulsa el botón
    "Crear/Restablecer copia de seguridad"
  4. Haz click sobre el botón "Seleccionar archivo". Busca la ubicación de tu plantilla y selecciónala. Después pulsa el botón "Descargar"
  5. Por último pulsa el botón "Subir" para hacer efectivo el cambio de plantilla.
Ya hemos realizado todos los pasos necesarios para disfrutar del nuevo diseño, pero no son suficientes.

En mi caso, aparecieron los widgets desordenados, el tamaño de las imágenes no era el adecuado, los textos estaban en inglés, las opciones de la toolbar eran ejemplos inservibles y un largo etcétera.

Para realizar un "ajuste fino" no vamos a tener más remedio que editar el código de la plantilla en formato HTML. Si cuentas con un perfil técnico en desarrollo web, no vas a tener ningún problema.

Para ello, volvemos a la opción Plantilla y pulsamos el botón "Editar HTML".

Es importante:
  • Descarga plantillas desde la página oficial de su autor, así te aseguras que esté libre de código malicioso.
  • No sobrecargues el blog con un exceso de gadgets innecesarios que ralentizaría el blog. 
  • Evita las fuentes personalizadas.y uso de fondos oscuros (negros), salvo necesidades de acceso, optando por otros más legibles.
Si quieres saber más puedes acceder a conceptos básicos de programación en los siguientes enlaces:



Codecademy es una plataforma interactiva en línea que ofrece clases gratuitas de codificación en lenguajes de programación como Python, PHP, JavaScript, y Ruby, así como lenguajes de marcado incluyendo HTML y CSS y también uso de API's.




CoffeeCup- Editor de html es un editor de html gratis (también versión de pago) para aquellos que quieran progresar con su blog editando plantillas y web temáticos. 

jueves, 14 de enero de 2016

Posted by Ana Sánchez Arnaldo 11:42 No comments

FlowVella - Crea presentaciones con estilo


FlowVella es una aplicación que permite crear publicaciones con sistema de desplazamiento lateral, incluyendo imágenes, textos, vídeos, archivos PDF, enlaces y galerías de fotos.  Te permite crear y presentar directamente desde tu iPad, o compartir con cualquier dispositivo. Es una App gratuita.



lunes, 23 de noviembre de 2015

Posted by Ana Sánchez Arnaldo 8:36 No comments
Accedemos a blogger mediante nuestros datos de acceso.

Una vez identificados, para crear una nueva entrada, hacemos clic en el botón redactar y escribimos el título de la entrada.
En la entrada además de texto podemos incluir imágenes, vídeos así como embeber otro tipo de herramientas-

Al redactar hemos de tener en cuenta:

·        El título de la entrada.
·        El editor, compuesto por dos pestañas: Redactar (editor WYSIWYG  que dispone de una barra superior de botones para formatear el texto y para incluir elementos multimedia y que permite el diseño visual de la entrada) y HTML (mediante la cual accedemos al código fuente de la entrada).
·        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.
·        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.
·        Un último apartado es el de Opciones: Puede permitir o no los comentarios de los lectores y opciones de HTML
Opciones de texto.
Para agregar texto, cuando creamos una entrada, utilizamos básicamente el teclado. Es conveniente no incluir textos procedentes de otras páginas Web, ya que podrían incluir códigos que podrían dificultar o variar nuestra publicación.
Nota: Para pegar texto en una entrada del blog podemos:
- 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.
- Bien 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.
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 funciones muy parecidas. Una vez seleccionado un texto podemos elegir para el mismo:
Pruebe a escribir cualquier texto y utilice el botón Publicar, con lo que tendrá creada su primera entrada.
Imágenes y vídeo.
Con respecto a las imágenes en los blog:
-       No deben interrumpir el texto ni dejar poco espacio para el mismo.
-       Salvo excepciones, su tamaño no debería sobrepasar los 500 píxeles de ancho.
-       Tienen como función ilustrar o apoyar el contenido.

En Internet encontramos básicamente tres formatos de imagen:


Colores
Transparencia
Compresión
jpg
Más de 256
No
gif
Hasta 256
Sí (un color)
No
png
Más de 256
Sí (hasta 256 colores)
Sí (sin pérdida)


Como podemos ver, el formato que reúne más posibilidades es el png, aunque quizá sea más frecuente encontrar imágenes en formato jpg.
Hemos de tener en cuenta que:
-       Una  imagen  extraída de una cámara de fotos tiene un peso excesivo para Internet. Hay que reducir su tamaño (redimensionar) con aplicaciones como GIMP o el editor Picpick o bien recortar la imagen.
-       Nombres de archivos. Es importante, cuando nombremos archivos no incluyamos mayúsculas, eñes, tildes, caracteres especiales o dejar espacios en blanco (es aconsejables incluir el guión bajo)

3.1 Insertar imágenes.

Uno de los iconos del editor Web nos permite insertar una imagen o fotografía en las entradas de su blog: el icono Inserta imagen:
Al hacer clic sobre él aparece una ventana emergente que nos permite incluir una imagen en nuestro blog desde:
-       Nuestro equipo, haciendo clic sobre el botón 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 tu webcam.
-       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í.
-       Una vez subidas las imágenes, para insertarlas en una entrada podemos elegir las que queramos (una o más de una) y, una vez hecho, hacer clic en el botón Añadir las imágenes seleccionadas.
Cuando está insertada una imagen en una entrada, al hacer clic sobre ella podemos elegir: tamaño, alineación, añadir leyenda o eliminarla.

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

Nota: Aunque podemos elegir varios tamaños a una imagen, lo ideal es subirla en el tamaño que deseemos que tenga en nuestro blog. Para trabajar imágenes disponemos de aplicaciones de retoque y creación de imágenes como GIMP o PicPick. 


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. Obviamente deberá esperar unos minutos para que concluya la subida (variará el tiempo dependiendo del tamaño del archivo).

                  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.
                  From your webcam.
También podemos insertar o embeber vídeos de otras plataformas, solo tenemos que añadir el código HTML del mismo.



De esta manera podremos insertar imágenes, vídeos y otras herramientas.
Otras herramientas:
Yumpu


Amagüestu 2015

POSTED BY ANA SÁNCHEZ ARNALDO ON 22:58 NO COMMENTS


Si quieres saber más sobre cómo crear tus propios gifts animados puedes hacerlo en estos enlaces pulsando sobre la imagen.




Un ejemplo sobre cómo trabajar las praxias (sólo tienes que subir tres imágenes y la aplicación te ofrece el código que embeber en tu blog) o imágenes para Halloween.

http://picasion.com/

http://picasion.com/
http://picasion.com/



















miércoles, 18 de noviembre de 2015

Posted by Ana Sánchez Arnaldo in , | 10:56 No comments


















Google Calendar.

Google Calendar te permitirá gestionar calendarios que quedarán vinculado a tu cuenta de Google.
Calendar es un servicio web y por lo tanto accesible desde cualquier lugar y en cualquier momento usando un navegador web.
Te permitirá incluir:

  • El nombre y descripción. 
  • La ubicación y la zona horaria. Importante para localizar el calendario y mostrar los cambios horarios si éste se visualiza desde otra zona.
  • Publicar calendarios publicos o privados. En ejemplo de calendario publico es por ejemplo los días festivos nacionales. 
  • Compartir el calendario con otra persona, además puedes especificar si ésta ve los detalles o solo los huecos ocupados y libres entre otras opciones.
Además permite incluir recordatorios, en ellos podrás especificar como quieres recibirlos, bien a través de correo electrónico, móvil, SMS...

Pasos para insertar google calendar en tu blog.

PASO 1 CREAR UN CALENDARIO EN GOOGLE CALENDAR.

Sigue estos pasos para crear tu primer calendario, piensa que será el que usarás para luego insertar en tu blog.



  1. Accede a Google Calendar
  2. En el panel de la izquierda, donde pone Mis calendario, haz clic el icono flecha abajo
  3. En el menú que se muestra, haz clic en Crear nuevo calendario
  4. Se abrirá una nueva ventana donde deberás indica el nombre, por ejemplo el nombre de tu blog o por ejemplo "calendario para blog"
  5. Cumplimenta el resto de datos, como son la franja horaria y demás.
  6. Marca el calendario como publico
  7. Una vez terminado, presiona el botón Crear calendario
Fíjate ahora, una vez creado el calendario éste se muestra en la zona de Mis Calendarios y está seleccionado. Cada calendario tiene
su propio desplegable que te permitirá acceder a un menú contextual, donde entre otras opciones tienes la de configuración, notificaciones, color para identificarlo, etc. (fíjate en la imagen de la derecha)

PASO 2. CREAR TU PRIMER EVENTO EN EL CALENDARIO

Ya tenemos el calendario creado, vamos ahora a insertar en el un evento de pruebas para disponer de al menos un dato, para ello sigue estos pasos para crear un evento

  1. Haz clic en el botón rojo Crear
  2. En la nueva ventana que se abre indica básicamente lo siguiente:
    • Título del evento
    • El día y fechas de inicio y de fin
    • Puedes especificar si es todo el día e incluso si este evento se repite a lo largo del tiempo.
    • Asegúrate que en apartado Calendario se muestra el que acabas de crear.
  3. Puedes asociar a cada evento un recordatorio para que te avise antes del mismo.
  4. Presiona Guardar cuando lo tengas.
Una vez guardado nuestro evento de pruebas, verás nuevamente tu calendario y si todo va bien, ya tienes el primero de los eventos. Comentarte que puedes seleccionarlo y arrastrarlo de día, o alargarlo en el tiempo, además de acceder acceder a otras opciones, simplemente seleccionando el evento. Además fíjate que el calendario tiene una serie de pestañas (día, semana, mes, 4 días, agenda) que te permitirá cambiar de vista. 

Repite este segundo paso para crear nuevos eventos, trastea con los recordatorios y hazte con la herramienta. Si accedes al icono de configuración que tienes en la parte superior derecha accederás a la configuración general de Google Calendar que también debes revisar y configurar.

PASO 3. CREAR EL VISOR PARA INCRUSTAR TU(S) CALENDARIO(S) EN EL BLOG

Llegados a este punto, tienes el calendario el cual tiene un evento de prueba, ahora vamos a obtener el código HTML para poder insertar el visor del calendario en el blog. Para ello sigue estos pasos:

  1. Haz clic en tu calendario para que muestre el menú desplegable
  2. Haz clic en la opción que pone Configuración del Calendario
  3. Una vez dentro de la configuración del calendario, baja hasta que veas el apartado Incrustar este calendario
  4. Haz clic en el enlace que pone Personalizar el color, tamaño y otras opciones.
  5. Se abrirá ahora una nueva pestaña en el navegador. Tienes delante un pequeño asistente con el que vas a tener que experimentar un poco. Tienes un apartadoMostrar, donde decidir qué elementos quieres que tenga tu visor. Vista predeterminada, el ancho y el alto. También el día por el que empieza la semana, color y otros atributos de tu visor. Además fíjate que en el visor puedes combinar otros calendarios. Tendrás en todo momento una simulación de como va a quedar.
  6. Cuando tengas tu configuración, deberás copiar el código HTML que te ofrece la propia página. Copia y deja la pestaña con esta herramienta abierta.


PASO 4. INTEGRAR EL CALENDARIO EN BLOGGER

Tienes el código copiado en el portapapeles, ahora vamos a insertarlo en el blog. Lo más lógico es que te crees una nueva página (no post).


















Accede a Blogger

  1. Selecciona tu blog
  2. Haz clic sobre el apartado Páginas, a la izquierda
  3. Haz clic en el desplegable Página nueva y selecciona Página en Blanco
  4. Se abrirá el editor de páginas (muy similar al de post)
  5. Pon un título a tu página (Calendario, Cursos, Campeonatos....)
  6. Haz clic en el botón HTML
  7. Pega el código que tienes en el portapapeles
  8. Haz clic en el botón Publicar
  9. Si tenias el Gadget de páginas ésta ya debe mostrarte, si no lo tienes selecciona el desplegable Mostrar páginas como  y selecciona Pestañas principales.
  10. Visualiza tu blog y accede a tu nueva página donde muestras el calendario.

Puedes ajustar el tamaño modificando el codigo HTML que insertas en tu blog.
En nuestro blog de aula insertamos como medidas: height="480"   width="480"

























Search