8 outils pour rendre votre site Web gratuit
C'est la vérité que parfois nous devons et voulons produire des sites Web sur un budget. Il est également vrai que, parfois, nous voulons simplement créer et créer des sites pour nous amuser, alors nous ne voulons pas dépenser une tonne d’argent pour ces sites.
Eh bien, heureusement, c’est là que le Web entre en jeu. Il ya tellement de grandes avancées technologiques qui nous permettent de créer et de mettre en place des sites Web, non seulement sur un budget, mais gratuitement. De la conception Web au développement, il existe des services gratuits qui nous permettent de créer des sites Web PROFESSIONNELS, et pas seulement des sites basés sur des modèles qui rappellent la fin des années 90.
Aujourd'hui, nous avons sélectionné 8 des meilleurs sites pour vous aider à faire de votre site un site parfait, tout est basé sur le Web et GRATUIT.
La conception
Pour beaucoup d'entre nous, concepteurs, nous pouvons commencer par concevoir le site Web. Cela nous aide à visualiser ce que nous voulons et nous donne une idée de la manière dont tout va être mis en place et fonctionne. À plusieurs reprises, les concepteurs utilisent des programmes tels que Adobe Photoshop ou Adobe Fireworks pour créer une mise en page. Voici trois applications de retouche photo qui, je pense, valent la peine d’être essayées.
Phoenix par volière
Ce que disent les développeurs:
"De la retouche d'image de base aux effets complexes, Phoenix offre les fonctionnalités clés d'un éditeur d'image de bureau avec la simplicité et l'accessibilité d'une application Web."
Ce que tout le monde dit:
La façon dont Phoenix nous est présenté est un outil idéal pour les manipulations et les ajustements d’images et autres. La grande chose à propos de Phoenix, c'est qu'il possède de nombreuses fonctionnalités que l'on trouve familières dans Photoshop, mais qui sont beaucoup plus simples. Tout ce qui est nécessaire est là et est un peu plus intuitif que des logiciels plus complexes comme Photoshop ou même Gimp.
Un plus: Phoenix est créé par Aviary, qui propose de nombreuses autres applications Web, telles qu'une application de conception vectorielle et une application d'effets vidéo. Vous pouvez enregistrer vos fichiers sur Aviary (tant que vous êtes un utilisateur enregistré) et vous pouvez facilement ouvrir des projets entre les applications. C'est génial pour tout designer ou illustrateur qui veut prendre sa création vectorielle et en faire une mise en page de site Web. Vous pouvez également importer et travailler avec des fichiers PSD.
Les inconvénients de cette application sont qu'il n'y a pas une tonne de filtres. Ce n'est pas grave si vous apportez des modifications de base aux photos (recadrage, transformation, etc.), mais si vous êtes ici pour créer une mise en page ou une conception plus complexe, vous pouvez essayer une autre application. En outre, Aviary enregistre votre travail par défaut sous une licence Creative Commons. Par conséquent, à moins d'y apporter des modifications, vous partagerez votre travail partout. Si vous le souhaitez, vous pouvez également publier votre travail sur tout le réseau Aviary.
Editeur par Pixlr.com
Ce que disent les développeurs:
" Pixlr Editor est un éditeur de photos en ligne gratuit avec une touche professionnelle. Corrigez, ajustez et filtrez vos images ... "
Ce que tout le monde dit:
Pixlr Editor se présente comme Photoshop en ligne. Cette application n'est pas aussi facile à comprendre que la précédente, Phoenix. Il y a tellement de fonctionnalités et de filtres dans cet éditeur qui sont uniques à ce programme, le plus pour l'édition et la retouche d'images. Il serait très difficile d’utiliser cette application à partir de rien sauf si vous avez des connaissances sur la retouche de photos, ainsi que sur certaines connaissances de Photoshop.
La sophistication de cette application permet des mises en page plus lourdes et des conceptions complexes. De nombreux filtres et ajustements permettent de personnaliser l'apparence de vos images et de votre design. Il n'y a pas beaucoup d'inconvénients ici, sinon que c'est beaucoup plus compliqué que la plupart des applications en ligne, mais à cause de cela, il y a beaucoup plus de personnalisation possible. Malheureusement, vous ne pouvez pas ouvrir et éditer les fichiers PSD. Cependant, vous n'êtes pas obligé d'avoir un compte pour enregistrer les fichiers que vous créez avec Pixlr Editor. Vous pouvez les enregistrer directement sur votre disque dur.
Splashup
Ce que disent les développeurs:
" Splashup, anciennement Fauxto, est un puissant outil d'édition et de gestion de photos. Avec les fonctionnalités que les professionnels utilisent et que les novices veulent, il est facile à utiliser, fonctionne en temps réel et vous permet de modifier de nombreuses images à la fois. Splashup s'exécute dans tous les navigateurs, s'intègre de manière transparente aux meilleurs sites de partage de photos et dispose même de son propre format de fichier afin que vous puissiez enregistrer votre travail en cours. "
Ce que tout le monde dit:
Cette application est un joli mélange entre la simplicité de Phoenix et la sophistication de Pixlr Editor. Il semble que ce soit une application proche, mais pas tout à fait, d’un copycat Photoshop. Je dirais en fait que ce n'est pas aussi intuitif, car tous les outils et les boutons ne sont pas les mêmes et cela peut créer une certaine confusion. Cependant, cela ne change pas la puissance des capacités de conception.
Le plus gros inconvénient que j'ai trouvé avec Splashup est qu'il est construit avec Flash. Ce n'est pas un gros problème, mais il peut probablement absorber beaucoup de mémoire et passer par de nombreux bugs et problèmes. Encore une fois, je ne l'ai pas trouvé aussi intuitif et facile à utiliser que les autres programmes, principalement à cause de l'implémentation de Flash et de la différence de certains boutons.
En bout de ligne, cependant, Splashup est entièrement capable de concevoir une présentation Web. Malheureusement, encore une fois, ce programme n'importe pas de fichiers PSD, mais vous n'avez pas non plus besoin d'un compte pour enregistrer des fichiers. Vous pouvez les enregistrer sur votre disque dur ainsi que sur d’autres sites (tels que Flickr, Photobucket, etc.).
Peinture Sumo
Ce que disent les développeurs:
" Sumopaint est l'application de peinture et de manipulation de photos la plus polyvalente en ligne. Actuellement, il compte plus d'un million d'utilisateurs actifs par mois et une communauté dynamique. "
Ce que tout le monde dit:
Tout comme les autres éditeurs, Sumopaint prend un coup de main décent dans le monde de la manipulation de photos et du design. Ce que j'aime de Sumopaint, c'est l'intégration de nombreux outils que vous trouverez dans Photoshop, que l'on ne trouve pas dans la plupart des autres éditeurs en ligne, à savoir la baguette magique et les outils de forme personnalisée. La configuration est très similaire à celle des versions antérieures de Photoshop, ce qui la rend très intuitive.
Il possède un peu des fonctionnalités, des filtres et des ajustements plus sophistiqués, ce qui, encore une fois, facilite grandement le travail avec des mises en page complexes. Cet éditeur est créé avec Flash, il peut donc y avoir des problèmes avec le retard et la mémoire. Mais si vous êtes dans les éditeurs basés sur Flash, celui-ci est évidemment le plus brillant des deux (SplashUp).
Cette application est disponible en plusieurs langues, ce qui la rend extrêmement polyvalente. Sumopaint compte une grande communauté de concepteurs de 4 millions de personnes qui partagent, collaborent, notent et «remixent» leurs œuvres. Sumopaint est l'un des plus faciles à utiliser (en particulier lorsqu'il provient de Photoshop) avec certaines des meilleures fonctionnalités offertes.
Le codage
Selon votre flux de travail souhaité, vous pouvez réaliser votre conception et votre codage simultanément ou en deux phases distinctes et distinctes. Quel que soit votre flux souhaité, vous devez coder votre site Web à un moment donné. Il y a beaucoup de programmes téléchargeables différents que nous utilisons pour coder nos sites, en fonction de ce que nous aimons, mais j'ai réuni quatre des meilleurs pour les concepteurs Web (pas nécessairement les développeurs qui parlent couramment le HTML ou le CSS).
Tiroir
Ce que disent les développeurs:
"Drawter est un outil écrit en JavaScript et basé sur la bibliothèque jQuery. Il vous offre la possibilité de dessiner littéralement le code de votre site Web. Il fonctionne sur chaque navigateur Web, ce qui le rend vraiment utile et utile. Chaque balise est présentée comme un calque que vous avez dessiné.
Actuellement, Drawter est disponible dans la version Pro, ce qui signifie qu’il est destiné uniquement aux webmasters - la connaissance du HTML et du CSS est requise. Drawter n'est pas un outil pour les profanes pour le moment, mais toute l'équipe derrière le projet met tout en œuvre pour lancer une nouvelle version appelée "Amateur". Bientôt, vous pourrez dessiner vos sites Web sans aucune connaissance de HTML ou de CSS. Lancement 2010. "
Ce que tout le monde dit:
En tant que concepteur, ce qui m'a attiré chez Drawter, c'est la possibilité de dessiner la disposition souhaitée avec la règle à base de pixels le long des deux axes. Il génère le code CLEAN pour vous et tout ce que vous avez à faire est de nommer chacune de vos sections ou divisions que vous créez. Vous pouvez personnaliser vos divs avec des propriétés CSS, telles que les couleurs d'arrière-plan et les images, pour vous aider à avoir une idée réelle de l'apparence de votre site Web. Vous pouvez également jouer avec les polices et les bordures et tout ce qui peut vous aider à conceptualiser visuellement votre site Web.
Drawter a également beaucoup d'attributs différents et vous permet d'insérer des balises de formulaire, des balises de titre et bien plus encore pour le HTML. C’est formidable pour ceux d’entre nous qui ont besoin de beaucoup de travail et d’attention, surtout si nous n’avons pas cette compétence. Le plus gros inconvénient que j'ai trouvé pour Drawter est que ce n’est qu’au format HTML4 - certains peuvent trouver que c’est un gros problème, d’autres pas. Je crois que c'est l'une de ces choses réalisables, surtout si vous savez coder en HTML5 et CSS3.
YAML Builder
Ce que disent les développeurs:
"Le YAML Builder est un outil permettant de créer visuellement des mises en forme CSS basées sur YAML. Il permet de définir des caractéristiques de mise en page de base telles que le nombre et le positionnement des colonnes de contenu, ainsi que la création dynamique de dispositions basées sur des grilles en faisant glisser et en déposant des sous-modèles. Pas tout à fait WYSIWYG, mais proche!
Le code généré par le générateur est basé sur la structure de fichier du modèle "Simple Project", de sorte que le résultat complet peut être copié et collé directement, sans modification. Le balisage XHTML requis, la disposition de l'écran ainsi que les ajustements spécifiques à la mise en page pour Internet Explorer sont tous générés automatiquement. "
Ce que tout le monde dit:
YAML Bulder est basé à nouveau, plus sur le CSS d'un site web qu'autre chose. Ce que j'ai trouvé intéressant à propos de YAML, ce sont les paramètres prédéfinis - vous avez votre site Web en deux colonnes, votre site Web en trois colonnes, etc. C'est génial si vous voulez d'abord créer votre code, puis entrer dans l'une des applications vers le bas de l'apparence de votre site Web.
Je ne l'ai pas trouvé aussi facile et intuitif à utiliser que Drawter, où vous venez de dessiner ce que vous vouliez. Fondamentalement, YAML a ses modèles et pour ajuster et modifier tout ce que vous devez trouver les propriétés, puis tout taper dedans. Il n'est pas aussi vaste que le tiroir où vous pouvez télécharger des images et changer des couleurs et insérer des balises de formulaire. Celui-ci est un peu plus strict en ce qui concerne la création d'un cadre dans lequel vous pouvez ensuite brancher et transférer vos images, ainsi que votre personnalisation. Je trouve que celui-ci se concentre un peu plus sur le codage et moins sur le look.
Encore une fois, cet éditeur ne supporte pas HTML5 pour le moment.
jsfiddle
Ce que disent les développeurs:
" JsFiddle est un terrain de jeu pour les développeurs Web, un outil qui peut être utilisé de nombreuses manières. On peut l'utiliser comme un éditeur en ligne pour les extraits de code HTML, CSS et JavaScript. Le code peut ensuite être partagé avec d'autres, intégré sur un blog, etc. Grâce à cette approche, les développeurs JavaScript peuvent très facilement isoler les bogues. Nous visons à prendre en charge tous les frameworks activement développés - cela aide à tester la compatibilité "
Ce que tout le monde dit:
Ceci est certainement une application plus pour les développeurs et les spécialistes de balisage là-bas. J'ai choisi jsFiddle car il vous permet de travailler avec différentes bibliothèques JavaScript telles que mooTools et jQuery. Il vous permet également de déboguer votre JavaScript et de prévisualiser l'apparence de votre produit fini.
jsFiddle n'est pas comme les autres éditeurs de balisage car vous devez tout coder ici. Bien sûr, cela pourrait être une bonne chose car vous avez plus de contrôle sur ce que vous faites, surtout si vous savez exactement ce que vous voulez faire. De nombreux développeurs n'utilisent pas jsFiddle pour coder des pages entières, mais ils l'utilisent pour déboguer et résoudre des problèmes avec des parties de leur JavaScript. Cependant, jsFiddle est plus que capable de vous aider avec toute la conception de votre site Web.
Kodingen
Ce que disent les développeurs:
"Kodingen a commencé avec deux frères (Devrim et Sinan) qui se sont réunis pour donner quelque chose à la communauté des développeurs."
Ce que tout le monde dit:
Ce qui a immédiatement attiré Kodingen, c'est le sens de la communauté qui s'est manifesté. Au lieu de se sentir comme un éditeur Web basé sur le cloud, cela ressemblait vraiment à un réseau social ouvert. Le but de Kodingen est de réduire la quantité de bourre que nous devons supporter lorsque nous voulons créer, développer, héberger et mettre à jour des sites Web. Généralement, nous devons aller sur différents sites Web pour chaque étape, mais Kodingen en fait un guichet unique.
Lorsque vous vous inscrivez, vous obtenez un compte d'hébergement très modeste (500 Mo et 1 Go de bande passante), mais encore une fois, ce qui m'a plu, c'est le sens de la communauté. Il y a tellement de langages de codage supportés et vous êtes libre de vous connecter avec différents membres de la communauté pour obtenir de l'aide ou faire équipe sur des projets. C'est génial pour ceux d'entre nous qui sont plus forts en conception qu'en développement et qui peuvent utiliser un peu d'aide de temps en temps pour obtenir notre site Web là où il doit être.
Le plus gros inconvénient ici est que c'est la bêta. Ils vous avertissent avant que vous ne rejoigniez que votre URL et vos fichiers et ceux-ci pourraient disparaître le lendemain, donc ils vous le conseillent vraiment pour jouer et collaborer rapidement. Toutefois, si cela devait devenir une version officielle, je pense que toute personne intéressée par la conception et le développement Web devrait prendre ce train. Kodingen est tout ce qui se passe en un seul: il n'y a pas de rebond sur les sites pour que tout fonctionne ensemble, tout est réuni au même endroit, avec la possibilité de faire appel à d'autres personnes. Je ne suis pas vraiment sûr de savoir où Kodingen peut se tromper.
Conclusion
En tant que concepteurs et développeurs Web, nous voulons bien sûr utiliser la meilleure qualité pour produire la meilleure qualité et, heureusement, nous avons les moyens de le faire sur un budget. Continuez à faire vos recherches et à trouver des outils qui vous aideront à créer de meilleurs sites Web. Ce ne sont là que quelques-unes des applications Web et des sites Web de premier ordre qui aident les gens à réaliser un budget.
Quelles autres applications et programmes avons-nous omis de la liste que vous AIMEz utiliser?