Comment utiliser freemind pour concevoir ou gérer un site web

Quand vous pensez des outils que vous pouvez utiliser pour créer des pages web, vous pensez probablement des choses comme kompozer ou Pyromane. Cependant, si je vous ai dit que un outil qui peut vraiment booster votre créativité quand il vient à la formulation d`une mise en page de conception web est une carte mentale?

Nous avons couvert beaucoup d`outils de mind mapping ici à MUO. Nancy examiné Thoughtboxes, et Jeffry couvert outils Mindmapping pour Mac. Je pense que mon application préférée mindmapping de tous est le projet open source FreeMind.

FreeMind est l`un de ceux merveilleusement simple à utiliser, mais complexe aussi complexe que vous en avez besoin quand vous avez vraiment besoin d`être. C`est la beauté de celui-ci. Donc, pour les personnes qui sont particulièrement créatifs, une application comme FreeMind libère littéralement votre esprit à explorer dans quelle direction que vous voulez aller. Lorsque vous essayez de faire quelque chose d`aussi abstrait et complexe que la conception du flux et la fonction d`un site web, qui est le genre de flexibilité dont vous avez besoin.

Ici, à MUO, nous cherchons à aider les lecteurs à « utiliser » les applications de manière que vous ne pouvez pas avoir pris en considération avant. Je suis sûr qu`il ya certains d`entre vous qui ont utilisé des outils de mindmapping à cet effet - c`est une foule intelligente après tout. Mais, pour ceux d`entre vous qui n`a jamais envisagé d`utiliser un outil de mindmapping pour mettre votre tout nouveau site web, laissez-moi vous prendre une promenade dans le jardin web-design FreeMind.

La conception d`un site Web avec FreeMind

Dans sa forme la plus simple, je pense qu`il devient très vite très exactement évident pourquoi un outil de mindmapping comme FreeMind est idéal pour la conception web. En seulement quelques minutes, en utilisant uniquement l`option « Nouveau Noeud enfant » dans FreeMind, je tracé une carte de haut niveau de mon blog.

Comme vous pouvez le voir, FreeMind vous permet de commencer à partir d`une page de base - il ne doit pas être la page principale de votre site, il pourrait être une page de départ - puis tracer le chemin des liens dans votre nouveau site.

Dans cet exemple, j`ai créé une page principale avec six liens de navigation pour les six sous-sections de mon site. Je devrais probablement aussi avoir ajouté une page « caractéristiques » ou « articles » aussi bien, puisque c`est le point entier d`un blog. Mais c`est la beauté d`une carte de l`esprit - vous pouvez modifier et changer pour l`adapter à toutes les idées de conception pop dans votre tête le long du chemin.

Bien sûr, comme vous commencez à construire votre site Web et avoir des pages réelles pour montrer, vous pouvez ajouter des liens vers ces pages à partir de votre carte mentale. Donc, comme vous créez votre site basé hors de votre plan FreeMind, vous pouvez littéralement garder une trace de tout droit du plan lui-même.

Vous voulez voir la page de contact que vous avez édité un certain temps? Ne vous embêtez pas prendre le temps d`ouvrir votre navigateur et tapez l`URL, cliquez simplement sur votre lien FreeMind et vous y êtes.

Vous pouvez voir l`URL du lien en planant au-dessus du nœud - il apparaît à la barre d`état en bas.

Création d`hyperliens rend plus pratique pour se rendre à des pages que vous concevez, ce qui bien sûr faire l`ensemble de votre processus de conception web plus efficace. Votre site web mind map peut servir de hub central - votre feuille de route web-design - que vous pouvez travailler à partir pour compléter votre projet de conception.

Une autre caractéristique vraiment cool de FreeMind est la possibilité d`ajouter des images aux nœuds. Il suffit de cliquer Insertion - image dans le menu, ou cliquez sur le nœud et appuyez sur Alt-K. Il suffit de parcourir le fichier d`image que vous souhaitez utiliser. Il est beaucoup plus facile si vous modifiez la taille de l`image pour que sa taille miniature - sinon vous devrez modifier le code HTML en vue FreeMind après avoir importé l`image.

Cliquez sur l`image, et un outil d`édition arrive que vous ajoutez du LET une petite légende sous l`image. Vous pouvez l`utiliser pour ajouter un peu de pizzaz à votre mind-map web-design. Je l`ai utilisé pour montrer les images des écrivains, et le nœud lui-même représente leur page de profil sur le site.

Si cela ne vous dérange pas votre carte obtenir énorme, vous pouvez même insérer des photos d`aperçu des pages, des images que vous vous sentez représenter la fin de la page, ou toute autre utilisation pour les images de nœud que vous pouvez trouver. Personnellement, j`aime utiliser des images dans mon web-design carte de l`esprit, car il donne plus de caractère et offre un peu d`un aperçu du contenu de la page pour toute personne qui peut être Examine la carte pour la première fois.

Une autre caractéristique vraiment cool de FreeMind qui convient parfaitement dans le jeu d`outils web-design est l`outil de gestion du temps qui est construit à droite dans FreeMind. Vous pouvez y arriver en allant dans « Outils » puis choisissez « Afficher le calendrier ». Cela fera apparaître un grand calendrier fenêtre « Gestion du temps ».

Vous pouvez appliquer les dates aux noeuds en cliquant sur « date au nom des nœuds sélectionnés ». Ceci est une façon cool de faire le contrôle de version sur vos pages, par date / horodatage du noeud à la date à laquelle cette page particulière a été créé ou mis à jour.

La date que vous avez choisi va se joint à la fin du texte du nœud.

Video: [TUTO] - Créer un site web avec JOOMLA

Mieux encore, pourquoi ne pas mettre en place un calendrier de sorte qu`une fois votre site est terminé, vous pouvez recevoir un rappel quand il est temps de mettre à jour une page sur le site. Ceci est une façon cool de planifier systématiquement un calendrier de mise à jour d`un site, la planification des mises à jour de pages spécifiques au fil du temps, de sorte que la mise à jour d`un site Web ne devienne pas une corvée écrasante et chaotique.

Pour ce faire, il suffit de sélectionner le nœud, accédez au calendrier de gestion du temps, choisissez la date que vous souhaitez mettre à jour la page suivante, puis cliquez sur « Remind Me A cette date ».

Une petite icône d`une horloge apparaît sur ce nœud. Cela vous dit qu`il ya alarme associée, et vous recevrez une notification pop-up sur votre ordinateur quand il est temps de mettre à jour cette page. Jamais vous pensé auriez utiliser un outil de mindmapping pour la gestion de projets web design, vous avez fait?

, Si vous voulez aussi voir votre programme de mise à jour ensemble, la liste par la page, allez sur Outils et sélectionnez « Afficher la liste des temps Scheduler ».

Vous aurez un rapport complet de toutes les pages que vous avez programmées, lorsque vous prévu (créé) eux, et la date à laquelle cette page particulière devrait être mise à jour suivante.

Le seul endroit où ce système pourrait échouer est si vous mettez à jour la page et oublier de revenir et mettre à jour le nœud avec un nouveau temps de mise à jour et la date. Alors, essayez de faire une habitude de le faire, et vous garderez votre système de mise à jour de la page en cours d`exécution en douceur.

Oh, et il y a une dernière, caractéristique importante que j`ai presque oublié. Ceci est en fait un très important si vous avez tendance à être un de ces programmeurs qui perd la trace de l`endroit où vous stockez vos fichiers de projet.

FreeMind a la capacité de lien hypertexte vers des fichiers sur votre PC, vous pouvez utiliser cette fonctionnalité pour relier les noeuds page du code réel qui est enregistré sur votre ordinateur. Vous allez simplement « Insérer », choisissez « Hyperlink (File Chooser) », puis il suffit de parcourir le fichier que vous souhaitez associer à ce nœud.

Le lien de fichier pour ce nœud apparaît comme une flèche rouge. Chaque fois que vous voulez faire quelques changements de code, cliquez sur le lien de fichier, et il va ouvrir instantanément pour vous - pas besoin d`aller creuser autour d`essayer de le trouver. Assurez-vous que vous vous souvenez où vous l`avez enregistré de sorte que vous pouvez télécharger les modifications apportées à votre serveur Web.

Comme vous pouvez le voir, en utilisant un outil de mindmapping comme FreeMind non seulement vous aide à concevoir la mise en page et le flux de votre site, il peut même vous aider à gérer du début à la fin l`ensemble de votre projet de conception web.

Quels outils utilisez-vous pour gérer vos projets de conception web? Voulez-vous envisager d`essayer FreeMind à la place? Avez-vous d`autres idées créatives pour utiliser un outil de mindmapping dans le cadre d`un projet de conception web? Partagez vos pensées dans la section des commentaires ci-dessous.