Δέκα φορές Εξοικονόμηση χρόνου Dreamweaver Web Design Tips - dummies

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

1Plan - αποδίδει.

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

Ο Παγκόσμιος Ιστός δεν πηγαίνει οπουδήποτε. Ακόμη και αν πρέπει να αποκτήσετε το δικτυακό σας τόπο όσο το δυνατόν γρηγορότερα, ο στόχος σας θα πρέπει να είναι ο σχεδιασμός ενός ιστότοπου που εξυπηρετεί πραγματικά το κοινό, τις επιχειρήσεις και τους στόχους σας - και αυτοί οι στόχοι απαιτούν προγραμματισμό.

2Να καθορίσετε στόχους που θα σας βοηθήσουν να εστιάσετε.

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

3Καθαρίστε προθεσμίες για να σας βοηθήσουμε να τελειώσετε.

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

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

4Προγραμματισμός για το ακροατήριό σας.

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

5Να δημιουργήσετε ένα σταθερό σχέδιο.

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

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

6Ακολουθήστε τον κανόνα των τριών κλικ.

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

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

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

7Σκεφτείτε πριν προσθέσετε φανταχτερά γραμματοσειρές.

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

Για παράδειγμα, ακόμη και αν έχετε τα δικαιώματα να φιλοξενεί μια γραμματοσειρά στον δικό σας διακομιστή ιστού, μπορεί να μην έχετε όλες τις παραλλαγές της γραμματοσειράς που απαιτούνται για την σωστή εμφάνιση των γραμμάτων σε υπολογιστές Mac και Windows ή για εργασία σε όλα τα προγράμματα περιήγησης ιστού. Αυτός είναι ο λόγος για τον οποίο οι περισσότεροι σχεδιαστές ιστοσελίδων χρησιμοποιούν μια υπηρεσία γραμματοσειράς:

8Παρακολουθήστε τα αντικείμενα που χρησιμοποιούνται συχνά.

Σας ευχόμαστε ποτέ να διατηρήσετε όλα τα αγαπημένα σας χαρακτηριστικά του Dreamweaver σε ένα βολικό μέρος; Μπορείς! Απλά προσαρμόστε τη συλλογή αγαπημένων στον πίνακα "Εισαγωγή".

Εκκινήστε το Dreamweaver και επιλέξτε Παράθυρο → Εισαγωγή για να ανοίξετε το πλαίσιο Common Insertion. Ο πίνακας "Εισαγωγή" περιλαμβάνει διάφορες ενότητες, όπως Δομή, Μέσα, Έντυπα και Αγαπημένα.

Κάντε κλικ στο βέλος στον πίνακα Εισαγωγή και επιλέξτε Αγαπημένα από την αναπτυσσόμενη λίστα. Η επιλογή Αγαπημένα βρίσκεται στο τέλος της αναπτυσσόμενης λίστας Πίνακας εισόδου.

Για να προσαρμόσετε τον πίνακα "Αγαπημένα" με όλα τα αγαπημένα σας εικονίδια λειτουργιών, κάντε δεξί κλικ (ή Control + κάντε κλικ σε Mac) και επιλέξτε Προσαρμογή αγαπημένων. Χρησιμοποιήστε το πλαίσιο Εισαγωγή Αγαπημένων ως έναν βολικό τρόπο για να είστε βολικοί για όλες τις αγαπημένες σας λειτουργίες. Μπορείτε ακόμη να το αλλάξετε για ειδικά έργα που απαιτούν συλλογή χαρακτηριστικών του προγράμματος.

9Κλείστε την προβολή.

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

Ο πηγαίος κώδικας του Dreamweaver είναι χρωματικά κωδικοποιημένος για να διευκολύνει τη διάκριση των ετικετών από το περιεχόμενο. Ένα άλλο χρήσιμο χαρακτηριστικό στην προβολή Διαίρεση είναι ότι αν επιλέξετε μια εικόνα, ένα κείμενο ή άλλο στοιχείο σε μια σελίδα στην προβολή σχεδίασης, ο αντίστοιχος κωδικός θα επισημαίνεται αυτόματα στην προβολή Κώδικας.

10Επιστροφή στον ιστότοπό σας.

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

Για να δημιουργήσετε ένα αντίγραφο ασφαλείας ενός ιστότοπου που δημιουργήσατε στο Dreamweaver, πρέπει να αντιγράψετε τον φάκελο ιστότοπου όπου αποθηκεύετε όλα τα αρχεία στον ιστότοπό σας. Στην ιδανική περίπτωση, θα πρέπει να αντιγράψετε αυτόν το φάκελο σε έναν εξωτερικό σκληρό δίσκο ή να το μεταφορτώσετε σε ένα ηλεκτρονικό σύστημα δημιουργίας αντιγράφων ασφαλείας (που φιλοξενείται ξεχωριστά από τον διακομιστή ιστού σας).