Ακόμη και τα καλύτερα προγράμματα γίνονται καλύτερα όταν ξέρετε πώς να τα αξιοποιήσετε στο έπακρο. Αφιερώστε λίγο χρόνο για να δείτε αυτές τις συμβουλές και εξοικονομήστε τόνους χρόνου για την ανάπτυξη του ιστότοπού σας. Οι περισσότερες από αυτές τις συμβουλές ισχύουν τόσο για χρήστες 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 περιλαμβάνει ήδη συλλογές κοινών γραμματοσειρών και μπορείτε πάντα να δημιουργήσετε τη δική σας Λίστα γραμματοσειρών επιλέγοντας Κείμενο –> Γραμματοσειρά –> Επεξεργασία λίστας γραμματοσειρών.
Τα Windows είναι μακράν το πιο κοινό λειτουργικό σύστημα στο Διαδίκτυο. Για να εξασφαλίσετε τα καλύτερα — και ταχύτερα — αποτελέσματα για την πλειοψηφία των χρηστών σας, αναφέρετε πρώτα μια γραμματοσειρά Windows.
Η δημιουργία πολλών ιστότοπων είναι η πιο ασφαλής λύση για να διασφαλίσετε ότι όλοι οι θεατές σας είναι ευχαριστημένοι όταν χρησιμοποιείτε σχέδια σελίδων αιχμής γεμάτα με DHTML και CSS. Αυτό σημαίνει ότι δημιουργείτε δύο ή περισσότερα σύνολα σελίδων: μία που χρησιμοποιεί τις πιο πρόσφατες δυνατότητες και μία που χρησιμοποιεί παλαιότερες, πιο καθολικά υποστηριζόμενες ετικέτες HTML. Αλλά πώς διασφαλίζετε ότι οι θεατές φτάνουν στις σωστές σελίδες; Χρησιμοποιήστε τη συμπεριφορά Έλεγχος προγράμματος περιήγησης.
Η συμπεριφορά Έλεγχος προγράμματος περιήγησης είναι γραμμένη σε JavaScript και καθορίζει τον τύπο προγράμματος περιήγησης που χρησιμοποιείται από κάθε θεατή που προσγειώνεται στον ιστότοπό σας. Στη συνέχεια, η συμπεριφορά κατευθύνει τους χρήστες στη σχεδίαση της σελίδας που ταιριάζει καλύτερα στην έκδοση του προγράμματος περιήγησής τους. Για να χρησιμοποιήσετε αυτήν τη δυνατότητα, επιλέξτε Παράθυρο –> Συμπεριφορές για να ανοίξετε τον πίνακα Συμπεριφορές. Στη συνέχεια, κάντε κλικ στο σύμβολο συν (+) για να ανοίξετε την αναπτυσσόμενη λίστα επιλογών. Επιλέξτε Έλεγχος προγράμματος περιήγησης και ανοίγει ένα παράθυρο διαλόγου στο οποίο μπορείτε να καθορίσετε ποιες εκδόσεις προγράμματος περιήγησης θα πρέπει να κατευθύνονται σε ποιες σελίδες στον ιστότοπό σας. Όταν οι χρήστες φτάνουν στον ιστότοπό σας, κατευθύνονται αυτόματα στη σελίδα της επιλογής σας, με βάση τον τύπο και την έκδοση του προγράμματος περιήγησης που καθορίζετε.
Το πλαίσιο Σελίδες στο InDesign Creative Suite 5 σάς επιτρέπει να επιλέξετε, να μετακινήσετε, να προσθέσετε, να διαγράψετε, να αριθμήσετε, να αντιγράψετε, το μέγεθος και να περιηγηθείτε σε σελίδες σε μια δημοσίευση του InDesign.
Διορθώστε εύκολα τυπογραφικά και ορθογραφικά λάθη με τον ορθογραφικό έλεγχο στο InDesign Creative Suite 5, δημιουργώντας προσαρμοσμένα λεξικά χρήστη για καλύτερη ακρίβεια.
Ανακαλύψτε πώς να δημιουργήσετε και να χρησιμοποιήσετε πλαίσια κειμένου στο Adobe InDesign CS6. Εξερευνήστε νέες μεθόδους και εργαλεία για αποτελεσματική σχεδίαση.
Ανακαλύψτε πώς να μετατρέψετε τις φωτογραφίες σας σε ελαιογραφίες χρησιμοποιώντας το φίλτρο Oil Paint στο Photoshop CS6. Μάθετε χρήσιμες τεχνικές για καλύτερα αποτελέσματα.
Ανακαλύψτε πώς να δημιουργήσετε και να χρησιμοποιήσετε οδηγούς στο Photoshop CS6 για ακριβή ευθυγράμμιση και σχεδίαση.
Επιλέξτε Image→ Mode για να δείτε τις επιλογές λειτουργίας εικόνας στο Adobe Photoshop CS5. Χρησιμοποιήστε τη λειτουργία Duotone για τη δημιουργία εικόνας με 1-4 χρώματα, ιδανικά για επαγγελματικές εκτυπώσεις.
Μάθετε πώς να μετατρέψετε την εικόνα σας από RGB σε CMYK στο Adobe Photoshop CS6 με αυτές τις χρήσιμες οδηγίες.
Μάθετε πώς να μετρήσετε αποστάσεις και αντικείμενα στο Photoshop CS6 χρησιμοποιώντας εύχρηστες μεθόδους. Χρησιμοποιήστε τους χάρακες και τις γενικές επιλογές για ακριβείς μετρήσεις.
Μάθετε τα βασικά εργαλεία σχήματος στο Illustrator и την αποτελεσματική χρήση τους για δημιουργία επαγγελματικών σχεδίων.
Μάθετε πώς να εφαρμόζετε τη διαφάνεια στα γραφικά SVG στο Illustrator. Εξερευνήστε πώς να εξάγετε SVG με διαφανές φόντο και να εφαρμόσετε εφέ διαφάνειας.
