Verwendung von FreeMind zum Entwerfen oder Verwalten einer Website

Wenn Sie an Tools denken, die Sie zum Erstellen von Webseiten verwenden können, denken Sie wahrscheinlich an Dinge wie Kompozer oder Firebug Amers Guide zum Anpassen des Website-Designs mit FireBug Amateurs Anleitung zum Anpassen des Website-Designs mit FireBug Lesen Sie weiter. Was wäre, wenn ich Ihnen sagte, dass ein Werkzeug, das Ihre kreativen Säfte bei der Formulierung eines Webdesign-Layouts wirklich steigern kann, eine Mindmap ist?

Wir haben hier bei MUO viele Mindmapping-Werkzeuge behandelt. Nancy hat Thoughtboxes durchdacht. Thoughtboxes: Mind-Mapping erfüllt Ihre To-Do-Liste Thoughtboxes: Mind-Mapping erfüllt Ihre To-Do-Liste Lesen Sie weiter, und Jeffry behandelt Mindmapping-Tools für Mac MindMapping: 3 Einfache Ideen-Mapping-Software für Mac MindMapping: 3 Einfache Ideenzuordnungen Software für Mac Lesen Sie weiter. Ich denke, meine Lieblings-Mindmapping-Anwendung ist das Open-Source-Projekt FreeMind.

FreeMind ist eine der einfachsten Funktionen, die jedoch so komplex ist, wie Sie es brauchen, wenn Sie es wirklich brauchen. Das ist das Schöne daran. Für Menschen, die besonders kreativ sind, befreit eine Anwendung wie FreeMind Ihren Kopf buchstäblich in die Richtung, in die Sie gehen möchten. Wenn Sie versuchen, etwas so Abstraktes und Komplexes zu tun, wie den Fluss und die Funktion einer Website zu gestalten, ist dies die Art von Flexibilität, die Sie benötigen.

Hier bei MUO möchten wir den Lesern helfen “Gebrauch machen von” Anwendungen in einer Weise, die Sie zuvor nicht berücksichtigt haben. Ich bin sicher, es gibt einige von Ihnen, die Mindmapping-Tools für diesen Zweck verwendet haben - dies ist immerhin eine intelligente Masse. Aber für diejenigen von Ihnen, die nie darüber nachgedacht haben, ein Mindmapping-Tool zur Gestaltung Ihrer brandneuen Website zu verwenden, lassen Sie mich einen Spaziergang durch den FreeMind-Webdesign-Garten unternehmen.

Entwerfen einer Website mit FreeMind

In seiner einfachsten Form wird es sehr schnell klar, warum ein Mindmapping-Tool wie FreeMind ideal für Webdesign ist. In nur wenigen Minuten nur mit “Neuer untergeordneter Knoten” Bei FreeMind habe ich eine Top-Level-Karte meines Blogs erstellt.

Wie Sie sehen, können Sie mit FreeMind von einer Kernseite aus starten - es muss sich nicht um die Hauptseite Ihrer Website handeln, es könnte sich um eine Startseite handeln - und dann den Pfad der Links durch Ihre neue Website verfolgen.

In diesem Beispiel habe ich eine Hauptseite mit sechs Navigationslinks für die sechs Hauptabschnitte meiner Website entworfen. Ich hätte wahrscheinlich auch eine hinzufügen sollen “Eigenschaften” oder “Artikel” Seite auch, denn das ist der Sinn eines Blogs. Aber das ist das Schöne an einer Mindmap - Sie können sie anpassen und an Ihre Design-Ideen anpassen.

Natürlich können Sie beim Erstellen Ihrer Website und dem Anzeigen der tatsächlichen Seiten Hyperlinks zu diesen Seiten direkt aus Ihrer Mindmap hinzufügen. Wenn Sie also Ihre Website auf Grundlage Ihres FreeMind-Plans erstellen, können Sie buchstäblich alles direkt aus dem Plan selbst nachverfolgen.

Möchten Sie die Kontaktseite auschecken, die Sie vor einiger Zeit bearbeitet haben? Nehmen Sie sich nicht die Zeit, Ihren Browser zu öffnen und geben Sie die URL ein. Klicken Sie einfach auf Ihren FreeMind-Link und Sie sind da.

Sie können die URL des Links anzeigen, indem Sie den Mauszeiger über den Knoten bewegen - er wird in der unteren Statusleiste angezeigt.

Durch das Erstellen von Hyperlinks ist es einfacher, auf die von Ihnen gestalteten Seiten zuzugreifen, was Ihren gesamten Webdesign-Prozess natürlich effizienter macht. Die Mindmap Ihrer Website kann als zentraler Knotenpunkt dienen - Ihre Webdesign-Roadmap -, an der Sie arbeiten können, um Ihr gesamtes Designprojekt abzuschließen.

Ein weiteres wirklich cooles Feature von FreeMind ist die Möglichkeit, Bilder zu Knoten hinzuzufügen. Klicken Sie im Menü einfach auf Einfügen - Bild, oder klicken Sie auf den Knoten und drücken Sie Alt-K. Navigieren Sie einfach zu der Bilddatei, die Sie verwenden möchten. Es ist viel einfacher, wenn Sie die Größe des Bildes so anpassen, dass die Größe der Miniaturansicht entspricht. Andernfalls müssen Sie die HTML-Code-Ansicht in FreeMind anpassen, nachdem Sie das Bild importiert haben.

Klicken Sie auf das Bild, und es erscheint ein Bearbeitungswerkzeug, mit dem Sie unterhalb des Bildes eine kleine Beschriftung hinzufügen können. Sie können dies verwenden, um Ihrer Web-Design-Mind-Map ein bisschen Pizzaz hinzuzufügen. Ich habe es verwendet, um die Bilder der Autoren anzuzeigen, und der Knoten selbst repräsentiert seine Profilseite auf der Website.

Wenn Sie nichts dagegen haben, dass Ihre Karte groß wird, können Sie sogar Vorschaubilder der Seiten einfügen, Bilder, die Ihrer Meinung nach den Zweck der Seite darstellen, oder eine andere Verwendung für Knotenbilder, die Sie verwenden können. Ich persönlich mag es, Bilder in meiner Mind-Map für das Webdesign zu verwenden, da sie mehr Charakter und eine kleine Vorschau des Seiteninhalts für alle Benutzer bietet, die die Karte zum ersten Mal anzeigen.

Ein weiteres wirklich cooles Feature von FreeMind, das perfekt in das Webdesign-Toolset passt, ist das Zeitmanagement-Tool, das in FreeMind integriert ist. Sie können dorthin gelangen, indem Sie gehen “Werkzeuge” und dann wählen “Kalender anzeigen”. Dadurch wird ein großer Kalender angezeigt “Zeiteinteilung” Fenster.

Sie können Datumsangaben auf die Knoten anwenden, indem Sie auf klicken “Datum an ausgewählte Knoten anhängen”. Dies ist eine gute Methode, um die Versionskontrolle auf Ihren Seiten durchzuführen, indem Sie den Knoten mit Datum und Uhrzeit mit dem Datum versehen, an dem die betreffende Seite erstellt oder aktualisiert wurde.

Das von Ihnen gewählte Datum wird an das Ende des Knotentextes angehängt.

Besser noch, warum sollten Sie nicht einen Zeitplan einrichten, damit Sie nach Abschluss der Site eine Erinnerung erhalten können, wenn eine Site aktualisiert werden soll. Dies ist eine coole Methode, um systematisch einen Aktualisierungszeitplan für eine Website zu planen und bestimmte Seitenaktualisierungen im Laufe der Zeit zu planen, sodass das Aktualisieren einer Website nicht zu einer überwältigenden und chaotischen Aufgabe wird.

Wählen Sie dazu einfach den Knoten aus, wechseln Sie zum Zeitverwaltungskalender, wählen Sie das Datum aus, an dem Sie die Seite aktualisieren möchten, und klicken Sie dann auf “Erinnere mich an diesem Datum”.

Auf diesem Knoten erscheint ein kleines Symbol einer Uhr. Dies zeigt an, dass ein Alarm vorliegt, und Sie erhalten eine Popup-Benachrichtigung auf Ihrem Computer, wenn diese Seite aktualisiert werden soll. Ich hätte nie gedacht, dass Sie ein Mindmapping-Tool für das Webdesign-Projektmanagement verwenden würden?

Wenn Sie Ihren gesamten Update-Zeitplan nach Seiten anzeigen möchten, gehen Sie einfach zu Extras und wählen Sie aus “Zeitplanliste anzeigen”.

Sie erhalten einen vollständigen Bericht über alle Seiten, die Sie geplant haben, wann Sie diese erstellt (erstellt) haben, sowie das Datum, an dem diese bestimmte Seite als nächstes aktualisiert werden soll.

Der einzige Ort, an dem dieses System fehlschlagen könnte, ist, wenn Sie die Seite aktualisieren und vergessen, den Knoten mit einem neuen Aktualisierungszeitpunkt und -datum zu aktualisieren. Versuchen Sie also, es sich zur Gewohnheit zu machen, und Sie sorgen dafür, dass Ihr gesamtes Seitenaktualisierungssystem reibungslos läuft.

Oh, und es gibt noch einen letzten wichtigen Punkt, den ich fast vergessen hätte. Dies ist eigentlich sehr wichtig, wenn Sie zu den Programmierern gehören, die den Überblick verlieren, wo Sie Ihre Projektdateien ablegen.

FreeMind kann Hyperlinks zu Dateien auf Ihrem PC herstellen, sodass Sie diese Funktion verwenden können, um die Seitenknoten mit dem Code zu verknüpfen, der auf Ihrem Computer gespeichert ist. Du gehst einfach zu “Einfügen”, wählen “Hyperlink (Dateiauswahl)” und navigieren Sie dann einfach zu der Datei, mit der Sie diesen Knoten verknüpfen möchten.

Die Dateiverknüpfung für diesen Knoten wird als roter Pfeil angezeigt. Wenn Sie einige Codeänderungen vornehmen möchten, klicken Sie einfach auf den Dateiverknüpfungspunkt, um ihn sofort zu öffnen. Sie müssen nicht weiter suchen, um ihn zu finden. Stellen Sie einfach sicher, dass Sie sich daran erinnern, wo Sie ihn gespeichert haben, damit Sie die Änderungen auf Ihren Webserver hochladen können.

Wie Sie sehen, hilft ein Mindmapping-Tool wie FreeMind nicht nur bei der Gestaltung des Layouts und des Flusses Ihrer Website, es kann Ihnen sogar dabei helfen, Ihr gesamtes Webdesign-Projekt von Anfang bis Ende zu verwalten.

Mit welchen Tools verwalten Sie Ihre Webdesign-Projekte? Möchten Sie stattdessen FreeMind ausprobieren? Haben Sie noch andere kreative Ideen, um ein Mindmapping-Tool als Teil eines Webdesign-Projekts zu verwenden? Teilen Sie Ihre Gedanken in den Kommentaren unten mit.

Erfahren Sie mehr über: Mindmapping, Webdesign, Webmaster-Tools.