Πώς να κάνει ένα γράφημα Διάταξη σελίδας Web Flow

Μερικές φορές ο καλύτερος τρόπος για να μεταφέρω πληροφορίες είναι γραφικά . Μπορείτε να έχετε θεατές ακολουθούν τα μονοπάτια των ιστοσελίδων σας, παρέχοντας ένα διάγραμμα που αποτελείται από βέλη κατεύθυνσης που απορρέουν από το διάγραμμα με το διάγραμμα . Την ίδια στιγμή , μπορείτε επίσης να έχετε κάθε διάγραμμα , το οποίο αντιπροσωπεύει μια σελίδα στην ιστοσελίδα σας , παρέχουμε συνδέσμους με τις αντίστοιχες διευθύνσεις URL . Σκεφτείτε το διάγραμμα ροής διάταξη ιστοσελίδα ως " site map " που κάνει ακριβώς αυτό : οδηγός του θεατή γύρω από την περιοχή , ενώ παρουσιάζει μια σφαιρική εικόνα της , όπου τα πάντα κατοικεί και πού οδηγεί . Κατ 'αναλογία , σκεφτείτε το Νέο Σύστημα York City Transit που δείχνει λίγο πολύ το ίδιο πράγμα με ένα "You Are Here " σημείο αναφοράς . Οδηγίες
Η

1 Ανοίξτε το πρόγραμμα αποτύπωση της ροής σας και να δημιουργήσετε ένα νέο έγγραφο . Θα πρέπει να δημιουργηθεί μια σειρά από τετράγωνα και ορθογώνια . Ως ένα απλό παράδειγμα ιστοσελίδας , φανταστείτε μια μικρή μηχανολογική εταιρεία που ειδικεύεται σε τρεις διακριτές κατηγορίες : Μηχανικά Μέρη , Ηλεκτρικά Μέρη και Υδραυλικών Μέρη . Κάθε τμήμα έχει ένα τμήμα της συσκευής και ένα τμήμα Σχηματικά . 2

Δημιουργήστε μια μεγάλη , στενό ορθογώνιο στην κορυφή της σελίδας και πληκτρολογήστε το όνομα της τοποθεσίας . Αυτό μπορεί να είναι " index.html ". Αυτό θα είναι το σημείο εκκίνησης .
Εικόνων 3

Δημιουργήστε μια μικρότερη πλατεία , αρκετά μεγάλο ώστε να περιέχει την κύρια σελίδα περιγραφής . Πληκτρολογήστε " Μηχανική Κεντρική Σελίδα » στο κέντρο . Αυτό το τετράγωνο θα πρέπει να είναι στην αριστερή πλευρά της σελίδας και το μεγαλύτερο " index.html " ορθογώνιο θα έχει μια κατευθυντική βέλος που δείχνει άμεσα με αυτήν.
Η 4

Δημιουργία άλλα δύο τετράγωνα κάτω από την « Μηχανική Κεντρική Σελίδα "πλατεία . Αυτά θα πρέπει να είναι ελαφρώς λεπτότερο από , αλλά εξίσου μεγάλη όπως η παραπάνω. Πληκτρολογήστε το όνομα "Device " στην περιοχή της πρώτης πλατείας . Στη δεύτερη πλατεία πληκτρολογήστε τη λέξη " Σχηματική . "
5

Τοποθετήστε βέλη κατεύθυνσης καθένα που απορρέουν από τη «Μηχανική Κεντρική Σελίδα " που δημιουργήσατε στο Βήμα 3 για κάθε μία από τις παρακάτω είναι αυτά .

6

Επαναλάβετε το βήμα 3 έως το Βήμα 5 και αντικαταστήστε τη λέξη "μαγνητικά", για "Μηχανολόγοι ". Διάγραμμά σας θα πρέπει τώρα « Μηχανική Κεντρική Σελίδα » και « Ηλεκτρολόγων Κεντρική Σελίδα, " τόσο με δευτερεύοντα διαγράμματα .
Η

7 Επαναλάβετε τα βήματα τρία έως πέντε ακόμη μια φορά και αυτή τη φορά να αντικαταστήσει τις λέξεις " Μηχανική " για " υδραυλική » . Θα έχετε τώρα " index.htm " ως την κορυφαία ορθογώνιο και ακριβώς από κάτω θα είναι " Μηχανική " , "μαγνητικά" και " Υδραυλική " κάθε συνδεδεμένο . Με τη σειρά του , κάθε μία από αυτές θα έχουν "Device " και " Σχηματική " ως υποδεέστερη πλατείες . Η διάταξη ιστοσελίδα του δείγματος είναι πλήρης .
Η
εικόνων