¿Cómo hacer webs buenas, bonitas y baratas?
Hola, no sé si existe alguna utilidad, asistente, programa, plantilla, etc. para poder hacer una web (con acceso a base de datos), que no implique saber mucho, mejor dicho, que no necesite de tener que aprender mucho.
O algún tutorial que explique paso a paso cómo hacer una web "estandar", html, php, mysql, css, etc. He estado viendo algunas veces cosas como joomla y drupal, pero me parecen que son para matar moscas a cañonazos... y se escaparán muchas moscas. Lo que necesito es algo más o menos simple: poner una cabecera con su logo, un menu, login de usuarios, descripción del contenido, un formulario, enviar email, etc. y poco más. Lo que trato de evitar es tener que dedicar mucho tiempo para aprender, necesito hacer algo en poco tiempo, que sea facilmente modificable, nada complicada, pero efectiva, ágil, rápida, segura, etc. Y a ser posible que salga algo con pinta más o menos moderna, no algo estilo web de los 90 :) ¿Existe o hay que hacerlo manualmente? |
Prueba con esto
http://www.scriptcase.net |
Hay varias cosas.
Primero, hay que empaparse del tema: http://smashingmagazine.com http://webdesign.tutsplus.com/ Segundo se pueden conseguir diseños ya hechos - que ahorra un monton -: Paginas completas, o solo el PSD: http://themeforest.net/ Imágenes, set de interface, iconos, etc: http://graphicriver.net/ Tercero, se puede usar un framework. He usado http://twitter.github.com/bootstrap/ para el rediseño de http://www.elmalabarista.com/ (aun faltan cosas) y me ha parecido muy bueno, en especial porque soporta less (http://lesscss.org/) Ahora para darle vida al sitio, hay varios caminos. Se puede intentar un stack full en javascript (ejemplo http://batmanjs.org/ + http://expressjs.com/ + http://nodejs.org/) o contra php o django (mi favorito!) Django hace "lo de hacer un sitio sin saber mucho" gracias a su mágico "Admin":https://docs.djangoproject.com/en/1....contrib/admin/. Esto genera un sitio administrativo en base a los modelos de datos. Es *realmente* un gran ahorro. Y lo mejor, es tan bien hecho que podria incluso entregarsele a un usuario o dejarlo tal cual. Con django y su ORM (https://docs.djangoproject.com/en/1....cs/db/queries/) el manejo de BD es muy facil e intuitivo. En mi opinion, django (o ruby on rails) son la mejor forma de hacer sitios web a la fecha. Por lo tanto, yo recomiento django + bootstrap. Es muy facil tener algo listo en django (ppalmente el admin) contra una bd. Tiene una documentacion exageradamente buena, es rapido, simple de entender - igual tiene su curva de aprendizaje - y en mi opinion, es mejor que cualquier cosa hecha en php y en muchos aspectos que ruby. Bootstrap? Porque hacer el html es por mucho el mayor dolor de cabeza. Tener un framework pre-armado y que es facil de modificar, es un plus tremendo. |
Yo creo que tienes dos opciones:
1. Aprenderte algún framework o lenguaje, html5,css y javascript para hacer lo que quieras. 2. O no reinventar la rueda y cogerte una CMS (Yo utilizo Joomla) donde todo está hecho y solo tienes que aprender administrarlo (pocas horas), seleccionar un skin que te guste y ponerla en marcha. Esto te va a permitir hacer unha web muy sencilla o muy grande y compleja, segura, optimizada,... en tres patadas. Yo empecé con joomla a hacer webs, despues empece a programar pequeñas cosas para añadirle funcionalidades que me interesaban y, cuando me di cuenta de que ya estaba haciendo más cosas mias de las debidas me aprendí un framework: http://www.symfony.es y ahora estoy pasando una aplicación de escritorio a web con el. Saludos. |
Cita:
Cita:
No dudo que conociéndolos sea fácil y me digas que haces una web en un rato, pero entonces necesito ese tutorial paso a paso que pedía antes. Cita:
Seguramente lo que estoy buscando no existe :D |
Y porqué no utilizas Intraweb, ya que conoces Delphi?
|
Cita:
|
Viene con Delphi desde desde D7.
Tienes un manual en el ftp del Club (aunque un poco antiguo). Y el funcionamiento es muy parecido a Delphi |
Cita:
Cita:
Y si lo que quieres es simplemnete un gestor de contenidos que te solucione el problema, podrías recurrir a joomla, drupal o similares. Pero tenadrias que perder tiempo en aprenderlos, y para perder tiempo en un engendro como joomla es mejor la opción del HUMM, o codeigniter, por ejemplo. Por último, sabes que tengo hecho mi propio gestor de contenidos/framework (lo hice para librarme del joomla) que no se si te podría servir. Estoy preparando (limpiando mas que nada, pues esta un poco liada) una versión para presentarla aquí a ver si nos sirve para el club. Jau! |
Cita:
:D :D :D :D |
Yo, la verdad, no te recomiendo Joomla, salvo que haya cambiado mucho en el último año. En las dos empresas donde lo hemos usado ha dado muchos problemas. Tampoco te recomiendo otro, llamado Dolphin.
Aprender HTML no es difícil. El problema es que la mayor parte de los tutoriales que he leído lo explican mal. Es decir, se concentran en el diseño gráfico y olvidan que HTML fue diseñado para organizar información. Yo te recomiendo los tutoriales del W3C (la columna derecha, la izquierda contiene los estándares), aunque están en inglés. :rolleyes: Yo tengo dos plantillas, una de XHTML 1/HTML 4 y otra de HTML5. Por ahora las tengo aquí, pero no sé dónde las pondré cuando haga la remodelación que tengo pendiente. El CSS no es más complicado, sobre todo CSS 1 que es más que suficiente. Ahora mismo sólo me viene a la cabeza el tutorial del W3C. En cuanto a JavaScript, es un infierno. Si creéis que C++ es malo, JS ni os cuento. Sólo saber cual es la visibilidad de una variable (o peor aún, una propiedad) es un ejercicio de adivinación que solamente poderes de videncia podrían solucionar. Aun así, por ahí hay algún "compilador" Pascal->JS aunque no sé cómo funcionan pero me parece que todos dependen de alguna biblioteca o marco. Yo pensé en hacer uno (o quizá de Oberon ;) ) que simplemente tradujera de Pascal a JavaScrip sin dependencias. Quizá me ponga ahora que voy a ir por libre. |
Cita:
|
A ver, a ver... "más o menos" conozco html, php y estas cosas porque he hecho algunas cositas, pocas, pero algo.
Pero lo que realmente necesito es información para crear una web con base de datos, simplemente. Incluso me valdría una ya hecha, así yo mismo iría viendo cómo hace las cosas, cómo se 'mezcla' el código de la misma con las consultas a la BD, en qué parte de la misma va cada cosa, etc. algo parecido a tener un programa delphi y ver qué va en 'interface', qué va en 'implementation', etc. En fin, un ejemplo, tutorial, etc. 'simple', para poder partir de ahí. El código de humm, sinceramente, me parece perfecto (el resultado que veo en pantalla, eso es lo que necesito, cierto), pero es que no tengo ni idea de 'por dónde cogerlo' :o A ver si me ilumináis, que últimamente todo lo veo muy, muy oscuro, y más negro que se va a poner :) |
Hola Casimiro,
puede que te esté diciendo una tontería porque yo también estoy bastante verde en el asunto de páginas web, pero, ¿no hay un sitio que anuncian en televisión que se llama "one & one" que es para crea una página web de forma sencilla y en pocos pasos?. echale un vistazo, a lo mejor te sirve. Saludos. |
Bueno, es que me gustaría hacerlo yo mismo y alojarlo en donde mejor me parezca.
En ese sitio que indicas estás muy restringido, sus controles, sus opciones, su formas, su... todo, además que no es barato. Pero gracias por proponerlo :) |
Cita:
Perdón que lo diga de esta manera, pero soy de la idea que somos nosotros mismos quienes nos ponemos los límites. Si ya conoces que es una etiqueta, diferencia entre head y body, que es una clase css... ¡más que suficiente! Hay muchas herramientas que aunque parezcan complejas (que en realidad no lo son) nos simplifican el trabajo; por ejemplo, bootstrap lo conocí hasta ayer que lo leí en la intervención de mamcx y me parece que con dedicarle un día a estudiarlo puedes ahorrarte hasta semanas en un proyecto por simple que sea, te lo aseguro. Bootstrap me parece algo como [960gs | blueprint] + jQueryUI + DRY + UX + "Nosequeotrascosasmas". No lo he usado, como dije arriba, no lo conocía, pero al ver algunas de las cosas que hace y el como lo hace me parece para nada una perdida de tiempo el aprenderlo, con un día (o menos) bastará para contarle cada costilla. Para nosotros que desarrollamos software (sea cual sea las herramientas que usemos) se nos hace mas fácil trabajar la capa de la lógica del negocio, allí es donde nos movemos como peces en el agua y nos es relativamente sencillo el pasar de un lenguaje a otro, pero al tocar la parte gráfica y la interacción del usuario es donde nos la vemos difícil (y más aun en web que no hay algo "estandar"). Porqué no te animas a darle una probadita al engendro este y sin pensar aún en un lenguaje de servidor, ya conociéndolo será fácil poder integrarlo con cualquier plataforma web (dígase python+django, php, java,... y aquel otro que no vale la pena mencionarte). No le encuentro mucho sentido a lo que escribí, creo que ando falto de inspiración hoy :D, espero te sirva de algo. Saludos |
Es lo que pasa cuando no se sabe, que parece muy difícil, hasta que se sabe, y entonces parece muy fácil.
Ahora mismo todo eso me parece muy difícil, pero estoy mirando todas las opciones que me habéis propuesto. ¡¡¡ Y quiero más !!! :) |
Cita:
Sin embargo, lo del resultado sencillo y rapido? Sigue este tutorial: https://docs.djangoproject.com/en/dev/intro/tutorial01/ Lo haces en minutos, aun sin saber python. Lo bueno de django, es que se centran en el stack sin hacer un diseño vistoso (hacer el diseño es un distractor tremendo). Y que separa muy bien el acceso a BD, logica, ruteo, html, acceso a archivos estaticos (css, js) y mas. Todo, en el tutorial. En serio casimiro. Haz el tutorial. |
Bueno, ahorita mi web que estoy haciendo la estoy desarrollando puramente con PHP, Javascript, JQuery y HTML, pero hace poco descubri que existia Cakephp, sinceramente no lo he utilizado pero me lo han recomendado mucho.
Igual a ti te puede servir que vas a empezar un proyecto. Saludos! |
Cita:
|
Por que no pruebas Drupal? Yo estuv en tu caso hace algún tiempo e igual indeciso ante tanta cosa que te encuentras y sobre todo sin mucho tiempo para aprender algo nuevo. Drupal es sencillo y te permite hacer casi todo lo que mencionas y gracias a que funciona con base en módulos es relativamente sencillo y constuyendo el sitio con bloques conforme vas necesitando y lo mejor es que es libre y casi todos los módulso que hay disponibles también lo son. La única es que si hay que entender primero como trabaja el motor y como jugar con los bloques o módulos. De hecho en su página vienen muchos ejemplo ya hechos y creo que hay una instalación ya hecha que te permite hacer pruebas sin tener que instalar nada.
Otra ventaja es qe casi cualquier hosting te lo incluye o te permite instalarlo sin problemas. Te lo recomiendo muchos con base en tu situación. HTML, CSS, JavaScript y demás cosas son interesantes pero hay veces que no hay mucho tiempo para aprender, sobre todo que el concepto de programación es totalmente diferente del que conocemos en Delphi. Al final toda la parafernalia de web se hizo para visualizar textos e imágenes, no más. El forzarlo a poder hacer otras cosas nos ha llevado a donde estamos ahora. |
Opiniones para todos los gustos, así me gusta, que me dejéis elegir a mí :mad: ... :D:D:D
|
El lio que manifiesta casimiro lo vivi hace tiempo, cuando lo de "moda" era usar phpnuke (y en mi caso, dotnetnuke). Los CMS (ejm: drupal, wordpress) son muy buenos para entregar a un cliente tal cual.
Pero a la hora de modificarlo son todo un lio. Por ejemplo, cuando intentan hacer un wordpress como una tienda electronica, o un drupal como un foro. Simplemente, un CMS es un CMS. Y cada CMS es de un tipo diferente al otro (ej: Wordpress es muy orientado a un blog, pero drupal a un sitio de comunidad). Una vez te sales del area de comfort, el costo de desarrollo es tan o mas alto que hacer uno propio. Y es logico. Es como cuando mis clientes me han pedido que haga que BestSeller (un tomador de pedidos para iOS) haga encuestas. Una vez que quieres hacer que un cuadrado quepa en un circulo - a menos que seas el apollo 13 - resulta mejor hacer el circulo para empezar. Aqui es donde django, ruby y otros tienen las de ganar. No dan nada "finalizado", pero si los bloques para hacer cualquier cosa. Puedes usar uno de estos para hacer un foro, blog, carro de compras, chat, sitio estatico, servidor de datos, de juegos, etc, porque están enfocados a dar la modularizacion y fundamentacion para hacer proyectos como wordpress y drupal! Asi que la cosa en mi opinion es asi: - Si un cliente quiere un sitio web tipico, le digo que monte wordpress y compre un tema en http://themeforest.net/ y le page a alguien que sepa wordpress/html. Mi proposito no es vender paginas. - Si un cliente quiere hacer un PROGRAMA o APP web, uso django/remobjects. Mi proposito es hacer programas desde cero. |
Voy a tener que hacerte caso, mamcx :)
|
Mamcx, Drupal tiene todos los bloques que mencionas, de hecho yo monté en él un sitio con foro, blogs personalizados, chats y demás chucherías. Es cosa de que Casimiro vea cada opción que le presentamos y la que más le acomode que la use. En este caso creo que nuestras opiniones solamente le sirven de mera guía pues al final cuando uno se encuentra en su situación termina uno escogiendo algo que seguramente muchos opinarán que hay tal o cual opción mejor pero al final lo importante es que lo saque del problema.
|
Yo he usado JOOMLA y cero problemas. Además la instalación en Linux es trivial, ya que hay metapaquetes que instalan PHP + APACHE + MYSQL muy fácilmente, así que puedo trabajarlo localmente y cuando todo está listo recién subirlo al servidor donde va a estar alojado el CMS. Para "transportar" un sitio completo (de mi pc a un hosting o de un hosting a otro) utilizo la extensión Akeeba Backup, el proceso es sencillísimo. Para las imágenes uso Phoca Gallery, para los formularios uso Fabrik, para respaldos uso Akeeba Backup, después tengo instalado el editor JCE, muy completo, mejor que el que trae por defecto Joomla!.
Lo interesante de Joomla es que hay extensiones (muchísimas) para hacer casi cualquier cosa, lo mismo para las plantillas (templates) hay gratis (y de pago) muy buenas. En definitiva, con JOOMLA se pueden tener webs muy buenas rápidamente, incluso casi sin saber de HTML y CSS. Aquí hay una galería de Templates que se pueden ver funcionando "in situ", vale la pena darle una mirada: http://www.joomla24.com/option,com_g.../Itemid,6.html |
La diferencia entre joomla y similiares y django y similares es esta:
Un cms es un producto terminado que mediante plugins y similares, se puede "adaptar" a un esquema de sitio web x. Es como Acces. Yo diria que estan enfocado a "usuarios" y "programadores que adaptan" *(<= No lo digo de mala manera). Por lo general, pienso que son la mejor opcion, en la mayoria de los casos. Si alguien quiere algo y X CSM da el 100 o muy cerca de la solucion, no tiene sentido hacer algo propio. O sea, son productos que van de afuera a adentro. Un framework como django es una herramienta de programación, que crea productos. Yo diaria que estan enfocados a programadores. Django/ruby/CakePHP son practicamente inutiles en manos de un usuario. Estos van de adentro a afuera. (Si un CMS es Acces, Delphi es como django) Pienso que son la mejor opcion para crear cosas mas personalizadas y con mejor control. Con ambos se pueden lograr -en apariencia- el mismo resultado, pero la forma de llegar a el es MUY diferente. Es tan diferente como el hacer un programa contable en Acces VS Delphi. |
Después de leer todo lo aconsejado, de visitar todas las webs, de descargar, instalar y probar todas las opciones, después de leer información, comentarios, foros, etc. me dije: "yastá, lo mejor es python+django+bootstrap, con esto hago unas webs maravillosas en un día".
Bien, empecemos por python, se instala tan fácil que ni te enteras, perfecto. Veamos un tutorial, ¿pero esto qué es?, es un lenguaje de programación muy completo, muy interesante, muy amplio y, por mucho que digan, no se aprende en un día... ni dos, ni tres, aunque no se le ve complicado, es un lenguaje de programación, ni más ni menos, y todavía no veo ninguna web en todo el tutorial, es sólo lo habitual: comandos, sintaxis, bucles, listas, etc. Bien, empecemos con django, se instala igual que python, perfecto. Veamos un tutorial, bien, esto es un framework de python, para hacer webs guapas, bien organizadas, ayuda a "encapsular" el tratamiento con las bases de datos, etc. pero esto no se aprende en un día... ni dos, ni tres, después de seguir los ejemplos que he encontrado (la mayoría fallaban, seguramente no lo habían depurado), me encontré que sí, que es verdad, que quedaba un directorio muy bien hecho, muy equilibrado, bien separadito unas cosas de otras, etc. pero que no me digan que esto se aprende en un día, para nada. Además de que todavía seguía sin ver una página web, esto es como una "capa" encima de python, para tener todo organizado, muy bien, estupendo, pero esto no hace páginas webs tampoco. Bien, empecemos con bootstrap, para maquetar las webs, aunque le veo un problema ¿por dónde se le mete mano a esto?, ni idea. Supongo que quien conozca otras cosas del estilo de esto, sabrá usarlo, pero quien no ha usado ninguno y no ha visto otro similar ni en pintura... pues... se pierde, ¿dónde se pone eso?, ¿se copia?, ¿se modifica?, ¿se añade?, ¿se come? :confused:. Tampoco he encontrado ningún tutorial que explique su funcionamiento para tontos, quiero decir... para novatos que no han visto ni usado nunca una cosa de esas. Resumen: para el que ya tenga conocimientos sobre estas cosas supongo que será verdad que están muy bien y ayudan mucho, que conseguirán hacer una web maravillosa en un rato o en un día, pero el que llega nuevo a estas utilidades se pierde totalmente, no sabe qué hacer con todo esto, es desesperante y te aburre porque después de varios días leyendo, probando, siguiendo tutoriales, etc. ¡¡¡no he visto todavía una página web hecha!!!, de nada. Que sí, que python está interesante, que django parece muy útil para tener una buena organización de una web, que bootstrap maquetará maravillosamente, pero todavía no he visto nada, ni una triste página web, con su cabecera, su menú, su logo, su "Regístrese", su "Contacto", su... nada de nada. Y buscar he buscado, y habrá 'cienmilmillones' de tutoriales en la web, pero deben de haberse escondido todos, porque no he encontrado nada decente. Bueno, esas son mis impresiones al día de hoy, lo mismo me está afectando esta calor :confused: |
Lo mejor va a ser que hagas un archivo word y lo guardes como html.:D
Saludos. |
Cita:
|
No esta de mas. Igual si alguien quiere hacer un sitio web, es buena idea que se "empape" de como funciona un producto terminado (joomla, wordpress, magento, etc). Siempre es bueno tener una referencia.
Y aunque casimiro ya vio el hilo, para los que siguen en este, en http://clubdelphi.com/foros/showthread.php?t=79318 habia recomendado un camino aun mas corto que django: http://bottlepy.org/docs/dev/ y que es ideal para el que quiere tener un entendimiento basico de como es todo el asunto de programar para web... |
Una característica de Joomla es que incluye un completo sitio web de ejemplo (a la hora de instalarlo te pregunta si lo quieres o no), y no sólo esa web funciona, sino que se puede ver "de primera mano" cómo es que hace todo lo que ves en la web de ejemplo, está todo ahí, para trastear de lo lindo. Más adelante (si te interesa profundizar) se pueden hacer muchas cosas...hay mucha documentación, foros, es casi un "estándar de facto" en CMS, y puede ser tan poderoso como tus conocimientos lo permitan, aunque aún sin saber casi HTML/PHP/CSS se pueden hacer cosas muy lindas y rápidamente.
¿ Templates para Joomla ? De todo, acá hay una web donde se pueden descargar muchos gratuitamente, viendo ejemplos "in situ" del aspecto de cada template: http://www.joomla24.com/option,com_g.../Itemid,6.html |
Cita:
Código:
from bottle import route, run |
Cita:
Vaya!! :( Yo que estaba esperando a que hicieras todo el trabajo para "engarcharme" a la solución que encontrarás... Me has dejado "planchado" :o |
Cita:
Aqui no hay ningun index.html, ni archivos html (no es popular con python mezclar el html con el codigo). Ese es exactamente, TODO el programa. Lo que hace es esto: Esto es lo que hay que hacer antes: 1- Instalar bottle 2- Crear un archivo .py que es el que hace el sitio (ejemplo: misitio.py) y llenarlo con el codigo. Código PHP:
Código PHP:
hello/1 hello/mundo hello/@#@@# pero no hello/world/another Código PHP:
Código PHP:
Lo que sucede aqui es que, por defecto, la respuesta esta definida como "text/html". Eso es configurable. Si por ejemplo quisiera devolver xml, json, binario, etc, se puede cambiar antes de retornas Código PHP:
Luego, en el teminal ejecutas python mistio.py y abres en el navegador http://localhost:8080 y listo. |
Revisando lo que comenta Casimiro creo que lo que le sucede es lo mismo que a muchos que no somos expertos ni deseamos serlo en sitios web: Algo con lo que pueda empezar ya mismo a crear un sitio web y a medida que le vaya poniendo cosas ver resultados casi al momento. No hay tiempo de ponerse a leer ni estudiar por muy bonito que sea tal o cual framework o tecnología. Al final todo se va a resumir en un vil html que un navegador interpretará. Resulta bastante frustrante tener que leer tutoriales y tutoriales tan solo para hacer un simple "hola mundo" ya no decir algo más complejo.
Yo insisto en que pruebes Joomla o Drupal, te garantizo que en unas dos horas ya tienes mínimo montado un blog con registro de usuarios sin tener que meterse ni un ápice con el html generado. Y de ahí ir jugando con todo lo que ya hay hecho e ir conociendo el entorno pero ya con algo funcionando. El usar otras alternativas que involucran programación es tan frustrante como tener que leerse medio manual de delphi ANTES de siquiera poder compilar un triste "hola mundo". Lo bonito de Delphi es que escribes-compilas-revisas-experimentas-compilas-revisas-experimentas-etc. |
Cita:
Y realmente, sí que me gustaría aprender python, django, bottle y todas esas cosas, pero no he encontrado ningún tutorial para quien empieza de cero. Como dice mamcx, "no hay html", vale, pero entonces qué hay y dónde va, cómo se le llama, dónde se pone el código python, cómo se crea la web (lo que se ve), menus, botones, textos, etc. ¿Dónde está ese tutorial?. |
Cita:
|
Yo estoy igual que tú.
Necesito montar una web, con algo de programación (por eso no me sirven soluciones como Drupal, Joomla, WordPres,..), conexión a Base de Datos y poco más... |
Pues a ver si nos "retroalimentamos" :), porque estos "sabiondos de la web" :p sólo dan enlaces, palmaditas en el hombro ("es muy fácil, en un día lo has aprendido y está funcionado") y "apáñatelas como puedas" :D, pero del dicho al hecho... :confused:
|
La franja horaria es GMT +2. Ahora son las 03:35:11. |
Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Traducción al castellano por el equipo de moderadores del Club Delphi