Adobe Dreamweaver CS3

Transcript

1 i Adobe Dreamweaver CS3 Βήμα προς Βήμα Απόδοση: Αγαμέμνων Μήλιος Μηχανικός Λογισμικού Εκδόσεις: Μ. Γκιούρδας Ζωοδόχου Πηγής Τηλ.: Αθήνα,

2 Τίτλος Πρωτοτύπου: Adobe Dreamweaver CS3 Classroom in a Book ISBN Copyright 2007 Adobe Systems Incorporated. 345 Park Avenue, San Jose, California 95110, USA Αποκλειστικότητα για την Ελληνική Γλώσσα Εκδόσεις: Μόσχος Γκιούρδας Ζωοδόχου Πηγής Τηλ.: Αθήνα, ISBN: Επιμέλεια κειμένων: Μιχαήλ Μεταξάς Desktop Publishing: Λένα Καλαϊτζή, τηλ.: Εκτύπωση: Bερβάτης Παναγιώτης & ΣΙΑ Ε.Ε. Βιβλιοδεσία: Στάμου Κ. & ΣΙΑ Ο.Ε., τηλ.: Αναδημοσίευση του βιβλίου σε οποιαδήποτε μορ φή, ολόκληρου ή μέ ρους, καθώς και των περιεχομένων προ γραμ μά των, δεν επιτρέπεται χωρίς την έγγραφη εξου σιο δό τη ση του εκδότη.

3 Εισαγωγή Για το Βήμα προς Βήμα... 1 Προαπαιτούμενα... 1 Εγκατάσταση του προγράμματος... 2 Αντιγραφή των αρχείων του βιβλίου... 2 Ορισμός προτιμήσεων... 3 Πρόσθετοι πόροι... 3 Πιστοποίηση της Adobe Γρήγορη εκκίνηση στο Dreamweaver CS3 Επιλογή σημείου εκκίνησης CSS... 8 Αποθήκευση της σελίδας σας... 9 Τροποποίηση του τίτλου της σελίδας Αλλαγή κεφαλίδων Εισαγωγή κειμένου Προσθήκη νέων εικόνων Σύνδεση με άλλες σελίδες Επιλογή και τροποποίηση στυλ CSS Προεπισκόπησης της σελίδας σε πρόγραμμα περιήγησης Ερωτήσεις επανάληψης Απαντήσεις επανάληψης Προσαρμόστε το χώρο εργασίας σας Ξενάγηση στο χώρο εργασίας ημιουργία προσαρμοσμένων χώρων εργασίας Χρήση του Property inspector Προσαρμογή γραμμών εργαλείων Εξατομίκευση προτιμήσεων Ερωτήσεις επανάληψης Απαντήσεις επανάληψης... 56

4 vi Περιεχόμενα 3 Εφαρμόστε διαδοχικά στυλ φύλλων Ορισμός ενός site στο Dreamweaver Προεπισκόπηση του τελικού αρχείου Επισύναψη εξωτερικού φύλλου στυλ ημιουργία νέων κανόνων CSS Εφαρμογή στυλ Αλλαγή ιδιοτήτων Ανάπτυξη φύλλου στυλ εκτύπωσης Ερωτήσεις επανάληψης Απαντήσεις επανάληψης Εργαστείτε με κείμενο Προεπισκόπηση του τελικού αρχείου Εισαγωγή επικεφαλίδων και κειμένου σώματος Εισαγωγή εξωτερικού κειμένου ημιουργία αριθμημένων λιστών και λιστών με κουκκίδες Ορθογραφικός έλεγχος εγγράφου Αναζήτηση και αντικατάσταση κειμένου Κατασκευή πινάκων Εισαγωγή δεδομένων σε πίνακα Ερωτήσεις επανάληψης Απαντήσεις επανάληψης Σχεδιάστε με εικόνες Προεπισκόπηση του τελικού αρχείου Εισαγωγή εικόνας Χρήση εικόνων φόντου Βελτιστοποίηση γραφικών Προσθήκη roolover του Fireworks Εισαγωγή αρχείων του Photoshop Αντιγραφή και επικόλληση από το Photoshop Προσπέλαση του Bridge Ερωτήσεις επανάληψης Απαντήσεις επανάληψης

5 vii 6 Εισάγετε συνδέσεις Προεπισκόπηση του τελικού αρχείου Σύνδεση με εξωτερικές σελίδες ημιουργία εξωτερικής σύνδεσης ημιουργία συνδέσεων ηλεκτρονικού ταχυδρομείου Στόχευση συνδέσεων μέσα στη σελίδα Ερωτήσεις επανάληψης Απαντήσεις επανάληψης Κατασκευάστε διαρθρώσεις σελίδων Προεπισκόπηση του τελικού αρχείου ημιουργία στοιχείων διάρθρωσης div, στα οποία εφαρμόζεται στυλ Εξαγωγή στυλ CSS Χρήση κανόνα και οδηγών Ερωτήσεις επανάληψης Απαντήσεις επανάληψης ημιουργήστε διαδραστικές σελίδες Οι συμπεριφορές του Dreamweaver Προεπισκόπηση του τελικού αρχείου Εφαρμογή συμπεριφορών Άνοιγμα παραθύρων προγραμμάτων περιήγησης Τροποποίηση συμπεριφοράς Εμφάνιση και απόκρυψη περιοχών Ερωτήσεις επανάληψης Απαντήσεις επανάληψης Ενσωματώστε το Ajax με το Spry Το Ajax και το Spry Προεπισκόπηση του τελικού αρχείου Προσθήκη δεδομένων XML Κατασκευή συνόλων δεδομένων του Spry Εφαρμογή περιοχών λεπτομέρειας του Spry Κατασκευή widget του Spry

6 viii Περιεχόμενα Εφαρμογή των εφέ του Spry Ερωτήσεις επανάληψης Απαντήσεις επανάληψης Κατασκευάστε φόρμες Προεπισκόπηση του τελικού αρχείου Μάθετε για τις φόρμες Προσθήκη φόρμας στη σελίδα Εισαγωγή στοιχείων φόρμας κειμένου Προσθήκη ραδιοφωνικών κουμπιών Εισαγωγή πλαισίων ελέγχου Εργασία με λίστες Προσθήκη κουμπιού υποβολής σε μια φόρμα Εφαρμογή στυλ σε φόρμες Ερωτήσεις επανάληψης Απαντήσεις επανάληψης Προσθέστε πολυμέσα Προεπισκόπηση του τελικού αρχείου Αποστολή ταινίας Flash στο Web Προβολή βίντεο Flash Ενσωμάτωση παρουσίασης Flash Ερωτήσεις επανάληψης Απαντήσεις επανάληψης ημοσιεύστε στο Web Ορισμός απομακρυσμένου site Επικύρωση του site Αποστολή του site στο Web Ερωτήσεις επανάληψης Απαντήσεις επανάληψης

7 ix Τι Υπάρχει στο CD* Δείτε μία επισκόπηση των περιεχομένων του CD του βιβλίου Αρχεία των μαθημάτων... και πολλά περισσότερα Το CD του βιβλίου Adobe Dreamweaver CS3 περιλαμβάνει τα αρχεία μαθημάτων που θα χρειαστείτε για να ολοκληρώσετε τις ασκήσεις του βιβλίου, όπως και άλλη ύλη που θα σας βοηθήσει να μάθετε περισσότερα για το Adobe Dreamweaver και να το χρησιμοποιήσετε με μεγάλη αποδοτικότητα και ευκολία. Το παρακάτω διάγραμμα δείχνει τα περιεχόμενα του CD το οποίο θα σας βοηθήσει να βρείτε τα αρχεία που σας ενδιαφέρουν. Μαθήματα Κάθε μάθημα έχει το δικό του φάκελο μέσα στο φάκελο Lessons. Θα πρέπει να αντιγράψετε αυτούς τους φακέλους στο σκληρό δίσκο σας πριν ξεκινήσετε κάθε μάθημα. Ταινίες Adobe Design Center Θα βρείτε πολλές εκπαιδευτικές ταινίες QuickTime** από το lynda.com μέσα στο φάκελο Movies όπως και πληροφορίες για άλλα εκπαιδευτικά προϊόντα από το lynda.com. Επισκεφτείτε το < για να βρείτε βοηθήματα, ιδέες από ειδικούς στη σχεδίαση και άρθρα που δίνουν τροφή στο μυαλό και ασχολούνται με τη σχέση του σχεδιαστή με την τεχνολογία και όλα αυτά που επιφέρει αυτή η σχέση στη σχεδίαση, τα εργαλεία σχεδίασης και την κοινωνία. ** Μπορείτε να βρείτε την τελευταία έκδοση του Apple QuickTime στη διεύθυνση