i Adobe Dreamweaver CS3 Βήμα προς Βήμα Απόδοση: Αγαμέμνων Μήλιος Μηχανικός Λογισμικού Εκδόσεις: Μ. Γκιούρδας Ζωοδόχου Πηγής 70-74 - Τηλ.: 210 3630219 106 81 Αθήνα, 2007 www.mgiurdas.gr
Τίτλος Πρωτοτύπου: Adobe Dreamweaver CS3 Classroom in a Book ISBN 978-0-321-49981-3 Copyright 2007 Adobe Systems Incorporated. 345 Park Avenue, San Jose, California 95110, USA Αποκλειστικότητα για την Ελληνική Γλώσσα Εκδόσεις: Μόσχος Γκιούρδας Ζωοδόχου Πηγής 70-74 - Τηλ.: 210 3630219 106 81 Αθήνα, 2007 www.mgiurdas.gr ISBN: 978-960-512-530-1 Επιμέλεια κειμένων: Μιχαήλ Μεταξάς Desktop Publishing: Λένα Καλαϊτζή, τηλ.: 210 2813066 Εκτύπωση: Bερβάτης Παναγιώτης & ΣΙΑ Ε.Ε. Βιβλιοδεσία: Στάμου Κ. & ΣΙΑ Ο.Ε., τηλ.: 210 2821113 Αναδημοσίευση του βιβλίου σε οποιαδήποτε μορ φή, ολόκληρου ή μέ ρους, καθώς και των περιεχομένων προ γραμ μά των, δεν επιτρέπεται χωρίς την έγγραφη εξου σιο δό τη ση του εκδότη.
Εισαγωγή Για το Βήμα προς Βήμα... 1 Προαπαιτούμενα... 1 Εγκατάσταση του προγράμματος... 2 Αντιγραφή των αρχείων του βιβλίου... 2 Ορισμός προτιμήσεων... 3 Πρόσθετοι πόροι... 3 Πιστοποίηση της Adobe... 4 1 Γρήγορη εκκίνηση στο Dreamweaver CS3 Επιλογή σημείου εκκίνησης CSS... 8 Αποθήκευση της σελίδας σας... 9 Τροποποίηση του τίτλου της σελίδας... 10 Αλλαγή κεφαλίδων... 10 Εισαγωγή κειμένου... 11 Προσθήκη νέων εικόνων... 12 Σύνδεση με άλλες σελίδες... 14 Επιλογή και τροποποίηση στυλ CSS... 15 Προεπισκόπησης της σελίδας σε πρόγραμμα περιήγησης... 22 Ερωτήσεις επανάληψης... 26 Απαντήσεις επανάληψης... 26 2 Προσαρμόστε το χώρο εργασίας σας Ξενάγηση στο χώρο εργασίας... 29 ημιουργία προσαρμοσμένων χώρων εργασίας... 45 Χρήση του Property inspector... 46 Προσαρμογή γραμμών εργαλείων... 49 Εξατομίκευση προτιμήσεων... 54 Ερωτήσεις επανάληψης... 56 Απαντήσεις επανάληψης... 56
vi Περιεχόμενα 3 Εφαρμόστε διαδοχικά στυλ φύλλων Ορισμός ενός site στο Dreamweaver... 59 Προεπισκόπηση του τελικού αρχείου... 61 Επισύναψη εξωτερικού φύλλου στυλ... 62 ημιουργία νέων κανόνων CSS... 65 Εφαρμογή στυλ... 70 Αλλαγή ιδιοτήτων... 72 Ανάπτυξη φύλλου στυλ εκτύπωσης... 73 Ερωτήσεις επανάληψης... 80 Απαντήσεις επανάληψης... 80 4 Εργαστείτε με κείμενο Προεπισκόπηση του τελικού αρχείου... 83 Εισαγωγή επικεφαλίδων και κειμένου σώματος... 84 Εισαγωγή εξωτερικού κειμένου... 87 ημιουργία αριθμημένων λιστών και λιστών με κουκκίδες... 90 Ορθογραφικός έλεγχος εγγράφου... 92 Αναζήτηση και αντικατάσταση κειμένου... 94 Κατασκευή πινάκων... 96 Εισαγωγή δεδομένων σε πίνακα.... 100 Ερωτήσεις επανάληψης... 103 Απαντήσεις επανάληψης... 103 5 Σχεδιάστε με εικόνες Προεπισκόπηση του τελικού αρχείου... 105 Εισαγωγή εικόνας... 106 Χρήση εικόνων φόντου... 110 Βελτιστοποίηση γραφικών... 112 Προσθήκη roolover του Fireworks... 117 Εισαγωγή αρχείων του Photoshop... 121 Αντιγραφή και επικόλληση από το Photoshop... 124 Προσπέλαση του Bridge... 126 Ερωτήσεις επανάληψης... 129 Απαντήσεις επανάληψης... 129
vii 6 Εισάγετε συνδέσεις Προεπισκόπηση του τελικού αρχείου... 133 Σύνδεση με εξωτερικές σελίδες... 134 ημιουργία εξωτερικής σύνδεσης... 137 ημιουργία συνδέσεων ηλεκτρονικού ταχυδρομείου... 138 Στόχευση συνδέσεων μέσα στη σελίδα... 139 Ερωτήσεις επανάληψης... 143 Απαντήσεις επανάληψης... 143 7 Κατασκευάστε διαρθρώσεις σελίδων Προεπισκόπηση του τελικού αρχείου... 145 ημιουργία στοιχείων διάρθρωσης div, στα οποία εφαρμόζεται στυλ... 146 Εξαγωγή στυλ CSS... 168 Χρήση κανόνα και οδηγών... 170 Ερωτήσεις επανάληψης... 174 Απαντήσεις επανάληψης... 174 8 ημιουργήστε διαδραστικές σελίδες Οι συμπεριφορές του Dreamweaver... 177 Προεπισκόπηση του τελικού αρχείου... 180 Εφαρμογή συμπεριφορών... 182 Άνοιγμα παραθύρων προγραμμάτων περιήγησης... 187 Τροποποίηση συμπεριφοράς... 189 Εμφάνιση και απόκρυψη περιοχών... 192 Ερωτήσεις επανάληψης... 198 Απαντήσεις επανάληψης... 198 9 Ενσωματώστε το Ajax με το Spry Το Ajax και το Spry... 201 Προεπισκόπηση του τελικού αρχείου... 203 Προσθήκη δεδομένων XML... 205 Κατασκευή συνόλων δεδομένων του Spry... 210 Εφαρμογή περιοχών λεπτομέρειας του Spry... 213 Κατασκευή widget του Spry... 216
viii Περιεχόμενα Εφαρμογή των εφέ του Spry... 222 Ερωτήσεις επανάληψης... 225 Απαντήσεις επανάληψης... 225 10 Κατασκευάστε φόρμες Προεπισκόπηση του τελικού αρχείου... 229 Μάθετε για τις φόρμες... 232 Προσθήκη φόρμας στη σελίδα... 233 Εισαγωγή στοιχείων φόρμας κειμένου... 235 Προσθήκη ραδιοφωνικών κουμπιών... 247 Εισαγωγή πλαισίων ελέγχου... 250 Εργασία με λίστες... 253 Προσθήκη κουμπιού υποβολής σε μια φόρμα... 256 Εφαρμογή στυλ σε φόρμες... 257 Ερωτήσεις επανάληψης... 262 Απαντήσεις επανάληψης... 262 11 Προσθέστε πολυμέσα Προεπισκόπηση του τελικού αρχείου... 265 Αποστολή ταινίας Flash στο Web... 267 Προβολή βίντεο Flash... 271 Ενσωμάτωση παρουσίασης Flash... 274 Ερωτήσεις επανάληψης... 282 Απαντήσεις επανάληψης... 282 12 ημοσιεύστε στο Web Ορισμός απομακρυσμένου site... 285 Επικύρωση του site... 297 Αποστολή του site στο Web... 299 Ερωτήσεις επανάληψης... 302 Απαντήσεις επανάληψης... 302
ix Τι Υπάρχει στο CD* Δείτε μία επισκόπηση των περιεχομένων του CD του βιβλίου Αρχεία των μαθημάτων... και πολλά περισσότερα Το CD του βιβλίου Adobe Dreamweaver CS3 περιλαμβάνει τα αρχεία μαθημάτων που θα χρειαστείτε για να ολοκληρώσετε τις ασκήσεις του βιβλίου, όπως και άλλη ύλη που θα σας βοηθήσει να μάθετε περισσότερα για το Adobe Dreamweaver και να το χρησιμοποιήσετε με μεγάλη αποδοτικότητα και ευκολία. Το παρακάτω διάγραμμα δείχνει τα περιεχόμενα του CD το οποίο θα σας βοηθήσει να βρείτε τα αρχεία που σας ενδιαφέρουν. Μαθήματα Κάθε μάθημα έχει το δικό του φάκελο μέσα στο φάκελο Lessons. Θα πρέπει να αντιγράψετε αυτούς τους φακέλους στο σκληρό δίσκο σας πριν ξεκινήσετε κάθε μάθημα. Ταινίες Adobe Design Center Θα βρείτε πολλές εκπαιδευτικές ταινίες QuickTime** από το lynda.com μέσα στο φάκελο Movies όπως και πληροφορίες για άλλα εκπαιδευτικά προϊόντα από το lynda.com. Επισκεφτείτε το www.adobe.com/designcenter/ <http://www.adobe.com/designcenter/> για να βρείτε βοηθήματα, ιδέες από ειδικούς στη σχεδίαση και άρθρα που δίνουν τροφή στο μυαλό και ασχολούνται με τη σχέση του σχεδιαστή με την τεχνολογία και όλα αυτά που επιφέρει αυτή η σχέση στη σχεδίαση, τα εργαλεία σχεδίασης και την κοινωνία. ** Μπορείτε να βρείτε την τελευταία έκδοση του Apple QuickTime στη διεύθυνση http://www.apple.com/quicktime/download/.