Diseñando un sitio web con IM Creator

En el mundo cada vez más amplio de creadores de sitios web en línea, es bastante difícil encontrar algo con lo que valga la pena pasar más de diez minutos. Este mercado está inundado de interfaces torpes, plantillas horribles y brutales restricciones de diseño de forma libre.

Recientemente encontré un producto llamado IM Creator que se destaca por su estilo y funcionalidad. ¿Está a la altura de sus promesas o se une al resto de los sitios en este mercado y no alcanza una solución de sitio web de bricolaje decente? Sigue leyendo para averiguarlo.

La difícil situación de la WYSIWYG basada en la Web

Los creadores de sitios web de WYSIWYG aún son considerados por muchos programadores y diseñadores profesionales como una abominación, los WYSIWYG basados ​​en la web se duplican. La mayoría de ellos impone restricciones estrictas a su libertad de diseño y / o escupe algún código bastante abominable. Algunos incluso van tan lejos como para repartir un? ¡Espera, sitio Flash! Definitivamente estoy en el código de ti mismo? Campamento, pero aún sigo jugando con estas cosas cuando veo una nueva para observar cómo está evolucionando este mercado.

"A pesar del rechazo de los codificadores, el mercado se niega a morir".

Lo que tiene mi interés en esta área es que, a pesar del rechazo por parte de nosotros, los codificadores, el mercado se niega a morir. De hecho, parece que no solo está creciendo, sino que está mejorando rápidamente. Cada nuevo y sofisticado creador de sitios web de bricolaje que encontré es un poco mejor que el anterior. La mejora incremental no es nada para burlarse, a largo plazo podría llevar a productos que incluso los profesionales serios tienen que apreciar.

¿Llegará ese día alguna vez? Muchos dicen que no lo hará. El argumento popular dice que los WYSIWYG nunca serán una herramienta para los profesionales de diseño web serios, solo los aficionados que deseen estar en las grandes ligas o los empresarios que no pueden contratar un diseñador.

Apostaría a que si volviera a la década de 1980, encontraría muchos diseñadores que me dirían lo mismo de las computadoras en general. Claro, tienen potencial, pero ningún diseñador serio jamás usaría uno. Hacerlo sería abandonar el verdadero arte del diseño y la libertad de construir a mano. ¿Suena familiar?

No estoy argumentando que todo diseñador web debería agotarse y comenzar a utilizar Homestead, simplemente digo que no tiene sentido descartar para siempre la idea de que este nicho de productos podría algún día causar un gran revuelo en el mundo profesional. Más allá de lo que vimos de Dreamweaver hace años.

Con eso en mente, seguiré intentando estas cosas. Podría sacudir la cabeza y preguntarme cómo algunos de ellos están tan lejos de la base, pero estoy seguro de que algún día realizaré ese mismo gesto con asombro de hasta qué punto han llegado estos productos.

Conoce a IM Creator

El último creador de sitios web en línea que he encontrado es IM Creator. El argumento de venta es muy parecido al de sus hermanos: construya su propio y hermoso sitio web sin tener que escribir una sola línea de código, ¡gratis! Todos sabemos que estas reclamaciones gratuitas son bastante falsas porque a largo plazo, tendrá que desembolsar el alojamiento si realmente quiere usar el sitio. Pero al menos es realmente gratuito registrarse y comenzar a construir sitios.

IM Creator realmente demora el registro hasta que desee guardar algo para poder acceder directamente al creador del sitio.

La interfaz aquí es completamente vacía, de una buena manera. Se ve simple y accesible. Hay una tonelada que puedes hacer pero está inteligentemente estructurada para que sea lo suficientemente fácil para que prácticamente cualquiera pueda usarla.

Construyendo una página web

Elegí crear mi propio sitio desde cero, por lo que IM Creator me inició con lo que es esencialmente una página en blanco con un menú de navegación simple en la parte superior.

Para agregar algo a la página, haga clic en "Agregar un elemento". Botón en la parte superior, que expande una franja bastante grande de botones con opciones para agregar una imagen, título, párrafo, video, galería, presentación de diapositivas, etc.

Para empezar, elijo soltar una imagen. De inmediato, una atractiva fotografía de un ave aparece en mi lienzo, lista para ser redimensionada y arrastrada a su lugar.

Al hacer clic en el pequeño botón de enlace que se encuentra sobre la imagen, aparece un cuadro de diálogo que le permite configurar fácilmente un enlace interno o saliente para que al hacer clic en la imagen, lo lleve a un destino específico. En otros lugares puede agregar un título, texto alternativo, etc.

Con la imagen seleccionada, hago clic en? Avanzado? en la parte superior derecha de la pantalla y seleccione "Bordes y fondo". opción. Después de ver mis opciones, decido ver si puedo convertir esta foto en un círculo elevando el radio del borde (que es como lo haría en CSS).

Desafortunadamente, esto no hace nada de nada. Parece funcionar en cajas, pero no en imágenes. Además, el radio del borde controla el máximo de 99px, lo que lo hace casi inútil para el hackeo de mi círculo.

No importa, puedo hacer una foto circular por mi cuenta. Así que mi siguiente paso es reemplazar la imagen del marcador de posición de ave con una imagen de mi disco duro. Para hacer esto, haz clic en la imagen y luego pulsa el azul grande ¿Reemplazar foto? botón.

La aplicación rápidamente importa mi foto y la empujo en su lugar. Estoy empezando a sentir rápidamente el flujo de trabajo aquí y no está tan mal. La aplicación es bastante receptiva y se siente mucho más suave de lo que esperaba. También me gusta que no me obliguen a usar una plantilla, ya que con aplicaciones como iWeb, puedo crear lo que quiera.

Añadiendo un poco de texto

A continuación vuelvo a? ¿Agregar un elemento? Botón y esta vez elijo un párrafo. Una vez más, el contenido del marcador de posición es bastante impresionante. El párrafo aparece con un encabezado, ambos de los cuales ya tienen un estilo bastante agradable.

Sin embargo, inmediatamente me doy cuenta de que odio la altura de línea aplastada, así que pulso? Editar párrafo? A ver si puedo arreglarlo. Desde aquí tengo opciones básicas como configurar la familia de fuentes (una selección decente de fuentes gratuitas populares como Chunk Five y Aller), tamaño, color, etc.así como algunas opciones avanzadas. Aquí encuentro el control de altura de línea que busco.

Poner en marcha la línea de altura hasta 1.5em ayuda enormemente. ¡Ya nuestra página está empezando a verse bastante bien!

Arreglando el menu

Lo siguiente en la agenda es arreglar ese feo menú de navegación. Decidí ir con algo mucho más mínimo: solo texto sin formato con simples efectos de desplazamiento.

No tenía idea de cómo lograr esto, pero al hacer clic en el botón de Configuración del menú apareció un conjunto de controles que lo hicieron súper fácil. Pude deshacerme del color de fondo, configurar el texto y el color de la posición del texto, espaciar los elementos a mi gusto e incluso ajustar el espacio entre las letras.

Después de un poco más de ajustes en el menú, lanzo un logotipo y esta cosa realmente está empezando a parecer una página web decente.

Terminando

Siguiendo el mismo proceso, completo el resto del diseño. Hay una serie de herramientas realmente útiles para jugar aquí. Por ejemplo, pude insertar un mapa de Google en vivo y mi feed de Twitter en segundos. Así es como se ve el resultado final:

Ser capaz de construir realmente lo que tengo en mente en un creador de sitios web en línea gratuito es en realidad una hazaña bastante impresionante. Definitivamente me hubiera gustado tener más control sobre las propiedades de CSS, especialmente las de diseño, pero en general, la experiencia de construcción fue agradable.

Se ve bien, pero ¿qué hay detrás de la cortina?

Si desea ver la página real que resultó de mis pruebas, puede verla aquí. En la superficie, se ve bien, pero cualquier diseñador web tendrá algunos problemas serios con él. Solo para asegurarme de que no había hecho nada malo, comparé mi resultado con uno de los sitios destacados. Ambos sufrieron de los mismos problemas.

Para empezar, el código es un desastre. El HTML está completamente lleno de contenido que parece más relacionado con la aplicación y sus funciones que la página que está viendo en el navegador. Además, la funcionalidad básica es bastante áspera. Por ejemplo, no puede seleccionar ninguno de los textos en la página. Por lo que sé, las fuentes se presentan con FontSquirrel y @ font-face, por lo que no hay razón para que no se puedan seleccionar por completo.

Bajo el capó, el código y la funcionalidad es un lugar crítico donde casi todos los WYSIWYG se quedan cortos de una manera u otra. Definitivamente es un área que debe abordarse antes de que estas herramientas y sus productos resultantes puedan ser verdaderamente respetadas como "reales". sitios web

Plantillas preciosas

IM Creator puede no ser grande en lo que está debajo del capó, pero debo decir que, desde un punto de vista puramente visual, realmente sobresale. Las plantillas incorporadas son algunas de las mejores que he visto en un servicio como este:

Es realmente agradable ver a alguien que ofrece plantillas de diseño web realmente modernas en un servicio WYSIWYG, la norma en esta industria tiende a ser las páginas que se ven desde 1999.

Todo el paquete

Como mencioné anteriormente, el? Gratis? El elemento es realmente solo para el elemento de diseño. Tendrá que desembolsar la masa para el alojamiento y un dominio personalizado. El precio actual es de $ 7.95 / mes (solo por debajo de $ 100 por año) pero parece que aumentará a $ 12.95 en un futuro cercano.

No es el servicio más barato del mundo, pero si tiene un presupuesto ajustado, pagar $ 100 para obtener un sitio web atractivo alojado en el dominio que elija durante un año es en realidad una oferta bastante decente. Si me contratara con el mismo objetivo en mente, ciertamente pagaría mucho más (aunque obtendría un producto mucho mejor).

Conclusión: ¿Cuál es el veredicto?

Obviamente, no hace falta decir que esto no es un producto para diseñadores web profesionales, y no está destinado a serlo. Tenemos mejores y más profesionales herramientas disponibles para nosotros y este tipo de servicios no ofrecen el poder o la flexibilidad que necesitamos.

Sin embargo, si usted es fotógrafo, restaurante u otra pequeña empresa, el paquete IM Creator es bastante atractivo. Tiene un precio decente y en realidad me impresiona con su capacidad para construir algo completamente desde cero con bastante libertad. Y para la gente que no tiene talento para diseñar desde cero, las plantillas proporcionadas eliminan a cualquier competidor que haya visto.

Los creadores de sitios de bricolaje en línea aún tienen un largo camino por recorrer, pero productos como IM Creator apuntan a un futuro en el que este tipo de herramientas producen sitios web realmente impresionantes que atraen a las masas y se sostienen bajo el escrutinio de un profesional.