Στο δυναμικό κόσμο του 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
Εμφάνιση κεφαλής HTMLCtrl + Shift + H
Λειτουργία επέκτασης πίνακαAlt + F6
Απόκρυψη όλωνCtrl + Shift + I
Διακοπή JavaScriptF6
Αναπαραγωγή προσθέτων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

Παράθυρα

ΠαράθυροΣυντόμευση
Στοιχεία APF2
ΔεσμίδεςΚρτλρ + 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
Εισαγωγή ΓραμμήςΚρτλρ + Μ
Εισαγωγή Γραμμής Έκδοση IITab στον τελευταίο κελί
Εισαγωγή ΣτήληςΚρτλρ + 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 - Επισκόπηση πληκτρολογίων

Δημοσιεύθηκε στις από το Stefan Petri
Δημοσιεύθηκε στις: Από το Stefan Petri
Ο Στέφαν Πέτρι διαχειρίζεται μαζί με τον αδελφό του Ματίας το δημοφιλές ειδικό φόρουμ PSD-Tutorials.de, καθώς και την πλατφόρμα E-Learning TutKit.com, η οποία θέτει έμφαση στην εκπαίδευση και επιμόρφωση ψηφιακών επαγγελματικών δεξιοτήτων.