8 herramientas para hacer tu sitio web gratis
Es la verdad que a veces tenemos que querer producir sitios web con un presupuesto ajustado. También es cierto que a veces es posible que solo deseemos crear y crear algunos sitios por diversión, por lo que no queremos gastar mucho dinero en ellos.
Bueno, afortunadamente, es ahí donde entra la web. Hay tantos avances tecnológicos que nos permiten crear y publicar sitios web, no solo con un presupuesto sino de forma gratuita. Desde el diseño web hasta el desarrollo, existen servicios totalmente gratuitos que nos permiten crear sitios web PROFESIONALES, no solo sitios basados en plantillas que recuerdan a finales de los 90.
Hoy, seleccionamos 8 de los mejores sitios para ayudarlo a crear su sitio, eso es correcto, todo está basado en la web y es GRATUITO.
El diseño
Para muchos de nosotros que somos diseñadores, podemos comenzar con el diseño del sitio web. Nos ayuda a visualizar lo que queremos y nos da una idea de cómo se configurará y funcionará todo. Ahora, muchas veces los diseñadores utilizarán programas como Adobe Photoshop o Adobe Fireworks para crear un diseño. A continuación hay tres aplicaciones de edición de fotos que creo que vale la pena intentar.
Phoenix por aviario
Lo que dicen los desarrolladores:
"Desde el retoque básico de imágenes hasta los efectos complejos, Phoenix ofrece las características clave de un editor de imágenes de escritorio con la simplicidad y la accesibilidad de una aplicación basada en la web".
Lo que todos dicen:
La forma en que se nos presenta a Phoenix es como una herramienta ideal para manipulaciones y ajustes de imágenes y similares. Lo bueno de Phoenix es que tiene muchas de las características que se encuentran familiares en Photoshop, pero son mucho más simples. Todo lo que es necesario está ahí y es un poco más intuitivo que un software más complejo como Photoshop o incluso Gimp.
Una ventaja añadida: Phoenix es creado por Aviary, que tiene una plétora de otras aplicaciones basadas en la web, como una aplicación de diseño vectorial y una aplicación de efectos de video. Puede guardar sus archivos en Aviario (siempre que sea un usuario registrado) y puede abrir proyectos fácilmente entre aplicaciones. Esto es ideal para cualquier diseñador o ilustrador que quiera tomar su creación vectorial y hacer un diseño de sitio web fuera de ella. También puede importar y trabajar con archivos PSD.
Los inconvenientes de esta aplicación son que no hay una tonelada de filtros. Esto no importa mucho si solo está haciendo cambios básicos en las fotos (recortar, transformar, etc.), pero si está aquí para crear un diseño o diseño más complejo, es posible que desee probar una aplicación diferente. Además, Aviary guarda tu trabajo por defecto bajo una licencia de Creative Commons, así que a menos que hagas cambios allí, vas a compartir tu trabajo por todas partes. También puede publicar su trabajo para que todos lo vean a través de la red Aviary, si así lo desea.
Editor por Pixlr.com
Lo que dicen los desarrolladores:
" Pixlr Editor es un editor de fotos en línea gratuito con un toque prefesional. Repara, ajusta y filtra tus imágenes ... "
Lo que todos dicen:
Pixlr Editor se presenta como el Photoshop en línea. Esta aplicación no es tan fácil de entender como la anterior, Phoenix. Hay tantas funciones y filtros en este Editor que son exclusivos de este programa, la mayoría para editar y retocar imágenes. Sería muy difícil utilizar esta aplicación desde cero a menos que tenga algún conocimiento sobre retoque fotográfico, así como algunos conocimientos de Photoshop.
La sofisticación de esta aplicación permite más diseños pesados de imágenes y diseños complejos. Hay muchos filtros y ajustes que ayudan a personalizar el aspecto de sus imágenes y diseño. No hay muchos inconvenientes aquí, aparte de que es mucho más complicado que la mayoría de las aplicaciones en línea, pero debido a eso, hay mucha más personalización que se puede hacer. Desafortunadamente, no puedes abrir y editar archivos PSD. Sin embargo, no es necesario que tenga una cuenta para guardar los archivos que crea con Pixlr Editor; puede guardarlos directamente en su disco duro.
Splashup
Lo que dicen los desarrolladores:
" Splashup, anteriormente Fauxto, es una potente herramienta de edición y administrador de fotos. Con las características que los profesionales usan y los principiantes quieren, es fácil de usar, funciona en tiempo real y le permite editar muchas imágenes a la vez. Splashup se ejecuta en todos los navegadores, se integra a la perfección con los principales sitios para compartir fotos, e incluso tiene su propio formato de archivo para que pueda guardar su trabajo en progreso. "
Lo que todos dicen:
Esta aplicación es una buena combinación entre la simplicidad de Phoenix y la sofisticación de Pixlr Editor. Parece ser una aplicación cercana, pero no del todo, una imitación de Photoshop. De hecho, diría que no es tan intuitivo, ya que todas las herramientas y botones no son lo mismo y puede ser un poco confuso. Sin embargo, eso no cambia el poder de las capacidades de diseño.
El mayor inconveniente que encontré con Splashup es que está construido con Flash. No es un gran problema, pero probablemente puede absorber mucha memoria y pasar por muchos errores y errores. También nuevamente, no lo encontré tan intuitivo y fácil de usar como los otros programas, principalmente debido a la implementación de Flash y la diferencia en algunos botones.
La conclusión, sin embargo, es que Splashup es totalmente capaz de diseñar un diseño web. Desafortunadamente, este programa no importa archivos PSD, pero tampoco es necesario tener una cuenta para guardar archivos. Puede guardarlos en su disco duro, así como en una variedad de otros lugares (como Flickr, Photobucket, etc.).
Pintura de sumo
Lo que dicen los desarrolladores:
" Sumopaint es la aplicación de pintura y manipulación de fotos más versátil en línea. Actualmente tiene más de 1 millón de usuarios activos mensuales y una comunidad vibrante ".
Lo que todos dicen:
Al igual que los otros editores, Sumopaint toma una puña bastante decente en el mundo de la manipulación y el diseño de fotos. Lo que me gusta de Sumopaint es la integración de muchas de las herramientas que encuentras en Photoshop que no se encuentran en muchos de los otros editores en línea, a saber, la varita mágica y las herramientas de formas personalizadas. La configuración es muy similar a la de versiones anteriores de Photoshop, lo que lo hace muy intuitivo.
Tiene algunas de las funciones, filtros y ajustes más sofisticados, que una vez más hacen que trabajar con diseños complejos sea más fácil. Este editor se crea con Flash, por lo que también puede haber algunos problemas con eso, en lo que respecta al retraso y la memoria. Pero si te gustan los editores basados en Flash, este es obviamente el más estelar de los dos (SplashUp).
Esta aplicación viene en varios idiomas diferentes, lo que la hace extremadamente versátil. Sumopaint cuenta con una comunidad de diseño bastante grande de 4 millones de personas que comparten, colaboran, califican y 'remezclan' el trabajo de los demás. Sumopaint es uno de los más fáciles de usar (especialmente cuando proviene de Photoshop) con algunas de las mejores características que ofrece.
La codificación
Dependiendo del flujo de trabajo deseado, puede hacer su diseño y codificación simultáneamente o en dos fases separadas y distintas. Sea cual sea su flujo deseado, debe codificar su sitio web en algún momento. Hay muchos programas descargables diferentes que usamos para codificar nuestros sitios, dependiendo de lo que nos guste, pero he reunido cuatro de los mejores para diseñadores web (no necesariamente desarrolladores que dominan HTML o CSS).
Drawter
Lo que dicen los desarrolladores:
"Drawter es una herramienta escrita en JavaScript y basada en la biblioteca jQuery. Le brinda la posibilidad de dibujar literalmente el código de su sitio web. Se ejecuta en todos los navegadores web, lo que lo hace realmente útil y útil. Cada etiqueta se presenta como una capa que ha dibujado.
Actualmente Drawter está disponible en la versión Pro, lo que significa que está destinado solo para uso de webmasters: se requiere conocimiento de HTML y CSS. Drawter no es una herramienta para laicos, por el momento, pero todo el equipo detrás del proyecto está haciendo todos los esfuerzos posibles para lanzar una nueva versión llamada "Amateur". Pronto podrá dibujar sus sitios web sin ningún conocimiento de HTML o CSS. Lanzamiento de 2010. "
Lo que todos dicen:
Como diseñador, lo que me atrajo de Drawter fue la capacidad de dibujar realmente mi diseño deseado con la regla basada en píxeles a lo largo de ambos ejes. Genera el código CLEAN para usted y todo lo que tiene que hacer es nombrar cada una de sus secciones o divs que cree. Puede personalizar sus divs con propiedades CSS, como colores de fondo e imágenes, para ayudarlo a tener una idea real de cómo se verá su sitio web. También puede jugar con las fuentes y bordes y cualquier cosa que lo ayude a conceptualizar visualmente su sitio web.
Drawter también tiene muchos atributos diferentes y le permite insertar etiquetas de formulario, etiquetas de encabezado y mucho más para HTML. Esto es ideal para aquellos de nosotros que tenemos diseños que realmente requieren mucho trabajo y atención, especialmente si no somos tan hábiles en el margen de beneficio. El mayor inconveniente que encontré para Drawter es que está solo en HTML4, algunos pueden encontrar que esto es un gran problema, y otros no. Creo que es una de esas cosas viables, especialmente si sabes cómo codificar en HTML5 y CSS3.
Constructor YAML
Lo que dicen los desarrolladores:
"Los Constructor YAML es una herramienta para crear visualmente diseños de CSS basados en YAML. Permite la configuración de características básicas de diseño, como el número y el posicionamiento de las columnas de contenido, así como la creación dinámica de diseños basados en cuadrícula arrastrando y soltando subperteos. No del todo WYSIWYG, pero cerca!
El código generado por el Creador se basa en la estructura de archivos de la plantilla "Proyecto simple", de modo que el resultado completo se puede copiar y pegar directamente, sin cambiar nada. El marcado XHTML requerido, el diseño de la pantalla, así como los ajustes específicos del diseño para Internet Explorer se generan automáticamente ".
Lo que todos dicen:
YAML Bulder se basa de nuevo, más cerca del CSS de un sitio web que cualquier otra cosa. Lo que me pareció atractivo de YAML fueron los ajustes preestablecidos que ya tenían: el sitio web de dos columnas, el sitio web de tres columnas, etc. Esto es genial si primero quieres crear tu código, luego ingresas a una de las aplicaciones de diseño y cuentas por el aspecto de su sitio web.
No me pareció tan fácil e intuitivo usarlo como Drawter, donde dibujaste lo que querías. Básicamente YAML tiene sus plantillas y para ajustar y cambiar todo lo que debe encontrar las propiedades y luego escribir todo adentro. Tampoco es tan amplio como Drawter donde puede cargar imágenes y cambiar colores e insertar etiquetas de formulario. Este es un poco más estricto en cuanto a la creación de un marco en el que más tarde conecte y ejecute sus imágenes, así como su personalización. Encuentro este enfocado un poco más en la codificación y menos y el aspecto.
De nuevo, este editor no es compatible con HTML5 en este momento.
jsFiddle
Lo que dicen los desarrolladores:
" JsFiddle es un campo de juegos para desarrolladores web, una herramienta que se puede usar de muchas maneras. Uno puede usarlo como editor en línea para crear fragmentos a partir de HTML, CSS y JavaScript. El código puede luego ser compartido con otros, incrustado en un blog, etc. Usando este enfoque, los desarrolladores de JavaScript pueden aislar fácilmente los errores. Nuestro objetivo es apoyar todos los marcos desarrollados activamente, ayuda a probar la compatibilidad ".
Lo que todos dicen:
Esta es definitivamente una aplicación más para los desarrolladores y especialistas en marcas por ahí. Elegí jsFiddle porque le permite trabajar con diferentes bibliotecas de JavaScript como mooTools y jQuery. También le permite depurar su JavaScript y obtener una vista previa del aspecto de su producto final.
jsFiddle no es como los otros editores de marcado porque aquí tienes que codificar todo desde cero. Por supuesto, esto podría ser una gran cosa porque tienes más control sobre lo que estás haciendo, especialmente si sabes exactamente qué es lo que quieres hacer. Muchos desarrolladores no usan jsFiddle para codificar páginas enteras, pero sí lo usan para depurar y resolver problemas con partes de su JavaScript. Sin embargo, jsFiddle es más que capaz de ayudarlo con todo el diseño de su sitio web.
Kodingen
Lo que dicen los desarrolladores:
"Kodingen comenzó con dos hermanos (Devrim y Sinan) reunidos para devolver algo a la comunidad de desarrolladores".
Lo que todos dicen:
Lo que inmediatamente atrajo a Kodingen fue el sentido de comunidad que se mostraba. En lugar de sentirse como un editor web basado en la nube, realmente se sentía como una red social abierta. El objetivo de Kodingen es reducir la cantidad de pelusas que tenemos que soportar cuando queremos crear, desarrollar, alojar y actualizar sitios web. En general, tenemos que ir a diferentes sitios web para cada paso, pero Kodingen lo convierte en una tienda de ventanilla única.
Cuando te registras, obtienes una cuenta de alojamiento muy modesta (500 MB y 1 GB de ancho de banda), pero una vez más, lo que me gustó de esto fue el sentido de comunidad. Se admiten muchos lenguajes de codificación y puede conectarse con diferentes miembros de la comunidad para obtener ayuda o para formar equipos en proyectos. Esto es ideal para aquellos de nosotros que somos más fuertes en el diseño que en el desarrollo y que podríamos usar un poco de ayuda de vez en cuando para que nuestro sitio web esté donde debe estar.
El mayor inconveniente aquí es que es Beta. Te advierten antes de unirte que tu URL y tus archivos podrían desaparecer al día siguiente, por lo que lo recomiendan para jugar y colaborar rápidamente. Sin embargo, si alguna vez se convirtiera en un lanzamiento oficial, creo que cualquiera que esté interesado en el diseño y desarrollo web debería subirse a este tren. Kodingen es todo en uno: no hay sitios que brinquen para hacer que todo funcione en conjunto, todo está en un solo lugar, con la opción de hacer que otras personas te ayuden. No estoy muy seguro de dónde puede salir mal Kodingen.
Conclusión
Como diseñadores y desarrolladores web, por supuesto, queremos utilizar la mejor calidad para producir la mejor calidad, y afortunadamente tenemos formas de hacerlo con un presupuesto ajustado. Continúe investigando y encuentre herramientas que lo ayuden a crear mejores sitios web. Estas son solo algunas de las mejores aplicaciones y sitios web basados en la web que ayudan a la gente con un presupuesto limitado.
¿Qué otras aplicaciones y programas dejamos fuera de la lista que te ENCANTA usar?