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

descarga vídeos de cualquier web con #StreamTransport

Meses atrás os mostré un truco para descargar vídeos desde #Chrome  fuera cual fuese la web. Sin embargo, el método podía resultar un tanto farragoso, además del hecho de que para algunas webs, como la de EITB (TV autonómica vasca) no funciona.  Pero hace unos días Iñaki (no diré apellido) del Berritzegune de Irún me enseñó una manera de poder descargar vídeos de cualquier web sin tener que recurrir al "método largo" que os citaba en el post de hace unos meses, mediante un software gratuito: Stream Transport . Lo que hace Stream Transport es lo que os enseñé a hacer anteriormente de forma manual, pero de una forma rápida y sencilla: coge la extensión de vídeo oculto en el código de la página web y nos descarga el archivo de vídeo. Vídeo-tutorial vídeotutorial realizado por  obiwan2208 Características Descarga vídeos de webs bajo protocolos HTTP, RTMP, RTMPT, RTMPE, RTMPTE, lo que lo hace compatible casi con la totalidad de pági...

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

5 claves de los entornos personales de aprendizaje (PLE's) en la práctica docente

A continuación os presento una colorida infografía que tiene el objetivo de introducir a los docentes profanos en el concepto de Entorno Personal de Aprendizaje o PLE . Mi intención ha sido mostrar de forma sencilla y amena sus principales características y ventajas, y proponer una serie de consejos para comenzar a construirlo y utilizarlo en la práctica docente. Pincha sobre la imagen para ampliar o descarga la infografía en Medium Quality o  High Quality . Cinco claves de los entornos personales de aprendizaje (PLE's) aplicados a la docencia Manuel Gil Mediavilla  (2012) ACTUALIZACIÓN (03/04/2012) Ya están disponibles las traducciones a varios idiomas: English (Traducción:  @Flor_Caucino )   MEDIUM - HIGH Catalá (Traducción:  @cpaez01 )   MEDIUM - HIGH Euskera (Traducción:  @alaznegonzalez )   MEDIUM - HIGH Galego (Traducción:  @blpires )   MEDIUM - HI GH