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.