Κυριακή 30 Δεκεμβρίου 2012

DreamWeaver Μέρος Α:Περιβάλλον Εργασίας

Το Dreamweaver 8 αποτελεί ένα επαγγελματικό εργαλείο για τον σχεδιασμό και την ανάπτυξη ιστοσελίδων αλλά ακόμη και δικτυακών εφαρμογών. Ο χρήστης έχει την δυνατότητα να υλοποιήσει τον ιστοτόπο του είτε γράφοντας τον κλασικό HTML κώδικα,  είτε χρησιμοποιώντας τον εύχρηστο WYSIWYG (What You See Is  What You Get) επεξεργαστή. Επίσης, το Dreamweaver συνεργάζεται άψογα και με το πρόγραμμα Flash  δίνοντας έτσι την δυνατότητα για άμεση και εύκολη εισαγωγή αρχείων τύπου flash. Συνεπώς το Dreamweaver προσφέρεται για τον σχεδιασμό websites από ερασιτεχνικό μέχρι και επαγγελματικό επίπεδο.
Το γραφικό περιβάλλον (interface)
Όλα τα παράθυρα και τα ταμπλό εργαλείων (panels) βρίσκονται ως επιλογές στο μενού Window, εκτός από τις μπάρες εργασίας (Toolbars) οι οποίες βρίσκονται στο View > Toolbars. Πιο αναλυτικά, το interface του Dreamweaver περιλαμβάνει:

1. Insert Bar (Μπάρα εισαγωγής): Προσθέτει αντικείμενα στην σελίδα. Το pop-up menu στα αριστερά δίνει πρόσβαση στα διαφορετικά σύνολα εικονιδίων.
2. Document Tabs (Καρτέλες εγγράφων): Επιτρέπει στον χρήστη να βλέπει και να εναλλάσσεται μεταξύ των ανοιγμένων αρχείων που έχει. Με δεξί κλικ επάνω σε ένα document tab εμφανίζεται μενού με χρήσιμες επιλογές σχετικά με το αρχείο.
3. Toolbars (Μπάρες εργασίας): Υπάρχουν πολλές toolbars συσχετισμένες με κάθε τύπο αρχείου. Μπορούν να απ-ενεργοποιούνται μέσω του View > Toolbars. (α) Style Rendering toolbar (Μπάρα εργασίας για στυλ εμφάνισης) : Εναλλάσσει τους τρόπους παρουσίασης. (β) Document toolbar (Μπάρα εργασίας εγγράφων) : Περιέχει κουμπιά για την εναλλαγή μεταξύ των τρόπων παρουσίασης της σελίδας, ορισμού του τίτλου τους, κτλ. (γ) Standard Toolbar (Βασική μπάρα εργασίας) : Περιέχει κουμπιά για άνοιγμα, κλείσιμο αρχείων, κτλ.
4. Code View (Όψη κώδικα): Επιτρέπει την επεξεργασία του κώδικα της σελίδας.
5. Design View (Όψη σχεδιασμού): Ανοίγει το περιβάλλον εργασίας για την γραφική επεξεργασία της σελίδας.
6. Status Bar (Μπάρα κατάστασης): Εμφανίζει πληροφορίες σχετικά με το μέγεθος των παραθύρων, τα επιλεγμένα tags της HTML, καθώς επίσης και άλλες χρήσιμες πληροφορίες.
7. Properties Inspector (Διαχειριστής Χαρακτηριστικών): Ορίζει τα χαρακτηριστικά του επιλεγμένου αντικειμένου.
8. Panels (Ταμπλό εργαλείων): Τα διάφορα Ταμπλό (Panels) για την διαχείριση της σελίδας.

Επιλογή Χώρου Εργασίας (Workspace)

Την πρώτη φορά που θα τρέξουμε το Dreamweaver 8, θα μας γίνει η ερώτηση σχετικά με το ποιο είδος χώρου εργασίας (workspace) θέλουμε να χρησιμοποιήσουμε. Οι επιλογές είναι δύο: Το designer layout (εμφάνιση σχεδιασμού) είναι ένα πλήρες workspace στο οποίο όλα τα παράθυρα και τα panels είναι ενοποιημένα σε ένα μεγαλύτερο παράθυρο. To coder layout (εμφάνιση κώδικα) είναι το ίδιο με πριν με τηνδιαφορά ότι τα panels είναι όλα στα αριστερά και ο τρόπος θέασης της σελίδας είναι εξ’αρχής ορισμένος ως «code». Για να αλλάξετε την εμφάνιση (layout), πηγαίνετε στο Window >
Layout και επιλέξτε το layout που θέλετε. Επίσης, δίνεται η δυνατότητα για ταυτόχρονη χρήση και των δυο layouts, σε περίπτωση που ο χρήστης χρησιμοποιεί δύο οθόνες