In:

HTML: problemas con los editores

Add Comment



En el siguiente vídeo se muestran algunos problemas que se pueden tener en Microsoft Windows con el editor Bloc de Notas y en Apple Macintosh con el editor TextEdit.


Video: problemas con los editores

Actividad
Un editor de páginas web es un programa de ordenador, un software, diseñado para facilitar la creación y edición de páginas web basadas en HTML, CSS, JavaScript y otras tecnologías que se emplean en el desarrollo web.

El artículo Editor de páginas web de la Wikipedia clasifica este tipo de aplicaciones en tres tipos (la clasificación no es muy acertada, pero más vale algo que nada):

  • Editor de texto sin formato.
  • Editor de texto con ventanas.
  • Editor WYSIWYG.

En este curso no te recomendamos un editor de páginas web concreto. Tú debes buscar varios editores, los debes probar y debes decidir con cuál te encuentras más cómodo. Publica en el foro del curso los resultados de tu búsqueda:

  • La lista de editores de páginas web que has evaluado.
  • Las ventajas y desventajas de cada uno.
  • El editor de páginas web que has seleccionado.
  • Las razones que te han llevado a tomar esa decisión.


Se pueden distinguir tres tipos de editores HTML:

·        Editores en modo texto: son editores de texto plano, a los que se le añade un conjunto de menús, barras de botones, etc., a través de los cuales es posible seleccionar las diferentes etiquetas HTML. En algunos casos, ofrecen cuadros de diálogo a través de los cuales se pueden alterar los diferentes atributos de cada etiqueta. Como se edita directamente el código HTML, se tiene un control total sobre el mismo, sin embargo su principal inconveniente es que el código generado no es demasiado legible, y el proceso de edición es más lento.

·        Editores gráficos o "WYISWYG" ("What You See Is What You Get", "lo que ves es lo que obtienes"). Son los más intuitivos, pero se pierde algo de control sobre el código HTML que producen ya que sólo se pueden hacer aquellas cosas que el editor ‘sabe’ hacer, de forma que realmente "lo que ves no es lo que obtienes".

·        Editores mixtos: son una mezcla de los anteriores. Realzan la presentación del código generado, y disponen de algún sistema para mostrar, de forma diferenciada, las etiquetas HTML introducidas, y modificar sus parámetros.

Entre los editores planos tenemos:

Notepad de Windows: El bloc de notas es la herramienta prehistórica de este sistema operativo, no ha evolucionado, sigue siendo el mismo bloc de hace 20 años, solo lo veo pasable para pequeños códigos. No se HTML pero si he modificado códigos siguiendo consejos desde alguna web y buscar una línea en el bloc de notas a veces se me hace complicado. La única ventaja que yo le veo es que viene en todos los Windows.

Notepad++: Es un  editor muchísimo más completo que el anterior. Esta herramienta es  gratuita y puede recibir más funciones mediante plugins.

Sublime Text: Es el más completo de las alternativas y va más allá en cuanto a lo que se refiera a editores de textos. Con Sublime Text podemos hacer prácticamente cualquier cosa que se nos ocurra en relación a la edición de textos planos. Se puede configurar distintos controles para tener un mayor control con el teclado. Su principal desventaja es que es una aplicación de pago, cuyo precio es bastante elevado, pero se puede probarlo mediante su aplicación de prueba que es gratuita.

Entre los editores gráficos tenemos:

KompoZer: Destaca por su sencillez. Diseñado con código libre, dispone de traducción al español y se pueden abrir diferentes pestañas para editar varios documentos a la vez y completa ayuda incorporada en el programa.

Amaya: Amaya es un editor web, es decir, una herramienta utilizada para crear y actualizar los documentos directamente en la web. Este programa lo promueve el Consorcio World Wide Web y existen versiones para Windows, Mac Os X y GNU/Linux. Gracias a Amaya podrás generar fácilmente páginas en HTML y XHTML pudiendo introducir también hojas de estilo CSS, expresiones MathML, gráficos SVG. etc. Incluye también una aplicación de anotaciones basada en RDF, XLink, and XPointer. Una vez creada la página web podrás subirla a tu FTP sin tener que usar otra aplicación y comprobar si está bien insertada ya que el programa incluye la función de navegador web. Amaya ofrece también algunas facilidades como la posibilidad de imprimir partes diferenciadas de una web.

Entre los editores mixtos tenemos:

Dreamweaver: Un poco desobediente. Lo poquito que sé lo aprendí con Dreamweaver 8, es de pago y cuenta con muchísimas opciones, es un todo en uno, está en español y lo mejor es que por cada rincón de la web hay un tutorial en español, una página con trucos, otra con ejemplos prácticos. Es un soffware como cualquiera de Adobe, hay que estudiar para manejarlo, pero vale la pena, Ahora salió la versión CC que se mete con tecnología Responsive . Dreamweaver seguirá siendo mi elegido.

HotDog Professional: Toda la potencia de los últimos avances en HTML se te presentan en un formato claro y fácil de entender. Podrás crear páginas Web sin saber nada de código, aunque el código siempre está disponible para que puedas aprender. Incluye una gran cantidad de características, como: barras flotantes, soporte de ficheros con nombres largos, hojas de estilos, constructor dinámico de diálogos y botones, soporte masivo de plug-ins, conversión de imágenes en el acto, capacidad de crear animaciones Gif89a, interfaz super rápido basado en "arrastrar y soltar", asistentes para funciones HTML avanzadas, documentos inteligentes (con posibles soluciones a los errores), y la potencia de los plug-ins Supertoolz. Es un editor de pago.

Share this:

ABOUT THE AUTHOR

0 comentarios

Publicar un comentario en la entrada.