Στο δυναμικό κόσμο του web design, το Adobe Dreamweaver είναι ένα απαραίτητο εργαλείο για προγραμματιστές και σχεδιαστές. Αλλά για να αξιοποιήσεις πλήρως τις δυνατότητες αυτού του ισχυρού λογισμικού, οι συντομεύσεις πληκτρολογίου είναι ένα κλειδικό στοιχείο.
Οι συντομεύσεις πληκτρολογίου στο Dreamweaver είναι πολύ περισσότερο από απλές συντομεύσεις. Είναι ένα γέφυρα προς πιο αποδοτική και γρηγορότερη εργασία. Με αυτές τις συντομεύσεις μπορείς να εκτελέσεις πολύπλοκες εργασίες με λίγα πλήκτρα, αυξάνοντας έτσι την αποτελεσματικότητα και εξοικονομώντας πολύτιμο χρόνο. Σου επιτρέπουν να μετακινείσαι ομαλά μεταξύ διαφορετικών λειτουργιών και προβολών, χωρίς να χρειάζεται να πλοηγείσαι μέσα από περίπλοκα μενού. Αυτό οδηγεί σε μία πιο συνεχή και φυσική ροή εργασίας, που είναι ιδιαίτερα χρήσιμη σε περιπτώσεις στενών προθεσμιών.
Σε αυτό το άρθρο θα μάθεις πώς μπορείς να βελτιστοποιήσεις τις διαδικασίες σχεδιασμού και ανάπτυξης στο Dreamweaver με τις σημαντικότερες συντομεύσεις πληκτρολογίου. Αν είσαι αρχάριος ή έμπειρος επαγγελματίας, αυτές οι εντολές θα βελτιώσουν δραστικά τη δουλειά σου στο Dreamweaver. Έτοιμος/η να πάρεις τις δεξιότητες σου στο web design στο επόμενο επίπεδο; Ας εξερευνήσουμε τον κόσμο των συντομεύσεων του Dreamweaver!
Περιεχόμενα
Αρχείο
Αρχείο
Συντόμευση
Νέο
Ctrl + N
Άνοιγμα
Ctrl + O
Περιηγηθείτε στη γέφυρα
Ctrl + Alt + O
Κλείσιμο
Ctrl + W
Όλα κλείσιμο
Ctrl + Shift + W
Αποθήκευση
Ctrl + S
Αποθήκευση ως
Ctrl + Shift + S
Εκτύπωση
Ctrl + P
Προτιμήσεις
Ctrl + U
Προεπισκόπηση στο πρόγραμμα περιήγησης
F12 / Alt + F12
Έλεγχος συνδέσμων
Shift + F8
Έξοδος
Ctrl + Q
Προβολή / Επεξεργασία
Προβολή / Επεξεργασία
Συντόμευση
Εστίαση μέσα
Ctrl + +
Απομάκρυνση
Ctrl + -
Εστίαση με ζουμ
Ctrl + Κύλιση του ποντικιού
Επικόλληση με επιλογές
Ctrl + Shift + V
Αναζήτηση
Ctrl + F
Συνέχιση της αναζήτησης στην επιλογή
Shift + F3
Συνέχιση της αναζήτησης
F3
Αλλαγή προβολής
Ctrl + #
Εμφάνιση κάθετων γραμμών
Ctrl + Alt + R
Εμφάνιση οδηγών
Ctrl + Shift + #
Ζωντανή προβολή
Alt + F11
Αναίρεση
Ctrl + Z
Επανάληψη
Ctrl + Y
Εμφάνιση πλέγματος
Ctrl + Alt + G
Ευθυγράμμιση στο πλέγμα
Ctrl + Shift + Alt + G
Εμφάνιση κεφαλής HTML
Ctrl + Shift + H
Λειτουργία επέκτασης πίνακα
Alt + F6
Απόκρυψη όλων
Ctrl + Shift + I
Διακοπή JavaScript
F6
Αναπαραγωγή προσθέτων
Ctrl + Alt + P
Διακοπή προσθέτων
Ctrl + Alt + X
Προβολή Σχεδίου
Προβολή Σχεδίου
Συντόμευση
Γρήγορος επεξεργαστής ετικετών
Ctrl + T
Πλοηγός κώδικα
Ctrl + Alt + Κλικ
Ανανέωση προβολής σχεδίου
F5
Πλάτος pixel στις οδηγίες
Ctrl
Κώδικας & Σχέδιο
Δράση
Συντόμευση
Χωρίς μορφοποίηση κειμένου
Ctrl + 0
Τίτλος 1 - <h1>
Ctrl + 1
Τίτλος 3 - <h3>
Ctrl + 3
Τίτλος 6 - <h6>
Ctrl + 6
Παράγραφος - <p>
Ctrl + Shift + P
Σύνδεσμοι - <div align="left">
Ctrl + Shift + Alt + L
Δεξιά - <div align="right">
Ctrl + Shift + Alt + R
Κέντρο - <div align="center">
Ctrl + Shift + Alt + C
Πλήθος - <div align="justify">
Ctrl + Shift + Alt + J
Έντονη
Ctrl + B
Πλάγια
Ctrl + I
Εργασία στον κώδικα
Δράση
Συντόμευση
Βοήθεια κώδικα
Ctrl + Διάστημα
Πήγαινε στη γραμμή
Ctrl + G
Περιβάλλε την επιλογή με #
Ctrl + Shift + 3
Αφαίρεση λέξης αριστερά
Ctrl + Πίσω (Backspace)
Αφαίρεση λέξης δεξιά
Ctrl + Διαγραφή
Επιλογή γραμμής από πάνω
Shift + Βέλος πάνω
Επιλογή γραμμής από κάτω
Shift + Βέλος κάτω
Επιλογή χαρακτήρα αριστερά
Shift + Βέλος αριστερά
Επιλογή χαρακτήρα δεξιά
Shift + Βέλος δεξιά
Επιλογή ολόκληρης σελίδας κάτω
Shift + Πλήκτρο κάτω
Επιλογή ολόκληρης σελίδας πάνω
Shift + Πλήκτρο πάνω
Μετάβαση στην επόμενη λέξη αριστερά
Ctrl + Βέλος αριστερά
Μετάβαση στην επόμενη λέξη δεξιά
Ctrl + Βέλος δεξιά
Επιλογή λέξης αριστερά
Ctrl + Shift + Βέλος α
Εισαγωγή
Ενέργεια
Συντόμευση
Εικόνα
Κρτλρ + Alt + Ι
Πίνακας
Κρτλρ + Alt + Τ
Κενό ( )
Κρτλρ + Shift + Κενό
Αλλαγή γραμμής (<br />)
Shift + Enter
Εισαγωγή υπερσυνδέσμου
Κρτλρ + Λ
Αφαίρεση υπερσυνδέσμου
Κρτλρ + Shift + Λ
Επιλογή ετικέτας
Κρτλρ + Ε
Αρχείο SWF
Κρτλρ + Alt + Φ
Ονομασμένος άγκυρας
Κρτλρ + Alt + Α
Επεξεργάσιμη περιοχή σε πρότυπα
Κρτλρ + Alt + V
Παράθυρα
Παράθυρο
Συντόμευση
Στοιχεία AP
F2
Δεσμίδες
Κρτλρ + F10
Κομμάτια κώδικα
Shift + F9
Επιθεωρητής κώδικα
F10 / Alt + F10
CSS Στυλ
Shift + F11
Βάσεις Δεδομένων
Κρτλρ + Shift + F10
Αρχεία
F8 / Κρτλρ + Shift + F
Ιδιότητες
Κρτλρ + F3
Εισαγωγή
Κρτλρ + F2
Απόκρυψη Παράθυρου
F4
Πλαίσια
Shift + F2
Στοιχεία
Κρτλρ + F7
Συμπεριφορές Εξυπηρετητή
Κρτλρ + F9
Αναζήτηση
F7
Επιθεωρητής ετικετών
F9 / Alt + Shift + F9
Συμπεριφορά
Shift + F4
Ιστορικό
Shift + F10
Εργασία με Πίνακες
Ενέργεια
Συντόμευση
Επιλογή κελιού ατομικά
Κρτλρ + Κλικ
Επιλογή πίνακα
Κρτλρ + Α 2x
Εισαγωγή Γραμμής
Κρτλρ + Μ
Εισαγωγή Γραμμής Έκδοση II
Tab στον τελευταίο κελί
Εισαγωγή Στήλης
Κρτλρ + Shift + Α
Διαγραφή Γραμμής
Κρτλρ + Shift + Μ
Διαγραφή Στήλης
Κρτλρ + Shift + -
Ενώνω Κελιά
Κρτλρ + Shift + Alt + Μ
Διαιρώ Κελιά
Κρτλρ + Alt + S
18 Συμβουλές και Κόλπα για το Adobe Dreamweaver
Θέλεις να μεταφέρεις γρήγορα το ανοικτό αρχείο στον διακομιστή, αν αυτό έχει ρυθμιστεί στην ιστοσελίδα, τότε πάτα Κρτλρ + + U.
Υπάρχει στο Dreamweaver ένα εσωτερικό τεστ συμβατότητας με φυλλομετρητές, το οποίο εμφανίζει όλα τα μη έγκυρα σφάλματα W3C και τις συμβατότητες φυλλομετρητών σε όλα τα scripts. Αυτή η λειτουργία είναι προσβάσιμη μέσω της γραμμής εργαλείων με τη μενού επιλογής Έλεγχος σελίδας. Πολύ χρήσιμη, ώστε να μην χρειάζεται να επισκέπτεσαι τη σελίδα σου με όλους τους φυλλομετρητές.
Με το Dreamweaver μπορείς να ανοίξεις και να επεξεργαστείς αρχεία απευθείας από τον διακομιστή. Έτσι αποφεύγεις τον ανέβασμα μέσω FTP-Client. Απλά στο παράθυρο Αρχεία (F8) => Διαχείριση ιστότοπων κάνε κλικ, μετά στο Νέο και συμπλήρωσε όλα τα στοιχεία. Στο τέλος θα εμφανιστεί ο περιεχόμενος του διακομιστή και μπορείς να ανοίξεις τις επιθυμητές σελίδες.
Για να είναι πιο ευδιάκριτα τα CSS backgrounds, μπορείς να ενεργοποιήσεις τα οπτικά εργαλεία CSS-Layout-Παρασκευή => Οπτικά εργαλεία => CSS-Παρασκευή. Οι διάφοροι σχεδιασμοί τώρα θα γεμίζουν με τυχαία χρώματα. Αυτά τα χρώματα όμως εμφανίζονται μόνο στο παράθυρο σχεδίασης.
Το μέγεθος προβολής δεν θα πρέπει να τροποποιηθεί - προεπιλεγμένα είναι ρυθμισμένο στο 100% - διότι σε αντίθετη περίπτωση η σελίδα θα φαίνεται πολύ είναι στην προβολή του Dreamweaver.
Στο πλαίσιο Επίπεδα Ιστορίας μπορούν να γίνουν προεπιλεγμένα μέχρι και 50 βήματα αναίρεσης. Μπορείς να αυξήσεις αυτήν την τιμή στις προεπιλογές (Κρτλρ + U) στην καρτέλα Γενικά.
Συχνά χρειάζεται να προστεθεί μια νέα γραμμή σε έναν πίνακα. Για να γίνει αυτό, κάνε απλά κλικ στο τελευταίο κελί κάτω δεξιά και πάτα στη συνέχεια το πλήκτρο tab. Εάν χρειάζεσαι αμέσως 10 ή περισσότερες νέες γραμμές ή στήλες, είναι σκόπιμο να μεταβείς μέσω δεξί κλικ => Προσθήκη Σειρών ή Στηλών.
Για γρήγορη εμφάνιση/απόκρυψη όλων των πεδίων εργαλείων, πάτησε το πλήκτρο F4. Θα εμφανιστούν μόνο το μενού και το παράθυρο εργασίας.
Στο Dreamweaver είναι δυνατό να βρεις και να αντικαταστήσεις ολόκληρους τμήματα κώδικα. Αυτό είναι ιδιαίτερα χρήσιμο όταν θέλεις να αντικαταστήσεις περισσότερες από μία γραμμές κώδικα που επαναλαμβάνονται συχνά.
18 Συμβουλές και Κόλπα για το Adobe Dreamweaver
Για γρήγορη επιλογή ολόκληρου του περιεχομένου ενός πίνακα () ή ενός DIV (), κάνε διπλό κλικ με το πλήκτρο Κρτλρ + A.
Αν εργάζεσαι στον κώδικα, μπορείς να κλείσεις γρήγορα τις ετικέτες πατώντας παράθυρο > Αποτελέσματα > Έλεγχος. Πολύ χρήσιμο είναι επίσης το πρόσθετο του Firefox HTML Validator (http://users.skynet.be/mgueury/mozilla/) σε συνδυασμό με το Firebug (http://getfirebug.com/).
Καλές πηγές για οδηγούς μάθησης Dreamweaver είναι: www.psd-tutorials.de, www.dreamworker.de και www.adobe.com/devnet/dreamweaver.
Υπάρχουν διάφορα πρόσθετα για το Dreamweaver που μπορούν να το επεκτείνουν. Μπορείς να επεξεργαστείς πρότυπα βασισμένα σε Joomla! επίσης στο Dreamweaver. Δες http://www.joomlaos.de
274,342,963
Συντομεύσεις για το Adobe Dreamweaver - Επισκόπηση πληκτρολογίων
Ο Στέφαν Πέτρι διαχειρίζεται μαζί με τον αδελφό του Ματίας το δημοφιλές ειδικό φόρουμ PSD-Tutorials.de, καθώς και την πλατφόρμα E-Learning TutKit.com, η οποία θέτει έμφαση στην εκπαίδευση και επιμόρφωση ψηφιακών επαγγελματικών δεξιοτήτων.