Πώς να χρησιμοποιήσετε το Adobe Dreamweaver

Το Adobe Dreamweaver είναι ένα τόσο ισχυρό εργαλείο για σχεδιαστές ιστοσελίδων, επειδή έχει τόσα πολλά πράγματα που μπορείτε να κάνετε με αυτό. Φυσικά, όλα αυτά τα πράγματα που μπορείτε να κάνετε είναι δύσκολο να μάθετε. Μάθετε μερικά από τα πολλά πράγματα που μπορεί να κάνει το Dreamweaver, συμπεριλαμβανομένων των αλλαγών στην πιο πρόσφατη έκδοση, CS5. Και μην ξεχάσετε να ελέγξετε τα πράγματα που υπάρχουν λείπει από το Dreamweaver CS5.

Ορισμός τοποθεσίας

• Ξεκινήστε έναν νέο ιστότοπο
• Δημιουργήστε έναν ιστότοπο
• Ρυθμίστε μόνο τα μέρη του ιστότοπου που χρειάζεστε, όταν τα χρειάζεστε *Νέο στο CS5
• Ρύθμιση απομακρυσμένων διακομιστών, διακομιστών QA και δοκιμής για πιο ολοκληρωμένες ροές εργασίας *Νέο στο CS5
• Δημιουργία και δημοσίευση νέων καταλόγων
• Αλλάξτε το doctype
• Συμπεριλάβετε μεταδεδομένα στις σελίδες σας

Βάζοντας ζωντανά τον ιστότοπό σας

• Ορίστε έναν απομακρυσμένο ιστότοπο
• Αρχεία FTP στον διακομιστή web
• Χρησιμοποιήστε ένα σύστημα ελέγχου έκδοσης για να ελέγξετε τα αρχεία μέσα και έξω
• Συνδεθείτε με το Subversion για πιο προηγμένο έλεγχο έκδοσης *Νέο στο CS5
• Αφήστε σημειώσεις για τους συμπαίκτες σας

Δημιουργία ιστοσελίδων

• Γράψτε μια σελίδα σε λειτουργία WYSIWYG
• Γράψτε μια σελίδα σε HTML
• Δημιουργήστε μια νέα σελίδα από ένα πρότυπο
• Δημιουργήστε μια νέα σελίδα από την αρχή
• Δημιουργήστε ένα πρότυπο
• Αποθηκεύστε αρχεία στον κατάλογο του ιστότοπού σας
• Καθορίστε τις ιδιότητες της σελίδας

CSS

• Χρησιμοποιήστε φύλλα στυλ CSS
• Προσθήκη ενσωματωμένων στυλ
• Δημιουργήστε ένα εξωτερικό φύλλο στυλ
• Συνδέστε ένα εξωτερικό φύλλο στυλ
• Δημιουργήστε επιλογείς κλάσης, αναγνωριστικού, ετικετών και σύνθετων CSS
• Επεξεργαστείτε τους υπάρχοντες κανόνες CSS
• Δημιουργία CSS για εκτυπώσιμες σελίδες
• Ενεργοποίηση και απενεργοποίηση ιδιοτήτων στυλ *Νέο στο CS5
• Επιθεωρήστε οπτικά το μοντέλο κουτιού CSS *Νέο στο CS5

Κείμενο

• Τροποποίηση κειμένου
• Χρησιμοποιήστε διαφορετικές γραμματοσειρές
• Εισαγάγετε μια αλλαγή γραμμής
• Χρησιμοποιήστε ειδικούς χαρακτήρες
• Συμπεριλάβετε τη σημερινή ημερομηνία
• Γράψτε σχόλια
• Ισχύουν Ετικέτες HTML σε κείμενο
• Προσθέστε χαρακτηριστικά HTML στις ετικέτες

Συνδέσεις

• Σύνδεση κειμένου και εικόνων
• Ελέγξτε τους συνδέσμους του ιστότοπου
• Αλλαγή των προεπιλεγμένων χρωμάτων συνδέσμων (σύνδεσμος, επίσκεψη, τοποθέτηση του δείκτη, ενεργό)
• Δημιουργήστε συμβουλές για εργαλεία σε συνδέσμους
• Δημιουργήστε συνδέσμους mailto
• Δημιουργήστε άγκυρες ιστοσελίδων

εικόνες

• Προσθήκη γραφικών σε μια σελίδα
• Επεξεργασία εικόνων
• Αλλαγή μεγέθους εικόνων
• Προσθήκη εναλλακτικού κειμένου σε εικόνες
• Προσθέστε πρόσθετες επιλογές προσβασιμότητας στις εικόνες
• Ευθυγράμμιση εικόνων και κειμένου
• Δημιουργήστε μια εικόνα ανατροπής
• Χρήση χάρτες εικόνων
• Χρησιμοποιήστε εικόνες ανίχνευσης
• Χρησιμοποιήστε σύμβολα κράτησης θέσης εικόνας
• Εισαγωγή Fireworks HTML
• Εισαγάγετε αρχεία Photoshop

Σχέδιο

• Χρησιμοποιήστε τα δωρεάν πρότυπα που περιλαμβάνονται *Νέες διατάξεις εκκίνησης CSS στο CS5
• Εισαγάγετε div για διάταξη
• Επεξεργαστείτε div στον πίνακα στυλ CSS
• Εισαγάγετε απολύτως τοποθετημένα στοιχεία
• Μορφοποίηση απολύτως τοποθετημένων στοιχείων στον επιθεωρητή ιδιοκτησίας
• Χρησιμοποιήστε χάρακες, πλέγματα και οδηγούς

Τόπος αγώνων

• Προσθέστε λίστες με κουκκίδες και αριθμημένες λίστες
• Προσαρμόστε κουκκίδες και αριθμούς λίστας

Πίνακες

• Δημιουργήστε έναν πίνακα
• Προσθέστε σειρές και στήλες κεφαλίδας
• Χρήση διαφανείς εικόνες για να κρατήσετε ανοιχτά τα κελιά του πίνακα
• Δημιουργήστε στήλες σταθερού πλάτους και ευέλικτου πλάτους
• Αλλάξτε τα στυλ περιγράμματος των πινάκων
• Ενσωματώστε έναν πίνακα σε έναν πίνακα
• Εισαγωγή δεδομένων πίνακα

Φόρμες

• Χρησιμοποιήστε μια φόρμα mailto
• Ορίστε τις ενέργειες φόρμας
• Προσθέστε κείμενο, ραδιόφωνο, πλαίσιο ελέγχου, αρχείο, εικόνα, πλαίσια επιλογής και κρυφά πεδία φόρμας
• Κάντε τις φόρμες σας προσβάσιμες με το σύνολο πεδίων και τα πεδία ετικετών
• Δημιουργήστε προσαρμοσμένα κουμπιά υποβολής
• Επικύρωση φορμών με JavaScript (Spry)

Βάσεις δεδομένων και PHP Scripting

• Συνδέστε τον ιστότοπό σας σε μια βάση δεδομένων
• Ρυθμίστε έναν ιστότοπο PHP/mySQL
• Χρησιμοποιήστε στοιχεία Spry για να συνδεθείτε στη βάση δεδομένων
• Εισαγάγετε αντικείμενα δεδομένων στις σελίδες σας
• Δοκιμάστε και ενημερώστε μια πηγή δεδομένων ή μια οθόνη Spry
• Επεξεργαστείτε πολύπλοκους δυναμικούς ιστότοπους σε προβολή σχεδίασης
• Ανακαλύψτε όλα τα δυναμικά σχετικά αρχεία για τη συναρμολόγηση τοποθεσιών PHP CMS (WordPress, Joomla και Drupal) *Νέο στο CS5
• Υπόδειξη προσαρμοσμένης κλάσης για κώδικα PHP, συμπεριλαμβανομένων πλαισίων τρίτων όπως το πλαίσιο Zend *Νέο στο CS5

Κορνίζες

• Δημιουργήστε έναν ιστότοπο με πλαίσιο
• Επεξεργασία περιεχομένου noframes
• Διαμορφώστε και διαμορφώστε τα κάδρα σας
• Ρυθμίστε προεπιλεγμένους στόχους συνδέσμων μεταξύ πλαισίων

Προσθήκη διαδραστικότητας

• Δημιουργήστε ένα άλμπουμ φωτογραφιών (Δεν υπάρχει πλέον σε CS5)
• Προσθήκη ήχου σε ιστοσελίδες
• Δημιουργήστε ένα αναπτυσσόμενο μενού
• Χρησιμοποιήστε τις συμπεριφορές Dreamweaver για να ανοίξετε αναδυόμενα παράθυρα, να δημιουργήσετε μενού μετάβασης, να παίξετε ήχο, να αλλάξετε εικόνες και άλλα
• Προσθήκη ροών RSS σε έναν ιστότοπο
• Εισαγάγετε κείμενο Flash ως μετατροπή
• Εισαγάγετε κείμενο CSS ως μετατροπή
• Εισαγάγετε άλλα πρόσθετα
• Προσθέστε γραμμή μενού Spry, πάνελ με καρτέλες, ακορντεόν, άκρη εργαλείου και πτυσσόμενο πάνελ
• Χρησιμοποιήστε το πρόγραμμα περιήγησης γραφικών στοιχείων για να βρείτε νέα γραφικά στοιχεία για τον ιστότοπό σας, χωρίς να χρειάζεται να γνωρίζετε JavaScript

Δοκιμάστε τις σελίδες σας

• Δοκιμάστε τις σελίδες σας σε Ζωντανή προβολή για να δείτε τις αλλαγές λόγω JavaScript και διαδραστικότητας *Νέο στο CS5
• Επικυρώστε το HTML σας
• Κάντε προεπισκόπηση των σελίδων σας σε πολλά προγράμματα περιήγησης
• Χρησιμοποιήστε το BrowserLab για προεπισκόπηση των σελίδων σας σε άλλα λειτουργικά συστήματα *Νέο στο CS5
• Χρησιμοποιήστε το Device Central για να ελέγξετε πώς φαίνονται οι σελίδες σε κινητές συσκευές
• Ελέγξτε τη συμβατότητα του προγράμματος περιήγησης
• Αλλάξτε τις ρυθμίσεις ώστε να ταιριάζουν με αυτό με το οποίο χρειάζεται να λειτουργεί ο ιστότοπός σας
• Ελέγξτε τους εσωτερικούς συνδέσμους του ιστότοπου
• Δοκιμάστε την προσβασιμότητα του ιστότοπού σας (Δεν υπάρχει πλέον σε CS5)
• Μετατροπή α Έγγραφο Word σε HTML

Προσαρμόστε το Dreamweaver

• Προσθήκη επεκτάσεων
• Απενεργοποιήστε τις επεκτάσεις
• Προσαρμόστε το Dreamweaver με συντομεύσεις

Αυξήστε την αποτελεσματικότητά σας

• Χρησιμοποιήστε ενσωματωμένες συντομεύσεις πληκτρολογίου
• Χρησιμοποιήστε αποσπάσματα κώδικα
• Δημιουργία και χρήση προτύπων
• Δημιουργήστε νέες σελίδες από προσαρμοσμένα πρότυπα
• Ενημέρωση προτύπων
• Συμπεριλάβετε ένα αρχείο σε ένα άλλο με τη βιβλιοθήκη Dreamweaver
• Ενημέρωση στοιχείων βιβλιοθήκης
• Συμπεριλάβετε ένα αρχείο σε ένα άλλο χρησιμοποιώντας SSI
• Χρησιμοποιήστε την αναζήτηση και αντικαταστήστε