El Blanco y el Negro en los Editores Web

Por supuesto en internet existe una amplia gama de editores web a disposición de las personas que necesiten, o quieran, tener presencia online. Sin embargo, el mundo de los editores web puede perfectamente dividirse en 2 categorias principales. Editores de código y los benditos WYSIWYG

Editores WYSIWYG: cuyas siglas van por "What You See Is What You Get" (lo que ves es lo que obtienes), este fue el paradigma que dio vida al mundo de los procesadores de texto como MS-Word y el Writer de LibreOffice/OpenOffice, este modelo no tardo en aplicarse al desarrollo de aplicaciones para sitios web, cuando la suite ofimática de Microsoft incorporo el editor Frontpage para el diseño de páginas web, y a partir de este... La explosion.

De buenas a primeras nos podrá parecer bastante conveniente tener a nuestra disposición alguno de estos editores visuales, podemos ver inmediemente como se visualiza el contenido que añadimos a nuestra web, tambien seremos capaces de darle una apariencia atractiva a nuestro sitio sin mucho esfuerzo. Pero (siempre hay algun 'pero' cuando todo parece bonito), este sistema tiene un gran problema, o mejor dicho, varios problemas:

• No tenemos el control del código que genera el editor, todos estos editores generan codigo innecesario y que muchas veces causa paginas sucias desde el punto de vista del código HTML
• Cualquier persona puede crear su sitio web, incluso sin tener conocimiento alguno de los lenguajes y tencologias que existen en internet, lo que causa, muchas veces, sitios pobres en contenido y peor usablilidad, en cambio si nos damos la tarea de aprender a crear paginas desde el codigo (X)HTML con CSS y, por que no, Javascript, es lógico que queramos tener algo interesante que contar, o algun producto/servicio que ofrecer; ademas, por mucho que los proveedores de este tipo de software nos quieran hacer creer,  ni el HTML ni CSS son dificiles de aprender, cualquier persona puede dominar estos lenguajes, solo necesitan algo de tiempo y ganas.
• La gran mayoria de estos editores, (no tengo bases para decir que todos), no cumplen con los estándares, gracias a esto la mantencion del codigo  se dificulta enormemente. a esto se le suma que muchas veces el codigo que generan es incomprensible e incogruente para ser revisado por algún desarrollador.

Finamente, algo bueno acerca de estos editores, para variar?. De hecho, sí, estos son perfectos cuando necesitas hacerte una idea de como sera tu sitio web, hacer una especie de guia visual la cual seguir con el codigo. O presentar una vista previa a tus colegas, clientes, etc. 

Editores de Código: estos editores son muy parecidos a los editores de texto plano (el Bloc de Notas de Windows es un buen ejemplo de esto), pero estos incorporan algunas caracteristicas que los hacen idóneos para nuestro propósito, empezemos:

• Syntax Highlighting: (No, no se como traducir eso exactamente), pero esta caracteristica colorea el codigo según la sintaxis especifica del lenguaje sobre el cual trabajamos, en este caso HTML, lo cual ayuda mucho a guiarse a traves del codigo, saber cuales son etiquetas, atributos, campos de texto, comentarios, etc.
• Lineas numeradas: esta carcteristica ayuda mucho en lenguajes de scripting, cuando se produce un error, o cuando tienes alguna duda y la presentas en algun foro, puedes incluir el numero de lineas e indicar la linea que contiene tu duda y tambien otros usuarios usaran el numero de la linea que vieron que estaba rara para indicarte algun error o posible vulnerabiblidad en tu codigo.
• Auto-identación:  algunos editores hacen automanticamente la identacion del documento, esta es util sobre todo el lenguajes de marcado, como es el HTML, donde cada elemento esta contenido en otro elemento padre, esto nos ayuda a ver que etiqueta contiene a cual.

Existen distintos editores de código para las distintas plataformas. Para Windows el mejor, según mi opinion, es el Notepad++, para OSX estan el Coda, Taco, y otros. para Linux tendremos alguno preinstalado, segun la distro que tengamos, estos pueden ser: kate, kwrite, gedit; y en general: vi y/o vim.

Algunos ejemplos:

usando Gedit 2.30

Usando Vim 7.2

(pincha en las imagenes para agrandar)

Ok, lo pillo, alguna pista de como hacer buenas web, aparte de recomendar editores?

Primero lo primero, buscar definiciones en Google/Wikipedia de: HTML, XHTML, CSS, DHTML. HTTP

Aqui ahi un tutorial de XHTML + CSS: XHTML+CSS de una maldita vez!!!

por Belén Albeza  LadyBenko.net

Donde podemos aprender a usar lo basico de ambos conceptos y a combinarlos, en menos de una semana ya pdriamos estar haciendo nuestra pagina web desde el código, la lectura del manual resulta amena pero efectiva (la clase de tutorial que me hubiese gustado tener hace 10 años).

en fin, suerte con sus Webs!!!

.