Ir al contenido principal

Quackit, editor online de HTML

Los que no dominamos el lenguaje HTML, muchas veces nos vemos obligados a tirar de editores WYSIWYG (en inglés, "lo que ves es lo que obtienes") como FrontPage o DreamWeaver para maquetar pequeños textos e imágenes y poder insertarlos en nuestros Google Sites, blogs, o wikis. Estos editores nos permiten componer el texto y las imágenes como si de un procesador de textos corriente se tratara y, una vez terminado, copiar el código HTML que nos proporciona de forma automática.

  Desde este blog en la nube quiero dar una alternativa online y gratuita a estos editores instalables y de pago. Se trata de Quackit, una aplicación sencilla, con muchas opciones y que cumple a la perfección su función.

  Como vemos en la siguiente imagen, la web consta de una serie de tutoriales en la columna de la izquierda, con los que podemos aprender las diferentes instrucciones, tanto de este lenguaje como de otros utilizados en diseños web como CSS, XML, etc. Y en la zona central tenemos el editor propiamente dicho. Diseñaríamos nuestra maqueta de texto e imágenes de forma visual y una vez terminado clicamos en "Fuente HTML" para obtener el código que copiaremos y pegaremos en cualquier widget HTML de blogs, etc.


Un ejemplo real es el widget colocado en la parte de arriba de este blog con motivo de los premios Bitácoras 2012. Por cierto, te agradecemos sinceramente el voto ;).




URL: http://www.quackit.com/html/online-html-editor
Espero que os sea útil.

Juan Carlos Guerra
@juancarikt

Comentarios

  1. gracias, Juan Carlos. Todo un hallazgo para los que vamos pez en lenguajes informáticos!!!

    ResponderEliminar
  2. gracias juancar, yo que acostumbraba a escribir código en el block de notas

    ResponderEliminar

Publicar un comentario

Entradas populares de este blog

Fluky.io: Tu "ruleta de la fortuna" personalizada

¡Hoooola a todos!
Hacía mucho que no escribía una entrada en la nube TIC, y ya tenía ganas. Hemos hablado de tantas herramientas, que ya casi no quedan sin repetir…
En esta ocasión voy a presentaros una web suuuuuúper sencilla y en mi opinión muy práctica: Fluky.io.


Son muchas las ocasiones en las que queremos hacer una elección aleatoria en clase (otras muchas nos interesa que la elección parezca aleatoria, pero no lo sea, jeje). Varios de los programas o apps que utilizamos en el aula tienen alguna opción que nos permite hacerlo: el software de la pizarra digital (Notebook, Active Inspire…), webs como ClassDojo, o la app que utilizamos como "cuaderno del profesor” (Additio, iDoceo, CuadernoProfesor…) por ejemplo. Pero esta que os presento hoy hace sencilla, exclusiva y perfectamente eso: elecciones aleatorias. Sin registros ni cosas raras.
Cuando entras en fluky.io, solo tienes que pulsar el botón “START” y aparecerá una barra a la izquierda en la que puedes añadir los nombres…

Asociar un código QR a un mapa de Google

Los códigos QR, ligados a los smartphones, se han puesto de moda. Cada vez es más frecuente su presencia en etiquetas de productos, anuncios, etc. En general, facilitan el acceso con el móvil a alguna página web, a datos personales o a algún mensaje. En ocasiones no aportan mucho valor añadido. Sin embargo, creo que pueden ser muy útiles para el mundo educativo si los usamos adecuadamente. 
El presente artículo es un ejemplo de un posible uso para trazar itinerarios que tengamos que organizar fuera de nuestro centro, rutas literarias, salidas culturales, itinerarios, etc. También podría servir para informar a las familias.


1. En primer lugar crearemos un mapa y lo guardaremos. 




A éste efecto podéis consultar el post Mapas tuneados con Google Maps que publicó el Sr. Ruiz el día 15 de marzo. Tened en cuenta que, con el programa, según la situación geográfica, la ruta puede programarse a pie, en bicicleta, en coche o en transporte público. Los mapas pueden crearse de forma colaborativa, lo …

5 Características Interesantes de Google Slides

Google Slides es una de las herramientas preferidas hoy en día para crear presentaciones online. La plataforma basada en la nube, accesible online y de forma gratuita, hacen que sea una de las herramientas preferidas por educadores.

Aquí te presentamos algunas características de Google Slides que en muchos casos pasan desapercibidas pero que pueden ser muy útiles a la hora de editar o crear presentaciones.
1. URL de atajo para crear presentaciones Se pueden crear presentaciones de muchas maneras, accediendo a slides.google.com y dándole click a nueva presentación, o bien por medio de Google Slides. Otra forma interesante de crear presentaciones es con una URL directa.

https://slides.google.com/create

Esto es muy útil si queremos agregar un bookmark en nuestro navegador para que al dar click podamos abrir una presentación en blaco y comenzar a editarla.
2. Insertar Videos de YouTube Una característica particular de Google Slides es la de permitir insertar videos en las presentaciones. S…