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 le Guide de Firebug Amateur pour personnaliser la conception de sites Web avec FireBug Le Guide de amateur pour personnaliser la conception de sites Web avec FireBug. Cependant, si je vous disais qu'un des outils pouvant vraiment booster votre créativité en matière de formulation de mise en page de sites Web est une carte conceptuelle?

Nous avons couvert beaucoup d'outils de cartographie de l'esprit ici à MUO. Nancy commente Thoughtboxes Thoughtboxes: Mind Map Mapping répond à votre liste de tâches Thoughtboxes: Mind Mapping répond à votre liste de tâches En savoir plus et Jeffry présente des outils de cartographie de l'esprit pour Mac MindMapping: 3 Logiciel de cartographie d'idées simple pour Mac MindMapping: 3 Cartographie de simples idées Logiciel pour Mac En savoir plus. Je pense que mon application de mindmapping préférée est le projet open source FreeMind.

FreeMind est l’un de ceux qui sont extrêmement simples à utiliser, mais aussi complexes que vous le souhaitez, lorsque vous en avez vraiment besoin. C'est la beauté de ça. Ainsi, pour les personnes particulièrement créatives, une application telle que FreeMind vous libère littéralement pour que vous puissiez explorer la direction que vous souhaitez. Lorsque vous essayez de faire quelque chose d'aussi abstrait et complexe que de concevoir le flux et la fonction d'un site Web, c'est le type de flexibilité dont vous avez besoin..

Ici au MUO, nous cherchons à aider les lecteurs “se servir de” applications d'une manière que vous n'avez peut-être pas envisagée auparavant. Je suis sûr que certains d’entre vous ont utilisé des outils de cartographie de l’esprit à cette fin - c’est un public intelligent, après tout. Mais pour ceux d'entre vous qui n'ont jamais envisagé d'utiliser un outil de cartographie de l'esprit pour créer votre nouveau site Web, laissez-moi vous guider dans le jardin de la conception Web de FreeMind..

Concevoir un site Web avec FreeMind

Dans sa forme la plus simple, je pense qu'il devient très évident de comprendre rapidement pourquoi un outil de cartographie conceptuelle tel que FreeMind est idéal pour la conception de sites Web. En quelques minutes seulement, en utilisant le “Nouveau nœud enfant” option dans FreeMind, j’ai généré une carte de mon blog de niveau supérieur.

Comme vous pouvez le constater, FreeMind vous permet de démarrer à partir d'une page principale (il ne doit pas nécessairement s'agir de la page principale de votre site, mais de n'importe quelle page de démarrage), puis de suivre le chemin des liens dans votre nouveau site..

Dans cet exemple, j'ai conçu une page principale avec six liens de navigation pour les six principales sous-sections de mon site. J'aurais probablement aussi dû ajouter un “fonctionnalités” ou “des articles” page aussi, puisque c’est l’intérêt d’un blog. Mais c'est la beauté d'une carte mentale: vous pouvez la modifier et l'adapter à vos idées de conception tout au long de votre parcours..

Bien sûr, lorsque vous commencez à construire votre site Web et que vous avez des pages à afficher, vous pouvez ajouter des hyperliens vers ces pages directement à partir de votre carte mentale. Ainsi, lorsque vous créez votre site à partir de votre plan FreeMind, vous pouvez littéralement suivre tout depuis le plan lui-même..

Vous voulez consulter la page de contact que vous avez modifiée il y a quelque temps? Ne prenez pas la peine d'ouvrir votre navigateur et de taper l'URL, il vous suffit de cliquer sur votre lien FreeMind et vous y êtes.

Vous pouvez voir l'URL du lien en survolant le nœud - il apparaît dans la barre d'état inférieure..

La création de liens hypertexte facilite l'accès aux pages que vous concevez, ce qui, bien entendu, rendra votre processus de conception Web plus efficace. Votre carte mentale de site Web peut servir de plaque tournante centrale - votre feuille de route de conception Web - à partir de laquelle vous pouvez travailler pour mener à bien votre projet de conception..

Une autre fonctionnalité vraiment intéressante de FreeMind est la possibilité d'ajouter des images aux nœuds. Cliquez simplement sur Insérer - Image dans le menu ou cliquez sur le nœud et appuyez sur Alt-K. Il suffit de parcourir le fichier image que vous souhaitez utiliser. C’est beaucoup plus facile si vous redimensionnez l’image de manière à ce que les vignettes soient plus petites. Sinon, vous devrez modifier le mode Code HTML dans FreeMind après avoir importé l’image..

Cliquez sur l'image pour afficher un outil d'édition qui vous permet d'ajouter une petite légende sous l'image. Vous pouvez utiliser cela pour ajouter un peu de pizzaz à votre carte mentale de conception de sites Web. Je l'ai utilisé pour afficher les images des rédacteurs, et le nœud lui-même représente leur page de profil sur le site..

Si votre carte devient trop grosse, vous pouvez même insérer des instantanés d’aperçu des pages, des images qui, selon vous, représentent l’objet de la page ou toute autre utilisation des images de nœuds que vous pouvez créer. Personnellement, j'aime utiliser des images dans ma carte conceptuelle de conception Web, car cela lui donne plus de caractère et offre un aperçu du contenu de la page à quiconque peut consulter la carte pour la première fois..

Une autre fonctionnalité vraiment intéressante de FreeMind qui s’intègre parfaitement dans le jeu d’outils de conception Web est l’outil de gestion du temps intégré à FreeMind. Vous pouvez y arriver en allant à “Outils” et ensuite choisir “Afficher le calendrier”. Cela fera apparaître un grand calendrier “Gestion du temps” la fenêtre.

Vous pouvez appliquer des dates aux nœuds en cliquant sur “Ajouter la date aux nœuds sélectionnés”. C'est un moyen intéressant de contrôler les versions de vos pages, en attribuant à la date et à l'heure le marquage du nœud avec la date à laquelle cette page a été créée ou mise à jour..

La date que vous avez choisie sera ajoutée à la fin du texte du noeud.

Mieux encore, pourquoi ne pas configurer un calendrier de sorte qu'une fois votre site terminé, vous puissiez recevoir un rappel lorsqu'il est temps de mettre à jour une page du site. Il s'agit d'un moyen pratique de planifier systématiquement un calendrier de mise à jour pour un site, en planifiant des mises à jour de pages spécifiques au fil du temps, afin que la mise à jour d'un site Web ne devienne pas une tâche accablante et chaotique..

Pour ce faire, sélectionnez simplement le nœud, accédez au calendrier Gestion du temps, choisissez la date à laquelle vous souhaitez mettre à jour la page, puis cliquez sur “Rappelez-moi à cette date”.

Une petite icône d'horloge apparaîtra sur ce nœud. Cela vous indique qu'une alarme y est associée et vous recevrez une notification contextuelle sur votre ordinateur au moment de mettre à jour cette page. Jamais pensé que vous utiliseriez un outil de cartographie conceptuelle pour la gestion de projet de conception Web, avez-vous?

En outre, si vous souhaitez voir votre calendrier de mise à jour complet, répertorié par page, accédez à Outils, puis sélectionnez “Afficher la liste du planificateur de temps”.

Vous obtiendrez un rapport complet de toutes les pages que vous avez programmées, de leur planification (création) et de la date à laquelle cette page doit être mise à jour ensuite..

Le seul endroit où ce système pourrait échouer est si vous mettez à jour la page et oubliez de revenir et mettez à jour le nœud avec une nouvelle date et heure de mise à jour. Donc, essayez de prendre l'habitude de le faire, et vous garderez tout votre système de mise à jour de page en marche.

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

FreeMind a la capacité de créer des hyperliens vers des fichiers sur votre PC. Vous pouvez donc utiliser cette fonctionnalité pour lier les nœuds de page au code réel enregistré sur votre ordinateur. Vous venez d'aller à “Insérer”, choisir “Hyperlien (sélecteur de fichier)” puis naviguez jusqu'au fichier que vous souhaitez lier à ce noeud..

Le lien de fichier pour ce noeud apparaît sous la forme d'une flèche rouge. Chaque fois que vous souhaitez apporter des modifications au code, cliquez simplement sur le lien du fichier et il s'ouvrira instantanément pour vous. Inutile de chercher dans le fichier pour le trouver. Assurez-vous simplement de vous rappeler où vous l'avez enregistré pour pouvoir télécharger les modifications sur votre serveur Web..

Comme vous pouvez le constater, l'utilisation d'un outil de cartographie conceptuelle tel que FreeMind vous aide non seulement à concevoir la mise en page et la fluidité de votre site, mais peut également vous aider à gérer l'intégralité de votre projet de conception Web..

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

Explorer plus sur: Mindmapping, Web Design, Outils pour les webmasters.