Γραμμή εργαλείων εγγράφων στο Adobe CS5 Dreamweaver

Η γραμμή εργαλείων Document στο Adobe Creative Suite 5 (Adobe CS5) Dreamweaver περιέχει εργαλεία που σας βοηθούν να προβάλετε το έγγραφό σας σε διαφορετικές λειτουργίες, όπως Κώδικας και Σχεδίαση, καθώς και να αντιμετωπίσετε στοιχεία όπως ο τίτλος του εγγράφου και η συμβατότητα του προγράμματος περιήγησης.

• Προβολή κώδικα: Εμφάνιση του κώδικα και μόνο του κώδικα χρησιμοποιώντας αυτήν την προβολή. Το Dreamweaver σάς βοηθά να αποκρυπτογραφήσετε τον κώδικα με ετικέτες κωδικοποίησης χρώματος, χαρακτηριστικά, CSS και άλλα στοιχεία.

• Διαχωρισμός προβολής: Η ενεργοποίηση αυτής της επιλογής χωρίζει το παράθυρο του εγγράφου μεταξύ των προβολών Κώδικας και Σχεδίασης. Αυτή η προβολή μπορεί να είναι εξαιρετικά χρήσιμη, επειδή βλέπετε ταυτόχρονα το σχέδιο και τον κώδικα.

  

  Ελέγξτε την προβολή της σελίδας από τη γραμμή εργαλείων Document.

• Προβολή σχεδίασης: Αυτή η επιλογή εμφανίζει τη σελίδα σας σε προβολή σχεδίασης στο παράθυρο Έγγραφο.

• Ζωντανός κώδικας: Όταν είναι ενεργοποιημένη η Ζωντανή προβολή, μπορείτε να προβάλετε τον πηγαίο κώδικα του εγγράφου σας όπως θα τον έβλεπε ένας χρήστης σε ένα πρόγραμμα περιήγησης, αλλά δεν μπορείτε να επεξεργαστείτε τον κώδικα σελίδας σε αυτήν την προβολή.

• Έλεγχος συμβατότητας προγράμματος περιήγησης: Αυτό το μενού εμφανίζει επιλογές που σας επιτρέπουν να ελέγχετε την ακεραιότητα της σελίδας, όπως η προσβασιμότητα ή εάν οι κανόνες σας CSS είναι συμβατοί με διαφορετικά προγράμματα περιήγησης.

• Ζωντανή προβολή: Η Ζωντανή προβολή αποδίδει τη σελίδα σας σαν να είναι σε πρόγραμμα περιήγησης, χωρίς περιγράμματα, οδηγούς και άλλα οπτικά βοηθήματα. Στη Ζωντανή προβολή, δεν μπορείτε να επεξεργαστείτε το περιεχόμενο σε προεπισκόπηση, αλλά μπορείτε να μεταβείτε στην προβολή Κώδικας, Διαίρεσης ή Σχεδίασης και να τροποποιήσετε το περιεχόμενο της σελίδας σας.

• Επιθεώρηση: Το νέο κουμπί Επιθεώρηση λειτουργεί με τη Ζωντανή προβολή για να αποκαλύψει τους κανόνες CSS που μορφοποιούν στοιχεία στη σελίδα σας. Όταν επιλέγετε ένα στοιχείο στη σελίδα με την Επιθεώρηση ενεργοποιημένη, ο πίνακας Στυλ CSS αποκαλύπτει τις ιδιότητες που μορφοποιούν αυτό το στοιχείο και σας επιτρέπει να απενεργοποιήσετε ή να τροποποιήσετε συγκεκριμένες ιδιότητες και να δείτε τα αποτελέσματα.

• Προεπισκόπηση/Εντοπισμός σφαλμάτων στο πρόγραμμα περιήγησης: Κάντε κλικ σε αυτό το κουμπί για προεπισκόπηση ή εντοπισμό σφαλμάτων του εγγράφου σας σε ένα από τα εγκατεστημένα προγράμματα περιήγησης Ιστού, το BrowserLab της Adobe ή το Device Central.

• Οπτικά βοηθήματα: Κάντε κλικ σε αυτό το κουμπί για να επιλέξετε διαφορετικά οπτικά βοηθήματα (όπως περιγράμματα και οδηγούς) που θα σας βοηθήσουν να δείτε διάφορα στοιχεία και να κάνετε τον σχεδιασμό των σελίδων σας ευκολότερο.

• Ανανέωση προβολής σχεδίασης: Κάντε κλικ σε αυτό το κουμπί για να ανανεώσετε την προβολή σχεδίασης του εγγράφου αφού κάνετε αλλαγές στην προβολή κώδικα. Οι αλλαγές που κάνετε στην προβολή κώδικα δεν εμφανίζονται αυτόματα στην προβολή σχεδίασης έως ότου εκτελέσετε ορισμένες ενέργειες, όπως αποθήκευση του αρχείου ή κλικ σε αυτό το κουμπί.

• Τίτλος εγγράφου: Εισαγάγετε το όνομα του εγγράφου σας σε αυτό το πεδίο.

• Διαχείριση αρχείων: Κάντε κλικ σε αυτό το κουμπί για να εμφανιστεί το αναδυόμενο μενού Διαχείριση αρχείων. Χρησιμοποιήστε αυτό το μενού για να ελέγξετε το έγγραφό σας μέσα ή έξω όταν είναι ενεργοποιημένο για τον ιστότοπό σας.

• Προηγούμενη σελίδα/Επόμενη σελίδα/Ανανέωση/Γραμμή διευθύνσεων: Στη Ζωντανή προβολή, αυτά τα εργαλεία λειτουργούν όπως θα λειτουργούσαν σε ένα πρόγραμμα περιήγησης Ιστού και σας δίνουν τη δυνατότητα να πλοηγηθείτε μεταξύ σελίδων, να ανανεώσετε τη σελίδα και να δείτε τη διεύθυνση της τρέχουσας σελίδας. Η γραμμή διευθύνσεων λειτουργεί επίσης όταν το Live View δεν είναι ενεργοποιημένο, αποκαλύπτοντας τη διαδρομή προς το έγγραφο στο οποίο εργάζεστε αυτήν τη στιγμή.

• Σχετικά έγγραφα: Τα έγγραφα που χρησιμοποιούνται και επισυνάπτονται στη σελίδα σας, όπως εξωτερικά αρχεία CSS και JavaScript, παρατίθενται παρακάτω (Mac) ή πάνω (Windows) από τα κουμπιά επιλογής προβολής (Κωδικός/Διαίρεση/Σχεδίαση). Μπορείτε να κάνετε κλικ σε οποιοδήποτε έγγραφο της λίστας για να επεξεργαστείτε το συνημμένο αρχείο σε διαίρεση χωρίς να χρειάζεται να αλλάξετε έγγραφα.

  • Τα XML, JavaScript, CSS και άλλοι τύποι αρχείων που βασίζονται σε κώδικα μπορούν να προβληθούν και να επεξεργαστούν μόνο σε προβολή κώδικα. τα κουμπιά Σχεδίαση και Διαίρεση εμφανίζονται αμυδρά.

  • Η ανανέωση ενημερώνει επίσης τις λειτουργίες κώδικα που εξαρτώνται από το Μοντέλο αντικειμένου εγγράφου (DOM), όπως η δυνατότητα επιλογής ετικετών ανοίγματος ή κλεισίματος ενός μπλοκ κώδικα.

• Επιλογές Live View: Κάντε κλικ και επιλέξτε επιλογές από αυτό το μενού για να ελέγξετε πώς εμφανίζεται και λειτουργεί το έγγραφό σας όταν είναι ενεργοποιημένη η Live View.