Το Dreamweaver CS5 μπορεί να βελτιώσει σημαντικά την παραγωγικότητα και να αλλάξει τον τρόπο που δημιουργείτε τοποθεσίες Web. Η γνώση όλων των σημαντικών συντομεύσεων πληκτρολογίου Dreamweaver CS5 και των κοινών κανόνων κωδικοποίησης HTML μπορεί να ενισχύσει ακόμη περισσότερο την αποτελεσματικότητά σας ως σχεδιαστής. Βρείτε τον δρόμο σας στον χώρο εργασίας του Dreamweaver με εύκολες στη μνήμη συντομεύσεις πληκτρολογίου και κοινές συμβουλές κωδικοποίησης, ώστε να μπορείτε να εργάζεστε πιο γρήγορα και πιο έξυπνα και να δημιουργείτε τους ιστοτόπους σας με μεγαλύτερη ευκολία.
Εξοικονομήστε χρόνο με τις συντομεύσεις πληκτρολογίου Dreamweaver CS5
Η χρήση του Dreamweaver CS5 είναι πολύ πιο γρήγορη όταν γνωρίζετε τις συντομεύσεις. Χρησιμοποιήστε αυτές τις συντομεύσεις πληκτρολογίου σε προβολές σχεδίασης, διαχωρισμού και κώδικα για να δημιουργήσετε γρήγορα έγγραφα, να εκτελέσετε εργασίες επεξεργασίας, να αποκρύψετε και να εμφανίσετε λειτουργίες χώρου εργασίας, να εφαρμόσετε απλή μορφοποίηση, να επεξεργαστείτε κώδικα, να κάνετε επιλογές, να αποκτήσετε πρόσβαση στη βοήθεια του Dreamweaver, να κάνετε προεπισκόπηση σελίδων σε Live View και σε πρόγραμμα περιήγησης , κι αλλα.
Εντολές πληκτρολογίου |
Συντόμευση υπολογιστή |
Συντόμευση Mac |
Δημιουργήστε ένα νέο έγγραφο |
Control+N |
Command+N |
Ανοίξτε ένα υπάρχον έγγραφο |
Control+O |
Command+O |
Αποθηκεύστε ένα ανοιχτό έγγραφο |
Control+S |
Command+S |
Κλείστε ένα ανοιχτό έγγραφο |
Control+W |
Command+W |
Κλείστε όλα τα ανοιχτά έγγραφα |
Control+Shift+W |
Command+Shift +W |
Έξοδος/Τερματισμός Dreamweaver |
Control+Q ή Alt+F4 |
Command+Q ή Opt+F4 |
Ξεκάνω |
Control+Z ή Alt+Backspace |
Επιλογή+Διαγραφή |
Ξανακάνω |
Control+Y ή
Control +Shift+Z |
Command+Y ή Command+Shift+Z |
Τομή |
Control+X ή
Shift+Delete |
Command+X ή
Shift+Delete |
αντίγραφο |
Control+C |
Command+C |
Επικόλληση |
Control+V |
Command+V |
Ειδική επικόλληση |
Control+Shift+V |
Command+Shift+V |
Επιλογή όλων |
Control+A |
Command+A |
Βρίσκω και αντικαθιστώ |
Control+F |
Command+F |
Ανοίξτε τον πίνακα Προτιμήσεις |
Control+U |
Command+U |
Εμφάνιση/απόκρυψη χάρακα |
Control+Alt+R |
Command+Option+R |
Εμφάνιση/απόκρυψη οδηγών |
Control+; |
Command+; |
Εμφάνιση/απόκρυψη οπτικών βοηθημάτων |
Control+Shift+I |
Command+Shift+I |
Εμφάνιση/απόκρυψη πλέγματος |
Control+Alt+G |
Command+Option+G |
Επεξεργασία ιδιοτήτων σελίδας |
Control+J |
Command+J |
Ανανέωση προβολής σχεδίασης |
F5 |
F5 |
Κάντε το επιλεγμένο κείμενο με έντονη γραφή |
Control+B |
Command+B |
Κάντε το επιλεγμένο κείμενο πλάγιο |
Control+I |
Command+I |
Εφαρμογή μορφοποίησης παραγράφου στο επιλεγμένο κείμενο |
Control+Shift+P |
Command+Shift+P |
Εφαρμογή μορφοποίησης επικεφαλίδων (H1–H6) σε επιλεγμένο κείμενο |
Control+1 έως 6 |
Command+1 έως 6 |
Προσθήκη νέας παραγράφου |
ΕΠΙΣΤΡΟΦΗ |
ΕΠΙΣΤΡΟΦΗ |
Προσθέστε μια αλλαγή γραμμής |
Shift+Return |
Shift+Return |
Εισαγάγετε ένα μη σπάσιμο διάστημα |
Command+Shift+Spacebar |
Command+Shift+Spacebar |
Μετακίνηση αντικειμένου ή κειμένου |
Σύρετε την επιλογή σε νέα τοποθεσία |
Σύρετε την επιλογή σε νέα τοποθεσία |
Αντιγραφή αντικειμένου ή κειμένου |
Έλεγχος-σύρετε την επιλογή σε νέα τοποθεσία |
Επιλογή-σύρετε την επιλογή σε νέα τοποθεσία |
Επιλέξτε μια λέξη |
Διπλό κλικ |
Διπλό κλικ |
Επιλέξτε μια γραμμή ή ένα μπλοκ κειμένου |
Κάντε τριπλό κλικ |
Κάντε τριπλό κλικ |
Εισαγωγή εικόνας |
Control+Alt+I |
Command+Option+I |
Εισαγωγή πίνακα |
Control+Alt+T |
Command+Option+T |
Εκτελέστε έναν ορθογραφικό έλεγχο |
Shift+F7 |
Shift+F7 |
Ανοίξτε το παράθυρο Βοήθεια |
F1 |
F1 |
Μεγέθυνση |
Έλεγχος+= |
Εντολή+= |
Σμίκρυνση |
Έλεγχος+- |
Εντολή + - |
Προεπισκόπηση στο κύριο πρόγραμμα περιήγησης |
F12 |
Επιλογή+F12 |
Προεπισκόπηση σε δευτερεύον πρόγραμμα περιήγησης |
Shift+F12 ή Control+F12 |
Command+F12 |
Ζωντανή μετάδοση |
Alt+F11 |
Επιλογή+F11 |
Πάγωμα JavaScript |
F11 |
F11 |
Επιθεωρώ |
Alt+Shift+F11 |
Option+Shift+F11 |
Code Navigator |
Control+Alt+N |
Command+Option+N |
Παίρνω |
Control+Shift+D |
Command+Shift+D |
Βάζω |
Control+Shift+U |
Command+Shift+U |
Παραδίδω αποσκευές |
Control+Alt+Shift+U |
Command+ Option+Shift+U |
Ολοκλήρωση παραγγελίας |
Control+Alt+Shift+D |
Command+ Option+Shift+D |
Συμβουλές κώδικα HTML, CSS και JavaScript
Ως σχεδιαστής Ιστού, χρησιμοποιείτε συχνά ορισμένα κομμάτια κώδικα HTML, CSS και JavaScript, αλλά όχι αρκετά συχνά για να τα δεσμεύσετε στη μνήμη. Οι παρακάτω συμβουλές κώδικα HTML, στυλ CSS και JavaScript είναι χρήσιμες όταν προσθέτετε ειδικά στοιχεία, όπως μηδενικούς συνδέσμους, μετα-ετικέτες και οντότητες στις σελίδες σας. Χρησιμοποιήστε αυτές τις υποδείξεις κώδικα HTML, CSS και JavaScript στην προβολή κώδικα, στον επιθεωρητή ιδιοτήτων και στα φύλλα στυλ CSS.
Υπόδειξη κώδικα HTML |
Συντόμευση κώδικα |
Δημιουργήστε έναν μηδενικό σύνδεσμο |
# ή javascript:; ή javascript:void(0) όπως στο<>
href="#">
σύνδεσμο
συνδέσμου |
Δημιουργήστε επώνυμο σύνδεσμο αγκύρωσης |
Link to Target
σύνδεσμο
Target |
Δημιουργία συνδέσμου για την επώνυμη άγκυρα σε άλλη σελίδα |
Σύνδεσμος |
Εισαγωγή αλλαγής γραμμής |
|
Κλείσιμο παραθύρου JavaScript |
Κλείστε αυτό το
παράθυρο |
Επισκεφτείτε ξανά τη μετα-ετικέτα μετά από x ημέρες |
|
Δεν υπάρχει μετα-ετικέτα προσωρινής αποθήκευσης |
|
Μετα-σύνδεσμος στην αρχική σελίδα |
|
Μετα-σύνδεσμος στη σελίδα χάρτη ιστότοπου |
|
Μετα-σύνδεσμος στο εικονίδιο συντόμευσης |
|
Μετα-σύνδεση με εικονίδιο συντόμευσης χρησιμοποιώντας GIF αντί για ICO |
|
href="favicon.gif" /> |
Σύνδεσμος σε εξωτερικό αρχείο JS |
type="text/javascript"> |
Σύνδεσμος σε εξωτερικό CSS |
|
media=”screen”/> |
Εισαγωγή@ συνδέσμου σε εξωτερικό CSS |
|
Σύνδεσμος CSS για προγράμματα περιήγησης IE μικρότερα από IE 7 |
|
type=”text/css” href=”ie.css”
media=”all”/> |
Εισαγάγετε μια εικόνα με χαρακτηριστικό ALT |
 |
Κενό χαρακτηριστικό ALT για εικόνα |
 |
Οντότητα για προσθήκη κενού χώρου |
ή |
Οντότητα για προσθήκη πνευματικών δικαιωμάτων |
© ή © |
Οντότητα για προσθήκη εμπορικού σήματος |
™ ή ™ |
Οντότητα για προσθήκη συμπλεκτικού |
& ή & |
Προσθήκη ετικετών NoScript |
|
Στόχοι σύνδεσης |
_κενό
_new
_self
_parent
_top |
Εφαρμόστε προσαρμοσμένο στυλ CSS με ετικέτες SPAN |
… |
Ετικέτες σχολίων σε HTML και JavaScript |
|
Ετικέτες σχολίων στο CSS |
/* Το σχόλιό σας εδώ */ |
Η δομή μιας ετικέτας CSS επαναπροσδιορίζει το στυλ |
tag {
χαρακτηριστικό: value;
} |
Δομή ενός στυλ CSS ID |
#ID {
χαρακτηριστικό: value;
} |
Δομή ενός προσαρμοσμένου στυλ CSS |
.stylename {
χαρακτηριστικό: value;
} |
CSS για στυλ συνδέσμων |
a:link {
χαρακτηριστικό: value;
}
a:visited {
χαρακτηριστικό: value;
}
a:hover {
χαρακτηριστικό: value;
}
a:active {
χαρακτηριστικό: value;;
} |