Πώς να χρησιμοποιήσετε το FreeMind για να σχεδιάσετε ή να διαχειριστείτε έναν ιστότοπο

Διαφήμιση

Όταν σκέφτεστε εργαλεία που μπορείτε να χρησιμοποιήσετε για τη δημιουργία ιστοσελίδων, πιθανότατα σκέφτεστε πράγματα όπως το Kompozer ή Firebug Οδηγός της Ερασιτεχνικής για την προσαρμογή του Σχεδιασμού Ιστοσελίδας με το FireBug Διαβάστε περισσότερα . Ωστόσο, τι γίνεται αν σας έλεγα ότι ένα εργαλείο που μπορεί πραγματικά να ενισχύσει τους δημιουργικούς σας χυμούς όταν πρόκειται για τη διαμόρφωση μιας διάταξης σχεδιασμού ιστοσελίδων είναι ένας χάρτης μυαλού;

Εδώ έχουμε καλύψει πολλά εργαλεία χαρτογράφησης μυαλού στο MUO. Η Νανσί αξιολόγησε Κουτιά σκέψης Thoughtboxes: Το Mind-Mapping συναντά τη λίστα υποχρεώσεων που πρέπει να κάνετε Διαβάστε περισσότερα , και ο Jeffry κάλυψε Εργαλεία χαρτογράφησης για Mac MindMapping: 3 απλό λογισμικό χαρτογράφησης ιδεών για Mac Διαβάστε περισσότερα . Νομίζω ότι η αγαπημένη μου εφαρμογή χαρτογράφησης όλων αυτών είναι το έργο OpenMind ανοιχτού κώδικα.

Ελεύθερος Νους είναι ένας από αυτούς τους εξαιρετικά απλούς στη χρήση, αλλά τόσο περίπλοκος όσο θα πρέπει να είναι όταν το χρειάζεστε πραγματικά. Αυτή είναι η ομορφιά του. Έτσι, για άτομα που είναι ιδιαίτερα δημιουργικά, μια εφαρμογή όπως το FreeMind ελευθερώνει κυριολεκτικά το μυαλό σας για να εξερευνήσετε σε οποιαδήποτε κατεύθυνση θέλετε. Όταν προσπαθείτε να κάνετε κάτι τόσο αφηρημένο και περίπλοκο όσο ο σχεδιασμός της ροής και της λειτουργίας ενός ιστότοπου, αυτό είναι το είδος της ευελιξίας που χρειάζεστε.

Εδώ στο MUO, επιδιώκουμε να βοηθήσουμε τους αναγνώστες να «κάνουν χρήση» εφαρμογών με τρόπους που μπορεί να μην έχετε εξετάσει προηγουμένως. Είμαι βέβαιος ότι υπάρχουν μερικοί από εσάς που έχουν χρησιμοποιήσει εργαλεία χαρτογράφησης μυαλού για αυτό το σκοπό - αυτό είναι ένα έξυπνο πλήθος. Όμως, για όσους από εσάς δεν σκεφτήκατε ποτέ να χρησιμοποιήσετε ένα εργαλείο χαρτογράφησης μυαλού για να σχεδιάσετε τον ολοκαίνουργιο ιστότοπό σας, επιτρέψτε μου να σας περπατήσω στον κήπο σχεδιασμού ιστοσελίδων του FreeMind.

Σχεδιασμός ιστοσελίδας με το FreeMind

Στην απλούστερη μορφή του, νομίζω ότι γίνεται πολύ προφανές πολύ γρήγορα γιατί ένα εργαλείο χαρτογράφησης όπως το FreeMind είναι ιδανικό για το σχεδιασμό ιστοσελίδων. Σε λίγα μόνο λεπτά, χρησιμοποιώντας μόνο την επιλογή "Νέος παιδικός κόμβος" στο FreeMind, δημιούργησα έναν χάρτη ανώτατου επιπέδου του ιστολογίου μου.

Όπως μπορείτε να δείτε, το FreeMind σάς επιτρέπει να ξεκινήσετε από μια βασική σελίδα - δεν χρειάζεται να είναι η κύρια σελίδα του ιστότοπού σας, θα μπορούσε να είναι οποιαδήποτε αρχική σελίδα - και στη συνέχεια να εντοπίσετε τη διαδρομή των συνδέσμων μέσω του νέου σας ιστότοπου.

Σε αυτό το παράδειγμα, έχω σχεδιάσει μια κύρια σελίδα με έξι συνδέσμους πλοήγησης για τις έξι κύριες υποενότητες του ιστότοπού μου. Ίσως θα έπρεπε επίσης να έχω προσθέσει και μια σελίδα "χαρακτηριστικά" ή "άρθρα", καθώς αυτό είναι το βασικό σημείο ενός ιστολογίου. Αλλά αυτή είναι η ομορφιά ενός χάρτη μυαλού - μπορείτε να τον τροποποιήσετε και να τον αλλάξετε ώστε να ταιριάζει σε οποιεσδήποτε ιδέες σχεδίασης εμφανίζονται στο κεφάλι σας.

Φυσικά, καθώς αρχίζετε να δημιουργείτε τον ιστότοπό σας και έχετε προβάλλει πραγματικές σελίδες, μπορείτε να προσθέσετε υπερσυνδέσμους σε αυτές τις σελίδες απευθείας από το χάρτη του μυαλού σας. Έτσι, καθώς δημιουργείτε τον ιστότοπό σας με βάση το πρόγραμμα FreeMind, μπορείτε κυριολεκτικά να παρακολουθείτε τα πάντα από το ίδιο το πρόγραμμα.

Θέλετε να δείτε τη σελίδα επαφών που επεξεργαστήκατε λίγο πριν; Μην ενοχλείτε να αφιερώσετε χρόνο για να ανοίξετε το πρόγραμμα περιήγησής σας και πληκτρολογήστε τη διεύθυνση URL, απλώς κάντε κλικ στον σύνδεσμο FreeMind και είστε εκεί.

Μπορείτε να δείτε τη διεύθυνση URL του συνδέσμου τοποθετώντας τον δείκτη του ποντικιού - εμφανίζεται στην κάτω γραμμή κατάστασης.

Η δημιουργία υπερσυνδέσμων καθιστά πιο βολικό να μεταβείτε στις σελίδες που σχεδιάζετε, κάτι που φυσικά θα κάνει ολόκληρη τη διαδικασία σχεδίασης ιστού πιο αποτελεσματική. Ο χάρτης μυαλού του ιστότοπού σας μπορεί να χρησιμεύσει ως κεντρικός κόμβος σας - ο οδικός χάρτης σχεδιασμού ιστοσελίδων σας - από τον οποίο μπορείτε να εργαστείτε για να ολοκληρώσετε ολόκληρο το σχέδιο σχεδίασης.

Ένα άλλο πολύ ωραίο χαρακτηριστικό του FreeMind είναι η δυνατότητα προσθήκης εικόνων σε κόμβους. Απλώς κάντε κλικ στο Εισαγωγή - Εικόνα από το μενού ή κάντε κλικ στον κόμβο και πατήστε Alt-K. Απλώς περιηγηθείτε στο αρχείο εικόνας που θέλετε να χρησιμοποιήσετε. Είναι πολύ πιο εύκολο αν το μέγεθος της εικόνας είναι τόσο μικρό μέγεθος - διαφορετικά θα πρέπει να τροποποιήσετε την προβολή κώδικα HTML στο FreeMind μετά την εισαγωγή της εικόνας.

Κάντε κλικ στην εικόνα και εμφανίζεται ένα εργαλείο επεξεργασίας που σας επιτρέπει να προσθέσετε μια μικρή λεζάντα κάτω από την εικόνα. Μπορείτε να το χρησιμοποιήσετε για να προσθέσετε λίγο pizzaz στον χάρτη μυαλού σχεδιασμού ιστοσελίδων. Το χρησιμοποίησα για να δείξω τις εικόνες των συγγραφέων και ο ίδιος ο κόμβος αντιπροσωπεύει τη σελίδα προφίλ τους στον ιστότοπο.

Εάν δεν πιστεύετε ότι ο χάρτης σας γίνεται τεράστιος, θα μπορούσατε ακόμη και να εισαγάγετε στιγμιότυπα προεπισκόπησης των σελίδων, εικόνες που πιστεύετε ότι αντιπροσωπεύουν το σκοπό της σελίδας ή οποιαδήποτε άλλη χρήση για εικόνες κόμβου που μπορείτε να έρθετε με. Προσωπικά, μου αρέσει να χρησιμοποιώ εικόνες στον χάρτη μυαλού σχεδιασμού ιστοσελίδων, γιατί του δίνει περισσότερο χαρακτήρα και προσφορές λίγο από μια προεπισκόπηση του περιεχομένου της σελίδας για οποιονδήποτε μπορεί να βλέπει τον χάρτη για τον πρώτο χρόνος.

Ένα άλλο πολύ ωραίο χαρακτηριστικό του FreeMind που ταιριάζει απόλυτα στο σύνολο εργαλείων σχεδιασμού ιστοσελίδων είναι το εργαλείο διαχείρισης χρόνου που είναι ενσωματωμένο στο FreeMind. Μπορείτε να φτάσετε εκεί μεταβαίνοντας στο "Εργαλεία" και μετά επιλέξτε "Εμφάνιση ημερολογίου". Αυτό θα εμφανιστεί ένα μεγάλο παράθυρο "Διαχείριση χρόνου" ημερολογίου.

Μπορείτε να εφαρμόσετε ημερομηνίες στους κόμβους κάνοντας κλικ στο "Προσθήκη ημερομηνίας σε επιλεγμένους κόμβους". Αυτός είναι ένας πολύ καλός τρόπος για να κάνετε έλεγχο της έκδοσης στις σελίδες σας, με ημερομηνία / ώρα σφραγίζοντας τον κόμβο με την ημερομηνία δημιουργίας ή ενημέρωσης της συγκεκριμένης σελίδας.

Η ημερομηνία που επιλέξατε θα προσαρτηθεί στο τέλος του κειμένου του κόμβου.

Ακόμα καλύτερα, γιατί να μην ρυθμίσετε ένα πρόγραμμα έτσι ώστε μόλις ολοκληρωθεί ο ιστότοπός σας, να λάβετε μια υπενθύμιση όταν έρθει η ώρα να ενημερώσετε μια σελίδα στον ιστότοπο. Αυτός είναι ένας πολύ καλός τρόπος για να σχεδιάσετε συστηματικά ένα πρόγραμμα ενημέρωσης για έναν ιστότοπο, προγραμματίζοντας συγκεκριμένες ενημερώσεις σελίδων με την πάροδο του χρόνου, έτσι ώστε η ενημέρωση ενός ιστότοπου να μην γίνει μια συντριπτική και χαοτική δουλειά.

Για να το κάνετε αυτό, απλώς επιλέξτε τον κόμβο, μεταβείτε στο ημερολόγιο Διαχείρισης ώρας, επιλέξτε την ημερομηνία που θέλετε να ενημερώσετε τη σελίδα στη συνέχεια και, στη συνέχεια, κάντε κλικ στο "Υπενθύμιση σε αυτήν την ημερομηνία".

Ένα μικρό εικονίδιο ρολογιού θα εμφανιστεί σε αυτόν τον κόμβο. Αυτό σας λέει ότι υπάρχει συναγερμός και ότι θα λάβετε μια αναδυόμενη ειδοποίηση στον υπολογιστή σας όταν έρθει η ώρα να ενημερώσετε αυτήν τη σελίδα. Ποτέ δεν πίστευες ότι θα χρησιμοποιούσες ένα εργαλείο χαρτογράφησης για τη διαχείριση έργων σχεδιασμού ιστοσελίδων;

Επίσης, εάν θέλετε να δείτε ολόκληρο το πρόγραμμα ενημερώσεων, που παρατίθεται ανά σελίδα, απλώς μεταβείτε στα Εργαλεία και επιλέξτε "Εμφάνιση λίστας χρονοπρογραμματιστή ώρας".

Θα λάβετε μια πλήρη αναφορά όλων των σελίδων που έχετε προγραμματίσει, όταν τις προγραμματίσατε (δημιουργήσατε) και την ημερομηνία που πρόκειται να ενημερωθεί η συγκεκριμένη σελίδα στη συνέχεια.

Το μόνο μέρος όπου αυτό το σύστημα θα μπορούσε να αποτύχει είναι εάν ενημερώσετε τη σελίδα και ξεχάσετε να επιστρέψετε και να ενημερώσετε τον κόμβο με μια νέα ώρα και ημερομηνία ενημέρωσης. Επομένως, προσπαθήστε να το κάνετε συνήθεια και θα διατηρήσετε την ομαλή λειτουργία ολόκληρου του συστήματος ενημέρωσης σελίδας.

Ω, και υπάρχει ένα τελευταίο, σημαντικό χαρακτηριστικό που σχεδόν ξέχασα. Αυτό στην πραγματικότητα είναι πολύ σημαντικό, αν έχετε την τάση να είστε ένας από αυτούς τους προγραμματιστές που χάνουν το σημείο όπου αποθηκεύετε τα αρχεία του έργου σας.

Το FreeMind έχει τη δυνατότητα υπερσύνδεσης με αρχεία στον υπολογιστή σας, οπότε μπορείτε να χρησιμοποιήσετε αυτήν τη δυνατότητα για να συνδέσετε τους κόμβους σελίδων με τον πραγματικό κώδικα που είναι αποθηκευμένος στον υπολογιστή σας. Απλώς πηγαίνετε στο "Εισαγωγή", επιλέξτε "Υπερσύνδεσμος (Επιλογέας αρχείων)" και μετά απλώς περιηγηθείτε στο αρχείο στο οποίο θέλετε να συνδέσετε αυτόν τον κόμβο.

Ο σύνδεσμος αρχείου για αυτόν τον κόμβο εμφανίζεται ως κόκκινο βέλος. Όποτε θέλετε να κάνετε κάποιες αλλαγές κώδικα, απλώς κάντε κλικ στον σύνδεσμο αρχείου και θα το ανοίξει αμέσως για εσάς - δεν χρειάζεται να ψάχνετε γύρω προσπαθώντας να το βρείτε. Απλώς βεβαιωθείτε ότι θυμάστε πού το αποθηκεύσατε, ώστε να μπορείτε να ανεβάσετε τις αλλαγές στον διακομιστή ιστού σας.

Όπως μπορείτε να δείτε, χρησιμοποιώντας ένα εργαλείο χαρτογράφησης μυαλού όπως το FreeMind όχι μόνο σας βοηθά να σχεδιάσετε τη διάταξη και τη ροή του ιστότοπού σας, μπορεί να σας βοηθήσει ακόμη και να διαχειριστείτε ολόκληρο το έργο σχεδιασμού ιστοσελίδων από την αρχή έως το τέλος.

Ποια εργαλεία χρησιμοποιείτε για τη διαχείριση των έργων σχεδιασμού ιστοσελίδων σας; Θα σκεφτόσασταν να δοκιμάσετε το FreeMind; Έχετε άλλες δημιουργικές ιδέες για τη χρήση ενός εργαλείου χαρτογράφησης νοημάτων ως μέρος ενός έργου σχεδιασμού ιστοσελίδων; Μοιραστείτε τις σκέψεις σας στην παρακάτω ενότητα σχολίων.