¿Cómo hacer webs buenas, bonitas y baratas?

[mamcx]

Ah...

Es que eso es HTML/CSS = Presentación.

Cuando algo como joomla arranca, ya tiene todo el escaparate armado. Incluyendo, el html/css.

Pero no veo porque el shock. Es igual que con PHP, no hay nada pre-fabricado, hay que armarlo poco a poco.

O quizás no has tenido ninguna experiencia con web, en lo absoluto?

O solo usando un CMS?

En ambos casos, el shock viene de no entender que compone un sitio web. De ahí lo bueno de usar un framework o micro: Te obliga a entender que es cada parte del rompecabezas.

Con bottle, por ejemplo, se empieza sin un html. Corre el tutorial (en serio!, es importante) y le das click derecho/ver código fuente. Veras que sale EXACTAMENTE lo que devuelve esa función.

No hay nada "bonito". En la medida que prosigas, veras como se arma manualmente un formulario, se hace un post, etc. Aun sin tener un html "bonito" ni armado. Luego te introduce el concepto de las plantillas (ahí por fin! podes usar html).

Esto es diferente al tutorial PHP clasico. En PHP/Clasico/espaguetti, el php es el index.html. Esto genera problemas:

1- Empieza con una mala practica de programación web (mezclar html cliente/código servidor)
2- Hace creer que aplicaciones web SOLO es html
3- Hace creer que sin HTML, no hay web

En python/ruby se promueve el modelo MVC, en donde el código servidor RENDEREA un html en base a una plantilla. O sea, es python genera el html al mezclar el archivo como tal sustituyendo con marcadores/variables que son enviadas por el programa. Es algo facil de entender, en la medida que avances con el tutorial y llegues a la parte de plantilla.

----

Es importante notar que incluso en el mundo del Javascript se esta moviendo en la direccion que promueve el MVC (ej: angularjs.org). Osea, es desaconsejable al dia de hoy mezclar html, js, css, codigo servidor, en un mismo archivo.
----

Pero entonces, como hacer algo presentable? Lo bueno de joomla y amigos, es que tienen un diseño pa arrancar (asi sea feo). Con django, tiene el administrador automatico que es una web funcional.

Con bottle no hay nada de nada. Entonces?

Una opcion MUY popular ahora es usar:

http://twitter.github.com/bootstrap/

Que trae todo un estilo html/css/js facil de adaptar y entender (El resideño de http://www.elmalabarista.com muestra como se puede personalizar)

P.D: Para tener una presentacion mas profesional, porque honestamente, la parte mas dura de todo esto es el manejo de CSS y el diseño, una buena idea es adquirir una plantilla pre-diseñada (ej: http://themeforest.net/) y concentrarse en la programacion solamente.