Herramientas HTML

(en construcción)

Cuántas veces habrás intentado usar un destornillador debido a que no pudiste encontrar un martillo, o un cuchillo cuando unas tijeras hubieran sido mejores, o un abrebotellas en un tapón de corcho. Lo normal, es sufrir cortes y dolores que perduran aun después de beber la botella de vino.

Superar estas duras experiencias nos dice que usemos la herramienta adecuada para el trabajo que queramos hacer, para que sea más fácil y evitemos dolores u otros incómodos resultados. Para general el código HTML, es necesario usar la herramienta adecuada. Hay muchas ya disponibles, y no es fácil decidir cuál de ellas es la más apropiada para las circunstancias.

El ser un aficionado, novato o profesional, supone una enorme diferencia en la herramienta que se vaya a escoger. Este capítulo te ayudará a conocer las herramientas que hay disponibles, las ventajas y desventajas de ciertos tipos específicos de ellas, y cómo puedes mejorar tu trabajo disminuyendo los riesgos.

Lo primero es intentar dejar atrás todo lo que has oído sobre las aplicaciones HTML: este código HTML puede ser fácil o difícil, o eso de que las mejores páginas son las que se tienen su código hecho a mano. Todas estas actitudes son sólo eso, actitudes. Por experiencia, hay que decir que no existe ninguna herramienta que nos sea óptima en todas las ocasiones. Necesitas usar un martillo donde se necesita el martillo, el cuchillo cuando necesitas el cuchillo, por eso debes escoger la herramienta HTML que más se adapte a tus propias circunstancias según el trabajo que estés haciendo.

Métodos de codificación

Hay varias formas de conseguir la codificación HTML que son bastante populares. Estas incluyen:

Codificación basada en texto

Imagina que estás tomando clases de dibujo. Te das cuenta de que es algo muy subjetivo, y sientes la necesidad de usar las técnicas actuales de dibujo. Según estas más familiarizado con ellas, como la visualización de una malla y áreas de selección, ves que tu nivel mejora. Dentro del ámbito de la técnica, de todas formas, mientras que puedo ser creativo y expresivo, no puedo ser preciso, experto o seguro al profundizar en el tema.

Si quieres un control total sobre tu código y tu diseño, son necesarias las técnicas del HTML. Este curso está enfocado a brindarte la oportunidad de controlar todos tus documentos HTML y asuntos de diseño WEB. La forma más potente y efectiva de tener ese control de todas las técnicas HTML, es la codificación en un entorno basado en texto.

La información HTML se guarda en ASCII, también conocido como sólo texto. Muchos quizás estéis familiarizados con este concepto, el “sólo texto” es aquel que no tiene códigos de formato añadidos por programas como un procesador de textos. El texto es la forma natural del HTML, la primera aproximación para comprenderlo.

Pero la codificación en un editor de texto significa tener que conocer el código. No hay plantillas disponibles en este entorno. Puedes usar este curso para buscar todas las referencias acerca de la codificación de esta forma, pero la edición de texto exige el conocimiento propio sin ninguna herramienta de ayuda añadida.

¿Las ventajas? Hay muchas. La más importante de ellas es que el conocimiento del código da un control increíble de la situación, especialmente para los profesionales. La edición de texto te obliga a conocer el HTML y esto te libra de usar un interfaz de software. Si algo no funciona, tendrás el suficiente nivel para solucionar los problemas, depurarlos, y si das con ellos, repararlos.

Dependiendo de tu propio nivel también puedes ser creativo. Que forma más creativa de aprender un lenguaje que usándolo. Esta creatividad es el precursor del progreso. Conociendo las reglas, usándolas creativamente, o nunca rompiéndolas, nacen nuevas oportunidades.

Pronto leerás la sección del WYSIWYG en este capítulo, aplicaciones de software cuyos límites se superan con actualizaciones continuas de los mismos. Por ejemplo, si se adquiere un nuevo estándar en el código, un codificador de texto puede comenzar a usarlo inmediatamente. La aplicación de software puede no soportarlo hasta la próxima actualización, y de esta forma, ocasionando una frustración interminable en tu trabajo al intentar usar el nuevo estándar en el código.

Finalmente, si conoces el código y te sientes cómodo en un entorno de texto, puedes ir a donde vayas, a cualquier compañía, a cualquier plataforma de ordenadores. Lo que es más, los editores de texto vienen por defecto en todos los sistemas operativos, y no tendrás que comprar ningún software HTML.

¿Hay desventajas en la codificación de texto? Depende de ti. Uno de los principales problemas es el tipo que se tarda en escribir un código eficiente HTML a mano. El lenguaje y las tecnologías que soporte se han hecho muy sofisticadas, y lleva tiempo, no sólo aprender los aspectos individuales del lenguaje, sino todo lo que conlleva ese conocimiento.

Dentro de la misma línea, una persona rápida e inagotable requerirá un tiempo extra durante el proceso de codificación sin las herramientas más potentes. Un ejemplo, una persona que lleve años familiarizada con el código, terminará usando algún tipo de herramienta para las tareas más pesadas y engorrosas.

Este tiempo extra hay quien le cuesta dinero. Esa es una enorme desventaja a la hora de evaluar las necesidades personales de encontrar un método para la elaboración del código HTML.

Editores de texto

La mayoría de los editores de texto son nativos o disponibles de forma gratuita dentro de un sistema operativo.

Para quien trabaje con DOS o use Windows, hay editores nativos que pueden ser usados para crear documentos HTML. En DOS, escribe simplemente “EDIT” en cualquier puntero de DOS para iniciar el editor de texto basado en DOS.

El bloc de notas de Windows es una herramienta HTML extremadamente popular. Está disponible en las versiones de Windows 3.1, 9x/NTx y 2000.

Los aficionados al Macintosh usan un editor de texto llamado SimpleText. Este se diferencia porque permite colorear la edición del texto, dando puntos de referencia a tus etiquetas.

Muchas personas que están trabajando en servidores UNIX y requieren un acceso fácil a los editores basados en texto. Se recomiendan tres editores:

Mientras debes saber todas las ventajas y desventajas de los métodos de codificación HTML y hacer decisiones basadas en tus necesidades, nada puede sustituir al más simple de todos para conocer bien el código. Si estás en una empresa de diseño profesional o tienes requerimientos muy sofisticados, debes de tener a alguna persona disponible que esté familiarizado con el código, no importa qué otro método sepas tú, va a ser un elemento muy valorado.

Entornos de edición HTML

Un entorno de edición HTML está a mitad de camino entre el editor de texto y la aplicación WYSIWYG. Todas las ventajas que vienen de la edición de texto están al alcance de aquellos que escogen los entornos de edición, y las desventajas ya están dichas.

Los entornos de edición usan un interfaz gráfico del usuario (GUI, Graphical User Interface), por eso hay una serie de opciones intuitivas y familiares en la barra de herramientas así como numerosas potentes herramientas. Está bien pensar que el entorno de edición tiene un editor de texto con mejoras.

Estos entornos son útiles cuando se hace la parte más engorrosa de la creación del código. La razón es que proporciona todo el control y creatividad de un entorno de texto, pero acelera el proceso ofreciendo utilidades como ayuda en línea, interfaces para la creación de etiquetas rápidamente, y corrección ortográfica.

Si tu nivel dentro del HTML es alto y estás buscando una aplicación que haga más efectivo tu trabajo, un entorno de edición HTML posiblemente te servirá bien. Para ayudarte a ver si esto es cierto, vamos a echar un vistazo a las características de este popular método de codificación.

Un entorno de edición HTML a escoger es aquel de ofrece plantillas, barras de herramientas que inserten automáticamente etiquetas específicas, y un asistente de imágenes que automáticamente inserte el tamaño de las mismas así como ofrecer una completa gama de opciones de texto alternativo (ver el capítulo “Trabajando con imágenes” para más información sobre la codificación de las imágenes). Esto permite realizar operaciones más rápidas que con tecleando con los dedos, basta un simple clic de ratón o un método abreviado de teclado.

Un problema normal es aquella gente que olvida que la comprobación ortográfica es una fase importante de proceso de desarrollo de un sitio web. La buena escritura y el idioma correctamente redactado son imprescindibles para aumentar el éxito del sitio web. La comprobación ortográfica está disponible en la mayoría de entornos de edición HTML.

Otra ventaja de la mayoría de entornos de edición es un comprador de sintaxis. Esta es una herramienta muy útil, examina tu código, te ayuda con solucionando los posibles problemas, y corrige cualquier error que se te haya pasado por alto.

Mientras que el editor SimpleText del Macintosh te permite colorear el código de tu trabajo, los editores de texto para DOS, Windows, o UNIX no lo hacen. Este problema se ha resuelto con los entornos de edición HTML. El coloreado de las etiquetas es muy efectivo en el sentido de hacerlas más identificables. Podemos colorear todas las etiquetas de imagen con amarillo, por ejemplo, y las etiquetas de tabla en azul. Esto nos ayudará a encontrar información rápidamente, concretamente en páginas complejas de código.

Pero sobre todo, la utilidad mejor de los entornos de edición HTML es la de búsqueda y reemplazo múltiple. Esta característica te permite buscar dentro de los documentos cadenas de código específicas y reemplazarlas con una nueva cadena. Puedes actualizar cientos de páginas con esta característica. Imagina tener que usar un editor de texto para esta tarea, ¡puedes tardar días e incluso semanas! Estos entornos hacen la tarea más rápida y eficientemente.

En relación al bolsillo, los entornos de edición HTML cuestan entre 5.000 y 40.000 ptas.

Aplicaciones de entorno de edición HTML

Los usuarios de Windows están de suerte, hay varios entornos de edición HTML disponibles.

Uno de los favoritos es Allaire HomeSite. Tiene todas las características mencionadas anteriormente, y su interfaz puede ser personalizado al gusto personal.

El HotDog Pro de Sausage software no es tan potente como el anterior. Aun así, es un editor recomendable. Prueba a descargarlo e instalarlo. Asegúrate de leer el apartado “EN EL WEB” para encontrar las URLs de los sitios WEB de ésta y otras aplicaciones.

Hay muchos entornos de edición en Macintosh, pero tres son los recomendables. BBEdit de Bare Nones Software es probablemente el más popular de estos. Realmente es un editor de sólo texto con algunas extensiones añadidas para llevarlo a la categoría de entorno de edición. Web Weaver es un buen entorno de edición, y se puede usar como base para practicar las primeras veces la edición en la plataforma Macintosh. Otro favorito es PageSpinner, el cual también tiene muchos adeptos.

EN EL WEB

Puedes descargar versiones de demostración de los programas mencionados anteriormente en estos sitios WEB:

Para aquellos que usen un entorno UNIX hay un popular entorno de edición disponible. El Emacs, descrito más arriba en los editores de texto, tiene un paquete añadido que ofrece un modo HTML al editor. Esto emula un entorno de edición ofreciéndote varias potentes herramientas.

Utilidades de conversión HTML

Si tienes

CAPÍTULO EN CONSTRUCCIÓN