Nullable Blog [Ignoranto.Info]

Siempre tuve esa duda, de como hacer páginas web (o diré sistemas web) en GNU/Linux, ahora creo haber encontrado la respuesta… Resulta que cuando eres newbie y recien comienzas a pensar y crear cosas (ejm paginas en html) te es necesario usar esos softwares WySiWYG y lo único que hacen dichos programas es crear dependencia en ti, por que simplemente jamás tocas código y lo unico que haces es diseñar y mover bordes con el maus!

Bueno En GNU/Linux existen esos programas pero no de la magnitud como DreamWeaver que funciona en windows, algunos dirán “pero corre en wine” pero … es necesario?, esto es algo ético y moral, si usas GNU/Linux sea cual sea tu distribucion (menos esa cosa horrible y asquerosa llamada “ubuntu”, “shitbuntu”, “botundo”, “webuntu”) lo haces para librarte del software privativo, para aumentar la seguridad de tu PC y sobre todo para tener la capacidad de crecer y no limitarte con el boton inicio.

¿Cuál sería la solucion?

Dejemos a un lado el “diseño web” (cuyo significado varía en cada persona, hay quienes gustan de pelotitas saltando) y veamolos del lado de desarrollo web y software, si eres programador y te gusta crear software o generar “algoritmos mágicos” que escriban html a partir de  trozos de PHP, entonces ¿Necesitas programas WYSiWYG?, la respuesta es no, hace mucho que personalmente me independice del software WYSIWYG y ahora solo uso IDE’s como Aptana y Eclipse… el simple hecho es que ahora solo programo scripts y éstos mismos me generan la página web! claro que todo es bonito hasta el momento de maquetar donde SI o SI tienes que tener conocimientos de Hojas de Estilos

¿Cómo hacer “diseño web” usando GNU/Linux?

La alternativa al diseño web son las hojas de estilos y librerias jQuery, por que seamos sinceros a la gente le gusta ver sombritas, animaciones y cosas que se muevan en su pantalla, entonces como hariamos ello sino tenemos flash? la respuesta es con jQuery (javascript) y CSS, javascript maneja los eventos y CSS pone los colores, a continuación un problema y una solucion:

Tienes una página web pero no te gustan esos bordes cuadrados, te gustaria tener unos hermosos bordes redondeados y si es posible algo de sombra:

1. Solucion a lo Windows (lo comun): agarras tu jotochop y haces bordes, dentro de tu html en el head y en style lo repites por todo el background de tu tabla (los diseñadores de windows usan tablas!! jaja), y luego creas 2 capas, una encima y otra debajo de ella y dibujas el borde que creaste con tu jotochp.
2. Solucion con GNU/Linux y algo de cerebro: cargas librerias como jQuery.corner y jQuery, pones el contenido de tu web dentro de un DIV, y luego llamando a javascript generas los bordes, agarras tu hoja de estilo y le pones el color de necesitas

Veamos cual solución es la mejor, examinemos la solución “windows”:

1. Es mas que seguro que nuestro diseñador windows ha usado Dreamweaver…
2. AL crear tablas (la mayoria de diseñadores lo hce, claro me refiero a ellos que no tienen ni idea de los estándares) estas usando algo exclusivo para “tabular datos” para crear diseño, ESE ES EL ERROR
3. Al repetir una imagen en todo el background pones mas pesado al navegador y peor aun, mas pesado si es una x386
4. Al crear los bordes inferiores y superiores tmb consumes recursos y sobre todo la página web cargará lento (debido a las imgenes, que normalmente las guardan como PNG de 32 bits y q pesan mas de 50KB)

Examinemos la solución GNU/Linux sin wysiwyg

1. Divides la estructura de la Web con DIVs, Correcto!
2. Solo cargas poco más de 70KB de código 100% reutilizable (ajax, efectos, eventos, jsonp, etc)
3. El navegador se encarga de generar los bordes, el consumo de recursos es menor

Software para Diseño y DESARROLLO web en GNU/Linux

1. InkScape, para hacer tus logos, banners y demás cositas bonitas
2. Eclipse PHP; para programar en PHP y generar código HTML, XML a partir de PHP
3. Navegadores: Opera, Firefox, Konqueror, Chrome (webkit) y usarias tu wine para emular una creación blasfema llamada “internet explorer”
4. Tu computadora con GNU/Linux que de por si no hace falta xampp por que tu misma PC la hace de servidor web
5. NoIP o DynDNS para que tus visitantes accedan a TU PC