Μάθετε τo. Adobe. Dreamweaver CS4. σε 24 Ώρες

Transcript

1 Μάθετε τo Adobe Dreamweaver CS4 σε 24 Ώρες

2 ΠΡΑΚΤΙΚΗ ΕΞΑΣΚΗΣΗ Μπορείτε να εξασκηθείτε στα θέματα αυτού του βιβλίου με τις πάνω από 100 ασκήσεις Πρακτικής Εξάσκησης, που παρέχουν οδηγίες βήμα προς βήμα, για εκτέλεση βασικών εργασιών και τεχνικών του Dreamweaver. ΜΑΘΗΜΑ 3: Οργάνωση: Ορισμός και ιαμόρφωση μιας Ιστοθέσης Συμπλήρωση της Πρώτης Ενότητας Επεξεργασίας Αρχείων Ιστοθέσης 54 ημιουργία ενός Καταλόγου Images 60 Επεξεργασία του Ορισμού της Ιστοθέσης 61 Καθορισμός ενός Προεπιλεγμένου Φακέλου Εικόνων 62 ΜΑΘΗΜΑ 4: Προσθήκη Κειμένου και Λιστών ημιουργία μιας Κενής Ιστοσελίδας 68 Aντιγραφή και Επικόλληση Κειμένου από ένα Άλλο Πρόγραμμα 70 Αντιγραφή και Επικόλληση ομικής Μορφοποίησης 71 Καθορισμός των Ιδιοτήτων Γραμματοσειράς Σελίδας 75 Καθορισμός ενός Στυλ Επικεφαλίδας 79 Προσθήκη ενός Τίτλου σε ένα Έγγραφο 80 Εφαρμογή ενός Στυλ CSS 85 Επεξεργασία ενός Ονόματος Στυλ 85 ημιουργία μιας Λίστας με Κουκκίδες 86 ημιουργία Ένθετων Λιστών 87 ημιουργία Λιστών και Τοποθέτηση Κειμένου σε Εσοχή 87 Καθορισμός ενός Προγράμματος Περιήγησης για Προεπισκόπηση 89 ΜΑΘΗΜΑ 5: Καθορισμός εσμών: Υπερδεσμοί, Άγκυρες και εσμοί Mailto Σύνδεση με μια Ιστοθέση Πολλαπλών Σελίδων 99 Προσθήκη Υπερδεσμών 100 Χρήση Επώνυμων Αγκύρων 104 ΜΑΘΗΜΑ 6: Μορφοποίηση Ιστοσελίδων με ιαδοχικά Φύλλα Στυλ ημιουργία ενός Επιλογέα Κλάσης 115 Αφαίρεση ενός Επιλογέα Κλάσης 118 Ανακαθορισμός μιας Σήμανσης HTML 124 ημιουργία ενός Σύνθετου Επιλογέα 126 Επεξεργασία ενός Στυλ 127 Μετακίνηση και Σύνδεση Στυλ CSS 128 ημιουργία και Σύνδεση ενός Νέου Εξωτερικού Φύλλου Στυλ 130 ΜΑΘΗΜΑ 7: Εργασία με την XHTML Επεξεργασία Κώδικα και Προβολή των Αποτελεσμάτων 141 ΜΑΘΗΜΑ 8: Εμφάνιση Εικόνων σε μια Σελίδα Εισαγωγή μιας Εικόνας σε μια Ιστοσελίδα 160 Βελτιστοποίηση μιας Εικόνας στο Dreamweaver 169 ημιουργία μιας Συνδεδεμένης Εικόνας 172 ημιουργία ενός Χάρτη Εικόνας 173 ημιουργία μιας Ενεργής Περιοχής σε ένα Χάρτη Εικόνας 174 ημιουργία μιας Εναλλαγής Εικόνων 177 ΜΑΘΗΜΑ 9: Συμπλήρωση του Dreamweaver με Άλλες Εφαρμογές Ανάμειξη μιας Εικόνας με το Φόντο, Χρησιμοποιώντας Feathering 186 ημιουργία μιας Νέας Εικόνας στο Photoshop 187 Στοίχιση και Προσθήκη Κειμένου σε μια Εικόνα 188 Προσθήκη ενός Φίλτρου Εικόνας 192 Τεμαχισμός μιας Εικόνας 194 Εισαγωγή ενός Έξυπνου Αντικειμένου του Photoshop στο Dreamweaver 195 Εισαγωγή εδομένων στο Dreamweaver 197 ΜΑΘΗΜΑ 10: Προσθήκη Flash και Άλλων Αρχείων Πολυμέσων σε μια Ιστοσελίδα Eισαγωγή ενός Πρόσθετου Αντικειμένου για Αναπαραγωγή Ήχου 213 Χρήση του JW FLV Media Player για Ενσωμάτωση Μέσων σε μια Ιστοσελίδα 220 Ενσωμάτωση μιας Μικροεφαρμογής Java 222 ΜΑΘΗΜΑ 11: ιαχείριση των Πόρων σας με την Παλέτα Assets Προσθήκη ενός Πόρου στην Ιστοσελίδα σας 234 ημιουργία ενός Νέου Πόρου Χρώματος ή εσμού 238 ΜΑΘΗΜΑ 12: Εμφάνιση εδομένων με Πίνακες Εισαγωγή ενός Πίνακα μέσα στην Ιστοσελίδα σας 244 Ταξινόμηση ενός Πίνακα με Χρήση της Εντολής Sort Table 249 Εξαγωγή εδομένων Πίνακα από το Dreamweaver 255 ΜΑΘΗΜΑ 13: Χρήση CSS για Τοποθέτηση ημιουργία μιας ιάταξης Σελίδας CSS 261 ημιουργία μιας Νέας Σελίδας και Εξωτερικού Στυλ 266 Αλλαγή Περιθωρίων Σελίδας 267 Χρήση μιας Εικόνας Ιχνηλασίας 268 ημιουργία ενός Σύνθετου Επιλογέα 269 ημιουργία μιας Νέας Div 270 Προσθήκη της Αριστερής και της εξιάς Στήλης 271 ημιουργία και Εφαρμογή ενός Επιλογέα Κλάσης Καθαρισμού 273 Κεντράρισμα Περιεχομένου Σελίδας με μια Div 274 ΜΑΘΗΜΑ 14: ημιουργία CSS για Κινητές Συσκευές και Εκτύπωση ημιουργία Αντιγράφου ενός Αρχείου CSS 282 Αποσύνδεση και Επανασύνδεση ενός Φύλλου Στυλ 283 Σύνδεση με ένα Φύλλο Στυλ 285 Απόκρυψη ενός Στοιχείου Μέσω CSS 287 ημιουργία ενός Νέου Στυλ για Απόκρυψη Μη Εκτυπώσιμων Στοιχείων 288 Καθορισμός Γραμματοσειράς για ένα Φύλλο Στυλ Εκτύπωσης 290 Απόκρυψη Άχρηστων Υπερδεσμών 292 ημιουργία Περιεχομένου Μόνο Εκτύπωσης 293 Προεπισκόπηση μιας Σελίδας στο Device Central 295 ΜΑΘΗΜΑ 15: ημιουργία Στοιχείων Βιβλιοθήκης και Προτύπων Χρήση Υπάρχοντος Περιεχομένου μέσα σε ένα Νέο Στοιχείο Βιβλιοθήκης 301 ημιουργία και Επεξεργασία ενός Νέου Στοιχείου Βιβλιοθήκης 302 ημιουργία ενός Προτύπου από μια Υπάρχουσα Ιστοσελίδα 308 ημιουργία ενός Προτύπου από την Αρχή 309 Κάντε μια Περιοχή Επεξεργάσιμη 311 ημιουργία μιας Νέας Σελίδας από ένα Πρότυπο 313 ΜΑΘΗΜΑ 16: Προσθήκη Περιήγησης: Περιήγηση και Γραμμές Μενού ημιουργία μιας Γραμμής Περιήγησης 323 Εισαγωγή ενός Αντικειμένου Spry Menu Bar 327 Αλλαγή της Γραμματοσειράς και του Φόντου ενός Spry Menu Bar 330 Αλλαγή των ιαστάσεων Μενού Spry 331 ΜΑΘΗΜΑ 17: Χρήση υναμικής HTML και AP Divs ημιουργία Κίνησης σε μια AP Div 344 ΜΑΘΗΜΑ 18: Eισαγωγή ιαδραστικότητας με Συμπεριφορές Εύρεση Πληροφοριών για Συμβάντα JavaScript 348 Προσάρτηση Συμπεριφορών JavaScript 355 ημιουργία ενός Κενού εσμού 356 Προσάρτηση της Συμπεριφοράς Show-Hide Elements 357 Καθορισμός ενός Συμβάντος Εκκίνησης 359 Επεξεργασία μιας Συμπεριφοράς 359 Χρήση της onclick για Άνοιγμα ενός Νέου Παράθυρου του Προγράμματος Περιήγησης 361 Χρήση ενός Αναδυόμενου Μηνύματος 362 Αλλαγή της Σειράς των Συμπεριφορών 363 Χρήση της Συμπεριφοράς Go to URL 364 ημιουργία μιας Div με υνατότητα Μεταφοράς 366 ημιουργία ενός Παιχνιδιού με Μεταφορά και Απόθεση 367 ΜΑΘΗΜΑ 19: Χρήση AJAX Frameworks και Βιβλιοθηκών ημιουργία των Αντικειμένων Υποστήριξης για ένα Εφέ Spry 379 Προσθήκη του Εφέ Appear/Fade 380 ημιουργία μιας Παλέτας με Καρτέλες 382 Προσθήκη ενός ToolTip σε ένα Στοιχείο Σελίδας 385 ημιουργία ενός Αρχείου XML 388 ημιουργία ενός Συνόλου εδομένων Spry 389 Εισαγωγή μιας Λίστας Επανάληψης Spry 390 Σύνδεση μιας Εικόνας μέσα σε ένα Lightbox 396 ΜΑΘΗΜΑ 20: ημιουργία μιας Φόρμας και Χρήση της για Συλλογή εδομένων Προσθήκη μιας Φόρμας σε μια Σελίδα 401 ημιουργία μιας Φόρμας 404 ημιουργία μιας Ομάδας Κουμπιών Επιλογής 409 Προσθήκη ενός Πλαισίου Επιλογής σε μια Φόρμα 410 ημιουργία μιας Λίστας 411 Προσθήκη Κουμπιών σε μια Φόρμα 414 ημιουργία ενός Μενού Μετάβασης 417 ΜΑΘΗΜΑ 21: Αποστολή και Αντίδραση σε εδομένα Φόρμας ημιουργία μιας Φόρμας με Επικύρωση 422 ιαμόρφωση ενός Πεδίου Κειμένου Επικύρωσης Spry 424 Προσθήκη Κρυφών Πεδίων σε μια Φόρμα 429 ΜΑΘΗΜΑ 22: Εκφόρτωση, Κοινή Χρήση και ιαχείριση ενός Έργου στο Web Τοποθέτηση ή Check In Αρχείων 450 Εισαγωγή μιας Υπάρχουσας Ιστοθέσης 451 ΜΑΘΗΜΑ 23: ιαχείριση μιας Ιστοθέσης Εύρεση Ενημερωμένων Αρχείων σε ένα Απομακρυσμένο Server 460 Συγχρονισμός Τοπικών και Απομακρυσμένων Αρχείων 461 Προσθήκη μιας Σημείωσης Σχεδίασης σε ένα Αρχείο 466 Εκτέλεση μιας Αναφοράς Ιστοθέσης 468 ΜΑΘΗΜΑ 24: Προσαρμογή του Dreamweaver Καταγραφή και Αναπαραγωγή μιας Εντολής 478 Εγκατάσταση μιας Επέκτασης του Dreamweaver 483 Χρήση Αναζήτησης και Αντικατάστασης για Αφαίρεση Σημάνσεων Γραμματοσειρών 485

3 Μάθετε τo Adobe Dreamweaver CS4 σε 24 Ώρες Betsy Bruce John Ray Απόδοση: Γιάννης Β. Σαμαράς Ηλεκτρολόγος Μηχανολόγος Ε.Μ.Π. M.Sc. Computer Science Εκδόσεις: Μ. Γκιούρδας Ζωοδόχου Πηγής Τηλ.: Αθήνα,

4 Τίτλος Πρωτοτύπου: Sams Teach Yourself Adobe Dreamweaver CS4 in 24 Hours ISBN-13: ISBN-10: Copyright 2009 by Sams Publishing Αποκλειστικότητα για την Ελληνική Γλώσσα Εκδόσεις: Μόσχος Γκιούρδας Ζωοδόχου Πηγής Τηλ.: Αθήνα, ISBN: Επιμέλεια κειμένων: Γιάννης Καρούζος Desktop Publishing: Κ. Καλαϊτζής, τηλ.: Εκτύπωση: ΕΚΤΥΠΩΤΙΚΗ ΑΤΤΙΚΗΣ Α.Ε. Αναδημοσίευση του βιβλίου σε οποιαδήποτε μορ φή, ολόκληρου ή μέ ρους, καθώς και των περιεχομένων προ γραμ μά των, δεν επιτρέπεται χωρίς την έγγραφη εξου σιο δό τη ση του εκδότη.

5 Περιεχόμενα Μέρος Ι Εισαγωγή... 1 Αρχίστε την Εργασία με το DreamWeaver ΜΑΘΗΜΑ 1 Οι υνατότητες που Προσφέρει το Dreamweaver... 5 ΜΑΘΗΜΑ 2 Περιήγηση στο Dreamweaver ΜΑΘΗΜΑ 3 Οργάνωση: Ορισμός και ιαμόρφωση μιας Ιστοθέσης ΜΑΘΗΜΑ 4 Προσθήκη Κειμένου και Λιστών και Προεπισκόπηση στο Πρόγραμμα Περιήγησης ΜΑΘΗΜΑ 5 Καθορισμός εσμών: Υπερδεσμοί, Άγκυρες και εσμοί Mailto ΜΑΘΗΜΑ 6 Μορφοποίηση Ιστοσελίδων με ιαδοχικά Φύλλα Στυλ ΜΑΘΗΜΑ 7 Εργασία με την XHTML Μέρος ΙΙ Προσθήκη Εικόνων και Πολυμέσων σε Ιστοσελίδες ΜΑΘΗΜΑ 8 Εμφάνιση Εικόνων σε μια Σελίδα ΜΑΘΗΜΑ 9 Συμπλήρωση του Dreamweaver με Άλλες Εφαρμογές ΜΑΘΗΜΑ 10 Προσθήκη Flash και Άλλων Αρχείων Πολυμέσων σε μια Ιστοσελίδα ΜΑΘΗΜΑ 11 ιαχείριση των Πόρων σας με την Παλέτα Assets Μέρος ΙΙΙ ιάταξη της Ιστοσελίδας σας με Πίνακες και Πλαίσια ΜΑΘΗΜΑ 12 Εμφάνιση εδομένων με Πίνακες ΜΑΘΗΜΑ 13 Χρήση CSS για Τοποθέτηση ΜΑΘΗΜΑ 14 ημιουργία CSS για Κινητές Συσκευές και Εκτύπωση ΜΑΘΗΜΑ 15 ημιουργία Στοιχείων Βιβλιοθήκης και Προτύπων Μέρος IV υναμική HTML και AJAX: Χρήση AP Divs, Συμπεριφορών και XML ΜΑΘΗΜΑ 16 Προσθήκη Περιήγησης: Περιήγηση και Γραμμές Μενού ΜΑΘΗΜΑ 17 Χρήση υναμικής HTML και AP Divs ΜΑΘΗΜΑ 18 Eισαγωγή ιαδραστικότητας με Συμπεριφορές ΜΑΘΗΜΑ 19 Χρήση AJAX Frameworks και Βιβλιοθηκών Μέρος V Συλλογή εδομένων Χρήστη με Φόρμες ΜΑΘΗΜΑ 20 ημιουργία μιας Φόρμας και Χρήση της για Συλλογή εδομένων ΜΑΘΗΜΑ 21 Αποστολή και Αντίδραση σε εδομένα Φόρμας Μέρος VI Οργάνωση και Εκφόρτωση του Έργου σας ΜΑΘΗΜΑ 22 Εκφόρτωση, Κοινή Χρήση και ιαχείριση ενός Έργου στο Web ΜΑΘΗΜΑ 23 ιαχείριση μιας Ιστοθέσης ΜΑΘΗΜΑ 24 Προσαρμογή του Dreamweaver Ευρετήριο

6 Οι Συγγραφείς Η Betsy Bruce εργάζεται σαν ελεύθερη επαγγελματίας στην ανάπτυξη εφαρμογών και σαν σύμβουλος που ειδικεύεται στην e-εκπαίδευση, χρησιμοποιώντας το Dreamweaver, το Authorware, το Captivate και το Flash. Ήταν ανώτερη προγραμματίστρια σε ένα έργο της Cobalt Group, όπου η ομάδα της κέρδισε τον βραβείο 2003 Macromedia Innovation in elearning. Ήταν εκπαιδεύτρια πιστοποιημένη από την Macromedia, για τα Dreamweaver, CourseBuilder for Dreamweaver, Flash και Authorware. Έχει πάρει το B.S. της από το Πανεπιστήμιο της Iowa και το Masters της από το Πανεπιστήμιο San Diego State University. ίνει πολλές διαλέξεις σε συνέδρια με θέμα την δημιουργία εκπαίδευσης με βάση την τεχνολογία. Έχει γεννηθεί και μεγαλώσει στην Iowa και τώρα μένει στην υτική Ακτή των Η.Π.Α. Η ιστοθέση της βρίσκεται στην διεύθυνση Ο John Ray είναι αναλυτής και καθοδηγεί την ομάδα ανάπτυξης επιχειρησιακών εφαρμογών στο Ohio State University Research Foundation. Παρέχει εξειδικευμένες λύσεις για δίκτυα, ασφάλεια και προγραμματισμό για πελάτες σε όλες τις Η.Π.Α. Οι πελάτες περιλαμβάνουν τους National Regulatory Research Institute, Brevard Metropolitan Planning Organization Florida και NEMO στα UC Davis και University of Connecticut. Στον κενό του χρόνο ο John συγγράφει βιβλία για θέματα που αφορούν Ασφάλεια Πληροφοριακών Συστημάτων μέχρι λειτουργικά συστήματα και ανάπτυξη για το Web. Έχει επίσης συγγράψει εκπαιδευτικά βιβλία και έχει διδάξει σε πολλά σεμινάρια σε θέματα MIS, ασφάλειας, ανάπτυξης βάσεων δεδομένων, και σε άλλα προχωρημένα θέματα υπολογιστών. Σήμερα μένει στο Delaware, Ohio. Η ιστοθέση του βρίσκεται στην διεύθυνση

7 Αφιέρωση Το βιβλίο αυτό αφιερώνεται στους γονείς μου. Ευχαριστίες Ευχαριστώ την ομάδα ανάπτυξης της Sams Publishing Songlin Qiu, Mark Taber και Scott Antall που εργάστηκαν με μεγάλη προσοχή σε όλο το έργο συγγραφής και έκδοσης αυτού του βιβλίου. Επίσης, ευχαριστώ τους φίλους και την οικογένειά μου, που μου συμπαραστάθηκαν σε όλη την διάρκεια αυτού του έργου. Υπήρχαν μέρες που τα μάτιά μου έκαιγαν από την πολλή εργασία! Περισσότερο από όλους όμως ευχαριστώ εσάς, τους αναγνώστες, που ενδιαφερθήκατε να κάνετε ανάπτυξη για το Web χρησιμοποιώντας το Dreamweaver. Σε λίγο θα αρχίσετε ένα υπέροχο ταξίδι, σε ένα από τα δημιουργικότερα και εντυπωσιακότερα πεδία της μοντέρνας τεχνολογίας.

8 Πείτε μας την Γνώμη σας! Σαν αναγνώστης αυτού του βιβλίου, είστε ο πιο σημαντικός κριτής και σχολιαστής μας. Εκτιμούμε την γνώμη σας και θέλουμε να ξέρουμε αν κάναμε την δουλειά μας σωστά, τι μπορούμε να κάνουμε καλύτερα, ποιες περιοχές θέλετε να καλύψουμε και ό,τι άλλο θέλετε να μας πείτε. Μπορείτε να μας στείλετε ή να μας γράψετε και να μας πείτε τι γνώμη έχετε για αυτό το βιβλίο όπως και τι μπορούμε να κάνουμε, για να κάνουμε τα βιβλία μας καλύτερα. Σημειώστε ότι δεν μπορώ να σας βοηθήσω σε τεχνικά θέματα που σχετίζονται με το θέμα αυτού του βιβλίου, και ότι, λόγω του μεγάλου όγκου επιστολών που λαμβάνω, δεν θα μπορέσω να τις απαντήσω όλες. Όταν γράφετε, παρακαλώ να περιλαμβάνετε τον τίτλο του βιβλίου και το όνομα του συγγραφέα όπως και το όνομα, τον αριθμό τηλεφώνου σας και το σας. Θα διαβάσω προσεκτικά τα σχόλιά σας και θα τα συζητήσω με τον συγγραφέα και τους επιμελητές που έχουν εργαστεί για το βιβλίο. Ταχυδρομείο: Mark Taber Associate Publisher Sams Publishing 800 East 96th Street Indianapolis, IN USA Υπηρεσίες Αναγνωστών Για περισσότερες πληροφορίες σχετικά με αυτό το βιβλίο και τα άλλα βιβλία της Sams Publishing, επισκεφθείτε την ιστοθέση μας στην διεύθυνση informit.com/register.