Conception d'un site Web avec IM Creator

Dans le monde en constante expansion des concepteurs de sites Web en ligne, il est assez difficile de trouver quelque chose qui vaille la peine de dépenser plus de dix minutes. Ce marché est inondé d'interfaces maladroites, de modèles hideux et de restrictions brutales en matière de conception de formes libres.

Je suis récemment tombé sur un produit appelé IM Creator qui se distingue par son style et ses fonctionnalités. At-il tenu ses promesses ou rejoint-il le reste des sites de ce marché et n’atteint pas une solution décente de création de sites Web de bricolage? Continuez à lire pour le découvrir.

Le sort du WYSIWYG sur le Web

Les constructeurs de sites Web WYSIWYG sont encore considérés par beaucoup de développeurs et de concepteurs professionnels comme un peu abominable, alors que les sites Web WYSIWYG basés sur le Web sont deux fois plus abominables. La plupart d'entre eux imposent des contraintes strictes à votre liberté de conception et / ou crachent un code assez abominable. Certains vont même jusqu'à en dire un? attendez, site flash! Je suis définitivement dans le? Code-le vous-même? camp, mais je joue toujours avec ces choses quand j’en vois une nouvelle juste pour garder un œil sur l’évolution de ce marché.

"Malgré le rejet de nos codeurs snob, le marché refuse de mourir."

Ce qui m'intéresse dans ce domaine, c'est que, malgré le rejet de nos codeurs snob, le marché refuse de mourir. En fait, il semble que non seulement il augmente, mais qu'il s'améliore rapidement. Chaque nouveau constructeur de sites Web à faire soi-même est un peu meilleur que le précédent. L’amélioration progressive n’est pas un problème, elle pourrait à long terme donner lieu à des produits que même les professionnels les plus sérieux doivent apprécier.

Ce jour viendra-t-il jamais? Beaucoup disent que non. L'argument populaire dit que les WYSIWYG ne seront jamais un outil pour les professionnels du design web sérieux, mais uniquement pour les amateurs souhaitant faire partie des ligues majeures ou pour les entrepreneurs qui ne peuvent pas se permettre d'embaucher un designer.

Je parierais que si je remontais dans les années 1980, je trouverais des tonnes de concepteurs qui me diraient la même chose de l'informatique en général. Bien sûr, ils ont un potentiel, mais aucun designer sérieux n’en utiliserait jamais. Ce serait abandonner le véritable art du design et la liberté de construire à la main. Semble familier?

Je ne prétends pas que tous les concepteurs de sites Web devraient épuiser leurs ressources et commencer à utiliser Homestead, je dis simplement qu'il ne sert à rien d'éliminer à jamais l'idée que cette niche de produits pourrait un jour faire sensation, même dans le monde professionnel. au-delà de ce que nous avons vu de Dreamweaver il y a quelques années.

Dans cet esprit, je vais continuer d'essayer ces choses. Je pourrais secouer la tête et me demander comment certains d'entre eux sont si loin de la base, mais je suis confiant qu'un jour, j'exécuterai le même geste en m'émerveillant du chemin parcouru par ces produits.

Rencontrez le créateur IM

Le créateur de site Web en ligne le plus récent que j'ai rencontré est IM Creator. L'argumentaire de vente ressemble beaucoup à celui de ses frères: construisez votre propre site Web sans avoir à taper une seule ligne de code, gratuitement! Nous savons tous que ces demandes gratuites sont assez fausses car, à long terme, vous devrez débourser pour l'hébergement si vous voulez réellement utiliser le site. Mais au moins, c'est vraiment gratuit de s'inscrire et de commencer à construire des sites.

En réalité, IM Creator retarde l’inscription jusqu’à ce que vous souhaitiez enregistrer quelque chose afin que vous puissiez passer directement au créateur de site.

L'interface ici est complètement nue, dans le bon sens. Cela a l'air simple et abordable. Vous pouvez en faire beaucoup, mais il est intelligemment structuré de manière à être assez facile pour que quiconque puisse l'utiliser.

Construire une page Web

J'ai choisi de créer mon propre site à partir de rien et IM Creator m'a donc lancé avec ce qui est essentiellement une page vierge avec un simple menu de navigation en haut.

Pour ajouter quelque chose à la page, vous cliquez sur le bouton? Ajouter un élément? bouton en haut, qui étend une assez grande bande de boutons avec des options pour ajouter une image, un titre, un paragraphe, une vidéo, une galerie, un diaporama, etc.

Pour commencer, je choisis de déposer une image. Tout de suite, une photo attrayante d'un oiseau apparaît dans ma toile, prête à être redimensionnée et traînée en place.

En cliquant sur le petit bouton de lien situé au-dessus de l'image, une boîte de dialogue vous permettant de configurer facilement un lien interne ou sortant vous permet de choisir une destination. Ailleurs, vous pouvez ajouter un titre, un texte alternatif, etc.

Avec la photo sélectionnée, je clique sur le bouton? Avancé? en haut à droite de l’écran et sélectionnez "Bordures et arrière-plan?" option. Après avoir examiné mes options, je décide de voir si je peux transformer cette photo en un cercle en appuyant sur le bord de la bordure (ce que je ferais en CSS).

Malheureusement, cela ne fait rien. Cela semble fonctionner sur les boîtes, mais pas sur les images. En outre, le rayon de la frontière contrôle au maximum à 99px, ce qui le rend presque inutile pour mon hack de cercle.

Peu importe, je peux créer une image de cercle moi-même. Ma prochaine étape consiste donc à remplacer l’image de marque d’emplacement réservé aux oiseaux par une image de mon disque dur. Pour ce faire, vous cliquez sur l'image, puis sur le gros bleu? Remplacer Pic? bouton.

L'application importe rapidement ma photo et je la mets en place. Je commence rapidement à avoir une idée du flux de travail ici et ce n’est pas si mal. L'application est assez réactive et se sent beaucoup plus lisse que prévu. J'aime aussi le fait que je ne sois pas obligé de créer un modèle, car avec des applications comme iWeb, je peux créer ce que je veux.

Ajout de texte

Ensuite, je retourne à la section «Ajouter un élément». bouton et cette fois je choisis un paragraphe. Encore une fois, le contenu de l'espace réservé est assez génial. Le paragraphe apparaît avec un en-tête, les deux étant déjà assez bien stylés.

Cependant, je remarque immédiatement que je déteste la hauteur de ligne écrasée, alors je frappe? Modifier un paragraphe? pour voir si je peux le réparer. A partir de là, j'ai des options de base comme définir la famille de polices (une sélection de polices gratuites populaires telles que Chunk Five et Aller), la taille, la couleur, etc.ainsi que certaines options avancées. Ici, je trouve le contrôle de hauteur de ligne que je suis après.

Augmenter la hauteur de ligne jusqu'à 1,5 m aide énormément. Notre page commence déjà à bien paraître!

Fixer le menu

Le prochain point à l'ordre du jour est la fixation de ce menu de navigation moche. J'ai décidé de choisir quelque chose de beaucoup plus minimal: un texte simple avec de simples effets de survol

Je ne savais pas comment y parvenir, mais en cliquant sur le bouton Paramètres du menu, un ensemble de commandes a été créé pour le rendre très facile. J'ai pu supprimer la couleur d'arrière-plan, définir le texte et la couleur de survol du texte, espacer les éléments à ma guise et même ajuster l'espacement des lettres.

Après un peu plus de modifications de menu, je jette dans un logo et cette chose commence vraiment à ressembler à une page Web décente!

Finir

En suivant le même processus, je remplis le reste de la conception. Il existe un certain nombre d'outils vraiment utiles pour jouer avec ici. Par exemple, j'ai pu insérer une carte Google en direct et mon flux Twitter en quelques secondes à peine. Voici à quoi ressemble le résultat final:

Pouvoir réellement créer ce que je pense de la part d’un constructeur de sites Web en ligne gratuit est en fait un exploit assez impressionnant. J'aurais certainement aimé avoir plus de contrôle sur les propriétés CSS, en particulier sur l'agencement, mais dans l'ensemble, la construction a été agréable.

Ça a l'air bien, mais qu'y a-t-il derrière le rideau?

Si vous voulez voir la page résultant de mes tests, vous pouvez la vérifier ici. En apparence, tout va bien, mais tout concepteur de sites Web aura de sérieux problèmes. Juste pour m'assurer que je n'avais rien fait de mal, j'ai comparé mon résultat avec l'un des sites présentés. Ils ont tous deux souffert des mêmes problèmes.

Pour commencer, le code est un gâchis. Le code HTML est complètement saturé de contenu qui semble plus lié à l'application et à ses fonctions qu'à la page que vous consultez dans le navigateur. De plus, les fonctionnalités de base sont assez rugueuses. Par exemple, vous ne pouvez sélectionner aucun texte sur la page. Autant que je sache, les polices sont fournies avec FontSquirrel et @ font-face. Il n’ya donc aucune raison pour qu’elles ne soient pas entièrement sélectionnables.

Sous le capot, le code et la fonctionnalité constituent un endroit critique où presque tous les WYSIWYG sont défaillants d'une manière ou d'une autre. C’est un domaine qui doit absolument être abordé avant que ces outils et les produits qui en résultent puissent vraiment être respectés comme «vrais». sites Internet.

Modèles magnifiques

IM Creator est peut-être loin d'être à la hauteur de ce qu'il y a derrière, mais je dois dire que d'un point de vue purement visuel, il excelle vraiment. Les modèles intégrés sont parmi les meilleurs que j'ai vus d'un service comme celui-ci:

C’est vraiment agréable de voir quelqu'un proposer des modèles de conception de sites Web d'apparence vraiment moderne dans un service WYSIWYG. La norme dans ce secteur tend à être les pages qui ressemblent tout à fait à celles de 1999.

Le paquet entier

Comme je l'ai mentionné plus tôt, le? Libre? L'élément est vraiment juste pour l'élément de conception. Vous devrez débourser la pâte pour l'hébergement et un domaine personnalisé. Le prix actuel est de 7,95 $ / mois (un peu moins de 100 $ par an), mais il semble que le prix passera à 12,95 $ dans un proche avenir.

Ce n'est pas le service le moins cher au monde, mais si vous avez un budget serré, payer 100 $ pour obtenir un site Web attrayant hébergé dans le domaine de votre choix pendant un an est en réalité une affaire plutôt décente. Si vous m'engagiez avec le même objectif en tête, vous paieriez certainement beaucoup plus (bien que vous obteniez un bien meilleur produit).

Conclusion: quel est le verdict?

Évidemment, cela va sans dire, ce n'est pas un produit pour les concepteurs de sites Web professionnels, et ce n'est pas censé l'être. Nous disposons de meilleurs outils, plus professionnels, et ces types de services n'offrent pas le pouvoir ni la flexibilité dont nous avons besoin.

Toutefois, si vous êtes un photographe, un restaurant ou une autre petite entreprise, le package IM Creator est plutôt séduisant. Son prix est décent et m'impressionne par sa capacité à construire quelque chose à partir de rien avec une grande quantité de liberté. Et pour ceux qui ne sont pas doués pour concevoir à partir de rien, les modèles fournis font exploser tous les concurrents que j'ai vus.

Les créateurs de sites de bricolage en ligne ont encore beaucoup de chemin à parcourir, mais des produits tels que IM Creator suggèrent un avenir où ces types d’outils produisent des sites Web vraiment impressionnants qui séduisent à la fois les masses et laissent présager l’attention d’un professionnel.