-Bienvenido---

OBJETIVO DE ESTE BLOGOfrecer recursos didácticos variados e ideas metodológicas a profesores y alumnos de historia, geografía, arte y sociales seguir leyendo =>

SOBRE EL AUTORYo soy Francisco Ayén, profesor de educación secundaria de Alicante, con este blog diversifico la metodología y organizo mi trabajo seguir leyendo mi perfil => ir a Internet y educación =>

CÓMO VISITAR ESTE BLOGEn la página principal sólo está el índice con todas las entradas y el objetivo del blog. También puede usar el menú horizontal desplegable y ver las novedades en la columna lateral.


7
Recursos para tu blog web

RECURSOS PARA TU WEB / BLOG   Aquí voy colocando enlaces útiles hacia las herramientas de edición web, códigos, recursos, etc. que utilizo, he utilizado o me gustaría usar.

Crea un blog con blogger (como este)

La opción que recomiendo para crear un blog de aula es blogger, la plataforma de Google. Considero que es mejor que la otra alternativa (wordpress) por varias razones:
  1. Es totalmente gratuito. En wordpress tienes que pagar para poder contar con todos los servicios, los servicios gratuitos son limitados.
  2. No incluye publicidad, wordpress sí.
  3. Te permite mayores opciones de edición y diseño, wordpress cuenta con más incompatibilidades. Bajo estas líneas, en la tabla azul, hay enlaces a sitios que te permiten mejorar tu blog en blogger.
Aquí hay una presentación tutorial para empezar con tu blog.

Hay que reconocer que Wordpress supera a blogger en dos puntos: tiene un editor online de entradas más completo y permite subir archivos de varios tipos, no sólo imágenes como blogger. Pero estas dos carencias de blogger se pueden contrarrestar usando otros servicios. Para editar contenidos fácilmente podemos usar este sitio o este y luego copiar el código en nuestra entrada de blog. como este o este. o subir archivos.


Además del blog, la otra herramienta que recomiendo es la wiki. A diferencia del blog, que se usa para que sea el profesor el que cuelga material,  la wiki está pensada para que los alumnos pueden elaborar y subir materiales. Lo más útil es que con una wiki puedes subir archivos de muchos tipos, lo que permite solucionar esta carencia de blogger. Yo estoy satisfecho con los resultados de combinar ambos servicios, blog para subir contenidos, wiki para subir archivos que luego coloco en el blog y para que los alumnos creen sus contenidos. Aquí puedes ver un tutorial para empezar con tu wiki en wikispaces.  

En el dibujo de la derecha Nestor Alonso  nos da cinco en razones para tener tu propio edublog:
 ...




 EDICIÓN Y DISEÑO WEB
Consejos para el diseño de tu blog:
  1. Facilita la navegación con un menú (ya sea horizontal o vertical en la columna lateral) y colocando en cada entrada la etiqueta correspondiente.
  2. No sobrecargues el blog con elementos innecesarios que ralenticen su inicio.
  3. Evita los fondos oscuros y los contrastes insuficientes (como pasa con este texto).
  4. Nunca pongas música que se inicie automáticamente, cada uno tiene sus gustos musicales.
  5. Respeta la autoria. Si pones material de otro profesor coloca la fuente y un enlace a la página del autor.
.
Cientos de plantillas gratuitas para tu blog de blogger en btemplates
Página de inicio fija (como en este blog) en bloguermast .
Generador de menús
Últimas entradas, esta es la única posibilidad que no genera errores ni ralentiza la carga del blog. Esta pensado para las últimas entradas por etiquetas, para todo el blog cambiar feed de la etiqueta por: http://tublog.com/feeds/posts/default/?start-index=1, y añadir más modificando el número final.
Editor online de botones para enlaces o títulos
Códigos de los colores: o en este, o en este.
Marcadores dentro de la misma entrada
Aprende a editar en lenguaje HTML: http://vagabundia.bolsanegra.net/
Imagen que se agranda al pasar el cursor
Emoticonos en tu blog
Chuleta para editar tu plantilla con HTML.
Ocultar parte de los post
Editar frases aleatorias 
Slide de imágenes/texto y enlaces
Guardar entrada en pdf
Imagen como firma de entradas
Barra de herramientas flotante
Botón para facebook y twitter
Leer  más
Menú acordeón deslizante
 Slide en cabecera
Editor online de html (pega el código)
Solución al numero de entradas que aparecen por etiquetas
Elimina el enlace de la imagen  en blogger
Gadget de entradas al azar
Ocultar/Eliminar el mensaje "Mostrando entradas con la etiqueta...
.


COMPLEMENTOS PARA TU BLOG/WEB
.
Cientos de Gadgets de google para tu web .
Insertar un documento PDF: http://docs.google.com/viewer
Introducir un chat en tu web: aquí o aquí.
Últimas entradas con descripción e imagen  aquí
Marcadores sociales para tu blog aquí.
Abrir enlaces externos en nueva ventana: aquí 
Bloquear una IP en blogger
Compra de un dominio
Calificaciones para tus entradas
Reproductor de música Mixpod
Frase aleatoria en Oloblogger
No poner gadget de entradas al azar: ralentiza demasiado el blog.
.

 




SITIOS GRATUITOS PARA SUBIR ARCHIVOS 
.
http://www.fileden.com/
(pulsa aquí para ver un tutorial sobre fileden)
(pulsa aquí para ver un segundo tutorial sobre fileden)
Alojador rápido y gratuito; http://www.xooimage.com/fr/.
 Sitio para subir tus imágenes: http://www.flickr.com/

.
 
CONTADORES DE VISITAS
.
http://www.google.com/analytics/
http://www.histats.com
.

 
ACTIVIDADES EN INTERNET, EDITORES Y DESCARGAS. 
.
Mas de 100 generadores online por tipos
Crea tu mapa personalizado con google maps (iconos extra)
Encuestas, test con recepción de respuestas, el más completo.
Editor de crucigramas, sopas de letras, etc. online: proprofs
Editor de flash de preguntas con 4 opciones: Mystudiyo 
Editor de puzles online: Jigsawplanet  otro: jigzone.com/puzzles
Crea juegos personalizados Fyrebug
Recortables históricos Creative Park Paper Wargames
Editor de libros en 3d: Zooburst
Editor de libros-cuentos: Storyjumper 
Editor de cómics online; Pikikids
Hot potatoes, tutorial
Editor online de preguntas MyStudiyo
Editor de esquemas online Lovely Charts 
Editor de encuestas gratuito  Survey Monkey
Taller de podcast y videocast de Antonio Solano
Actividad de edición de periódicos en Eduteka
Moodle, tutorial
.
 




SITIOS GRATUITOS DONDE ENCONTRAR O EDITAR IMÁGENES 
.
Botones y palabras flash; Cooltext.com
Editor de foto montajes: Montagraf 
Diseña tus imágenes y gifs personalizados: Imagechef
Gifs animados varios: La casa del gif, Gifs de AOE 
Presentaciones flash online con imágenes photopeach 
Fondo de imágenes: http://allday.ru/index.php 
Crea un glog (collage-mural en flash) 
Eliminar enlace por defecto de las imágenes
Imágenes libres de derecho de autor: Morgue File
Buscador a la inversa Tineye, te dice donde está una imagen en al web
Obtener coordenadas de una imagen para poner links
Historia con legos.
.
 ANIMACIONES Y PRESENTACIONES
.
Para subir tus presentaciones power-point, pdf o open office: Slideshare.net
Para diseñar presentaciones o animaciones flash Prezi.com
.
 SITIO PARA SUBIR TUS VÍDEOS
http://es.youtube.com
Vídeo que empieza automáticamente
 EFECTOS FLASH PARA TU WEB
.
Decenas de efectos flash gratuitos, yo destacaría el creador de puzles a partir de imágenes, mensaje pequeño con lupa, el mensaje oculto sobre que se ve al frotar, fotos con marcos y animaciones los de cuenta atrás, y muchos más: http://pageplugins.com/

Frases y banner flash muy vistosos con flashvortex
Palabras flash; Cooltext.com
Presentaciones de imágenes: Goodwidgets.com
Flash editables: intro, intro 2, intro 3, intro 4menú carrusel, menú curvo en 3d,
.
 
AÑADIR TU WEB/BLOG A LOS BUSCADORES
Para Google: google.es/addurl/?hl=es&continue=/addurl
Para Yahoo: siteexplorer.search.yahoo.com/es/free/submit
Para Dmoz: dmoz.org/
Para Bing: bing.com/docs/submit.aspx
.
OTRAS HERRAMIENTAS WEBMASTER: .
Copia del Blog
Evitar que te copien (todo el blog o entradas): forobeta
Valoración y errores de tu blog/web; http://rank.emezeta.com/
Correo electrónico: http://mail.live.com/
Para descargarte los programas que necesites: http://www.softonic.com/

Análisis de tu web para localizar enlaces rotos aquí o aquí.
Predictor de pagerank (categoría de google) aquí (link.exer)aquí
Controlar el tiempo que tarda en cargarse la web aquí.
Cuanto tiempo tarda tu web en cargarse: http://www.webwait.com/  http://tools.pingdom.com/
Saber si te han copiado: http://www.copyscape.com/
Verificar tu web pwg para google; aquí
Redireccionar un blog
Registro de propiedad:      http://www.safecreative.org/ 
Publica tu propio libro
Diseña y compra camisas y otros accesorios.
Acceso directo para apagar ordenador. 
.
OTROS SITIOS CON RECURSOS PARA TU BLOG-WEB


Si tienes alguna duda o alguna consulta sobre utilidades web, en los comentarios puedes consultármela, y te ayudaré en la medida de mis posibilidades (recuerda que yo no soy webmaster):


Comentarios hacia esta página:
Comentado por: Sun Jul 19, 3:47 am

colombianoscrossfire


oye hermano si te queda facil me podria decir como poner la nube de tags

Comentado por: Sun Jul 19, 8:15 am

profesorfrancisco


Saludos colombianoscrossfire, yo usé este cógigo: http://www.paginawebgratis.es/forum/viewtopic.php?t=23415&highlight=nube+tags pero también tienes este editor online de nube de tags: http://www.tagcloud-generator.com/

Comentado por: Mon Sep 14, 10:29 pm

profesorfrancisco


Respondiendo a la pregunta de Jover Medina sobre como entrar en los buscadores, yo usé estas indicaciones del foro de pwg: http://www.paginawebgratis.es/forum/viewtopic.php?t=38731&highlight=salir+google aunque nunca se sabe cuánto tardarán en hacerlo (en yahoo no sale esta web, a pesar de mis repetidas sugerencias).

Comentado por Alberto Rubio, Tue Oct 6, 7:53 pm:
Acabo de empezar en este mundo de blogs y web y, por lo que veo en tu página, me queda mucho por aprender. Es increible la cantidad de recursos que propones y se nota el trabajo que hay detrás de todo ello. Un saludo y gracias por marcar caminos a los no iniciados.

Comentado por: Thu Oct 8, 8:01 am

profesorfrancisco

Saludos Alberto y gracias por tu comentario, hace menos de dos años yo sabía de esto menos que tú. La verdad es que se aprende rápido, el problema es que tu velocidad de aprendizaje es siempre más lenta que la velocidad en la que aparecen nuevas cosas, así que, en este mundo de Internet y desarrollo web, estas condenado a ser un aprendiz eternamente.

Comentado por: Thu Oct 8, 8:11 am

profesorfrancisco


Hola David, respondiendo a la pregunta que has hecho en la página principal de comentarios; para modificar el ancho de la web puedes hacerlo quitando el menú vertical o los box (aquí te explican cómo hacerlo: http://www.paginawebgratis.es/forum/viewtopic.php?t=7766&highlight=dise%F1o+css+box ) o puedes hacerlo sin quitarlos, ampliando la zona central (aquí explican cómo hacerlo: http://www.paginawebgratis.es/forum/viewtopic.php?t=3296 )

Comentado por DAVID, Fri Oct 9, 7:52 pm:
Muchas gracias profesor

.

7 comentarios:

Laura dijo...

me encontre por casualidad con supágina y ha sido de una gran ayuda, gracias por lo aportado en cine, desde una parte de la amazonia Colombia, La hormiga Putumayo un gran abrazo

profesor Francisco dijo...

Hola Laura, gracias por tu comentario y encantado de conocerte, es muy gratificante saber que leen este blog en lugares tan alejados del mío.

marisa vaquerizo dijo...

Hola. Estaba preparando material para el curso de 4º de diversificación de este próximo curso y encontré este blog que me va a ser de mucha utilidad. Me parece de los mejores que he visitado. Enhorabuena y gracias por proporcionar libremente tanta información. Un saludo.

profesor Francisco dijo...

Muchas gracias Marisa.

Fernando dijo...

Buenos días, Francisco:
Soy Fernando, un compañero de profesión y de materia del IES "Torre del Rei" de Oropesa (Castellón). En primer lugar, quiero felicitarte por la extraordinaria web que has realizado. No tengo la más mínima duda de que te ha supuesto un enorme esfuerzo.
Por otra parte, siento una gran curiosidad por saber cómo has podido realizar una labor de tal magnitud. Yo me inicié en este mundillo de las TIC hace tres cursos, pero no he pasado de confeccionar un par de blogs. Veo que lo que me ofrecen resulta ser muy interesante, pero me apetecería dar un paso más y desarrollar un trabajo más completo, con más posibilidades. Veo en tu web y en tu trabajo una referencia para comenzar con mi propio proyecto. Si pudieras echarme un cable y darme algunos consejos, sobre todo en lo referido a la confección de páginas web, o al método que has seguido para desarrollar la tuya, te estaría realmente agradecido.
Un cordial saludo.

profesor Francisco dijo...

Hola Fernando, encantado de conocerte. Para diseñar este blog instalé una de las plantillas gratuitas que puedes encontrar aquí . Concretamente esta . Luego fui modificándola poco a poco para dejarla a mi gusto, usaba el buscador de google para encontrar códigos (edición html) y lograr el cambio deseado. Finalmente compré un dominio y puse una página de inicio fija para organizarlo todo mejor, aquí puedes ver cómo se hace. Pensando en tenerlo todo a mano, he puesto en esta entrada los enlaces que he usado (acabo de añadir alguno más). Si necesitas algo concreto que no localizas dímelo e intentaré ayudarte en la medida de mis posibilidades.

Fernando dijo...

Muchísimas gracias, Francisco. Comenzaré por los enlaces y los consejos que me has dado.
Por cierto, comparto muchas de tus opiniones sobre cuestiones de política y economía contemporánea. Te recomiendo, si no lo has visto aún, el documental "Comprar, tirar, comprar: la obsolescencia programada".
Un saludo, y un placer.

Subir