Πατώντας Εξοικονόμηση χρόνου Συμβουλές Dreamweaver - dummies

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

Αποκαθιστώντας την ακαταστασία

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

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

Εάν θέλετε να μεταβείτε εμπρός και πίσω μεταξύ του πηγαίου κώδικα HTML και της προβολής WYSIWYG (που βλέπετε είναι ό, τι παίρνετε) στο Dreamweaver, θα εκτιμήσετε τη νέα επιλογή στην έκδοση 4 που σας επιτρέπει να διαχωρίζετε το παράθυρο ώστε να μπορείτε ταυτόχρονα να βλέπετε την πηγή HTML και την περιοχή σχεδιασμού WYSIWYG. Για να διαχωρίσετε το παράθυρο, επιλέξτε Προβολή -> Κωδικός και Σχεδίαση.

Μπορεί επίσης να εκτιμήσετε τις βελτιωμένες δυνατότητες του ενσωματωμένου επεξεργαστή κειμένου Dreamweaver, συμπεριλαμβανομένου του αυτόματου περιθωρίου και της δυνατότητας επιλογής πολλαπλών γραμμών και εσοχής τους. Θα ανακαλύψετε επίσης το ζωντανό ζωγραφικό σύνταξης που εμφανίζεται καθώς πληκτρολογείτε - μπορείτε ακόμη να διακρίνετε τα χρώματα για HTML και JavaScript. Επιλέξτε Επεξεργασία -> Προτιμήσεις -> καρτέλα Χρώματα κώδικα για να αντιστοιχίσετε χρώματα.

Η καταγραφή των σχεδίων σας

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

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

Μετατροπή κειμένου

Εάν χρησιμοποιείτε τη λειτουργία "Επικόλληση ως κείμενο" στο Dreamweaver 3, μην απογοητεύεστε όταν διαπιστώνετε ότι λείπει από το Dreamweaver 4. Η Macromedia απλοποίησε τη διαδικασία στην τελευταία της έκδοση. Τώρα επιλέγετε απλώς Αρχείο -> Επικόλληση και μορφοποιημένο κείμενο από ένα έγγραφο επεξεργασίας κειμένου διατηρεί τη μορφοποίησή του - καλά, εντάξει, διατηρεί τουλάχιστον το διάστημα μεταξύ των γραμμών. Η αλήθεια είναι ότι το Dreamweaver είναι ακόμα αρκετά αδύναμο όταν πρόκειται για τη μετατροπή κειμένου.

Μπορείτε να αποθηκεύσετε τον εαυτό σας από την αναδιαμόρφωση του κειμένου στο Dreamweaver εάν χρησιμοποιείτε ένα πρόγραμμα επεξεργασίας κειμένου ή λογιστικού φύλλου που περιλαμβάνει μια δυνατότητα "Αποθήκευση ως HTML" (το Microsoft Word και πολλά άλλα προσφέρουν αυτή τη δυνατότητα). Αντί να αντιγράψετε και να επικολλήσετε το κείμενο στο Dreamweaver, χρησιμοποιήστε τη δυνατότητα File -> Save As HTML του προγράμματος επεξεργασίας κειμένου, μετονομάστε το αρχείο και, στη συνέχεια, ανοίξτε το νέο αρχείο στο Dreamweaver. Το Microsoft Word και το Excel διαφυλάσσουν ακόμη και τη μορφοποίηση πίνακα, μια πραγματική εξοικονόμηση χρόνου, εάν ασχολείσαι με μεγάλους πίνακες κειμένου ή αριθμών.

Εύρεση λειτουργικών γραμματοσειρών

Οι σχεδιαστές γίνονται τόσο ενθουσιασμένοι όταν βρουν ότι μπορούν να χρησιμοποιήσουν οποιαδήποτε γραμματοσειρά. Στην πραγματικότητα, οι θεατές σας πρέπει να έχουν τη γραμματοσειρά στους υπολογιστές τους για να εμφανίζονται. Όσο πιο συνηθισμένη είναι η γραμματοσειρά, τόσο πιο πιθανό είναι να εμφανίσετε τον τρόπο που σκοπεύετε. Αν θέλετε να χρησιμοποιήσετε μια πιο ασυνήθιστη γραμματοσειρά, πηγαίνετε για αυτό - απλά βεβαιωθείτε ότι έχετε και εναλλακτικές λύσεις. Η λίστα γραμματοσειρών Dreamweaver περιλαμβάνει ήδη συλλογές κοινών γραμματοσειρών και μπορείτε πάντα να δημιουργήσετε τη δική σας λίστα γραμματοσειρών επιλέγοντας Text -> Font -> Edit Font List.

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

Καθοδήγηση των θεατών σας

Η δημιουργία πολλαπλών ιστότοπων είναι η πιο ασφαλής για αποτυχία λύση για να βεβαιωθείτε ότι όλοι οι θεατές σας είναι ευχαριστημένοι όταν χρησιμοποιείτε σχέδια τελευταίας σελίδας γεμάτα με DHTML και CSS. Αυτό σημαίνει ότι δημιουργείτε δύο ή περισσότερα σύνολα σελίδων: ένα που χρησιμοποιεί τις πιο πρόσφατες λειτουργίες και ένα που χρησιμοποιεί παλιότερες, πιο γενικά υποστηριζόμενες ετικέτες HTML. Αλλά πώς εξασφαλίζετε ότι οι θεατές θα φτάσουν στις σωστές σελίδες; Χρησιμοποιήστε τη συμπεριφορά Check Browser.

Η συμπεριφορά Check Browser είναι γραμμένη σε JavaScript και καθορίζει τον τύπο του προγράμματος περιήγησης που χρησιμοποιείται από κάθε θεατή που προσγειώνεται στον ιστότοπό σας. Η συμπεριφορά κατευθύνει τους χρήστες στη σχεδίαση σελίδας που ταιριάζει καλύτερα στην έκδοση του προγράμματος περιήγησής τους. Για να χρησιμοποιήσετε αυτή τη λειτουργία, επιλέξτε Παράθυρο -> Συμπεριφορές για να ανοίξετε τον πίνακα "Συμπεριφορές". Στη συνέχεια, κάντε κλικ στο σύμβολο συν (+) για να ανοίξετε την αναπτυσσόμενη λίστα επιλογών. Επιλέξτε Έλεγχος προγράμματος περιήγησης και ανοίγει ένα παράθυρο διαλόγου στο οποίο μπορείτε να ορίσετε ποιες εκδόσεις του προγράμματος περιήγησης θα πρέπει να κατευθύνονται σε ποιες σελίδες στον ιστότοπό σας. Όταν οι χρήστες φτάνουν στον ιστότοπό σας, κατευθύνονται αυτόματα στη σελίδα της επιλογής σας, ανάλογα με τον τύπο και την έκδοση του προγράμματος περιήγησης που καθορίζετε.