Βίντεο: Εμφανίστε την γραμμή εργαλείων Μορφοποίηση και την γραμμή εργαλείων σχεδιασμός φόρμας.... 2024
Η γραμμή εργαλείων Document στο Adobe Creative Suite 5 (Adobe CS5) Το Dreamweaver περιέχει εργαλεία που σας βοηθούν να δείτε το έγγραφό σας σε διαφορετικούς τρόπους, όπως Code and Design, ως τίτλος εγγράφου και συμβατότητα προγράμματος περιήγησης.
-
Προβολή κωδικού: Εμφανίστε τον κώδικα και μόνο τον κωδικό χρησιμοποιώντας αυτήν την προβολή. Το Dreamweaver σάς βοηθά να αποκρυπτογραφήσετε τον κώδικα με ετικέτες κωδικοποίησης χρωμάτων, χαρακτηριστικά, CSS και άλλα στοιχεία.
-
Διαίρεση διαχωρισμού: Η επιλογή αυτής της επιλογής διαχωρίζει το παράθυρο εγγράφου μεταξύ προβολών κώδικα και σχεδίασης. Αυτή η προβολή μπορεί να είναι εξαιρετικά χρήσιμη επειδή βλέπετε συγχρόνως τόσο το σχεδιασμό όσο και τον κώδικα.
Ελέγξτε την προβολή της σελίδας από τη γραμμή εργαλείων "Έγγραφο". -
Σχεδίαση: Αυτή η επιλογή εμφανίζει τη σελίδα σας στην προβολή σχεδίασης στο παράθυρο του εγγράφου.
-
Live Code: Όταν είναι ενεργοποιημένη η λειτουργία Live View, μπορείτε να δείτε τον πηγαίο κώδικα του εγγράφου σας, όπως θα το δουν οι χρήστες σε ένα πρόγραμμα περιήγησης, αλλά δεν μπορείτε να επεξεργαστείτε τον κώδικα σελίδας σε αυτήν την προβολή.
-
Ελέγξτε τη συμβατότητα του προγράμματος περιήγησης: Αυτό το μενού εμφανίζει επιλογές που σας επιτρέπουν να ελέγχετε την ακεραιότητα της σελίδας, όπως η προσβασιμότητα ή αν οι κανόνες σας CSS είναι συμβατοί σε διαφορετικά προγράμματα περιήγησης.
-
Ζωντανή προβολή: Η ζωντανή προβολή καθιστά τη σελίδα σας σαν να είναι σε ένα πρόγραμμα περιήγησης, χωρίς σύνορα, οδηγούς και άλλα οπτικά βοηθήματα. Στη Ζωντανή προβολή, δεν μπορείτε να επεξεργαστείτε το περιεχόμενο προεπισκόπησης, αλλά μπορείτε να μεταβείτε στην προβολή Κώδικας, Διαίρεση ή Σχεδίαση και να τροποποιήσετε το περιεχόμενο της σελίδας σας.
-
Ελέγξτε: Το νέο κουμπί Επιθεώρηση λειτουργεί με τη λειτουργία Live View για να αποκαλύψει τους κανόνες CSS που διαμορφώνουν στοιχεία στη σελίδα σας. Όταν επιλέγετε ένα στοιχείο στη σελίδα με ενεργοποιημένο το Inspect, ο πίνακας "Στυλ CSS" αποκαλύπτει τις ιδιότητες που διαμορφώνουν αυτό το στοιχείο και σας επιτρέπει να απενεργοποιήσετε ή να τροποποιήσετε συγκεκριμένες ιδιότητες και να δείτε τα αποτελέσματα.
-
Προεπισκόπηση / εντοπισμός σφαλμάτων στο πρόγραμμα περιήγησης: Κάντε κλικ σε αυτό το κουμπί για να κάνετε προεπισκόπηση ή εντοπισμό σφαλμάτων του εγγράφου σας σε ένα από τα εγκατεστημένα προγράμματα περιήγησης ιστού σας, το BrowserLab της Adobe ή το Device Central.
-
Οπτικά βοηθήματα: Κάντε κλικ σε αυτό το κουμπί για να επιλέξετε διαφορετικά οπτικά βοηθήματα (όπως σύνορα και οδηγοί) για να δείτε διάφορα στοιχεία και να διευκολύνετε το σχεδιασμό των σελίδων σας.
-
Ανανέωση προβολής σχεδίασης: Κάντε κλικ σε αυτό το κουμπί για να ανανεώσετε την προβολή σχεδίασης του εγγράφου αφού κάνετε αλλαγές στην προβολή κώδικα. Οι αλλαγές που κάνετε στην προβολή κώδικα δεν εμφανίζονται αυτόματα στην προβολή "Σχεδίαση", έως ότου εκτελέσετε ορισμένες ενέργειες, όπως αποθήκευση του αρχείου ή κλικ σε αυτό το κουμπί.
-
Τίτλος εγγράφου: Καταχωρίστε το όνομα του εγγράφου σας σε αυτό το πεδίο.
-
Διαχείριση αρχείων: Κάντε κλικ σε αυτό το κουμπί για να εμφανίσετε το αναδυόμενο μενού Διαχείριση αρχείων.Χρησιμοποιήστε αυτό το μενού για να ελέγξετε το έγγραφο σας μέσα ή έξω όταν είναι ενεργοποιημένη για τον ιστότοπό σας.
-
Προηγούμενη Σελίδα / Επόμενη Σελίδα / Ανανέωση / Γραμμή Διεύθυνσης: Στην Ζωντανή προβολή, αυτά τα εργαλεία δουλεύουν όπως και σε ένα πρόγραμμα περιήγησης στο Web και σας δίνουν τη δυνατότητα να πλοηγηθείτε μεταξύ σελίδων, να ανανεώσετε τη σελίδα και να δείτε τη διεύθυνση του τρέχουσα σελίδα. Η γραμμή διευθύνσεων λειτουργεί επίσης όταν δεν είναι ενεργοποιημένη η λειτουργία Live View, αποκαλύπτοντας τη διαδρομή προς το έγγραφο στο οποίο εργάζεστε αυτήν τη στιγμή.
-
Σχετικά Έγγραφα: Τα έγγραφα που χρησιμοποιούνται και προσαρτώνται στη σελίδα σας, όπως τα εξωτερικά αρχεία CSS και JavaScript, εμφανίζονται παρακάτω (Mac) ή παραπάνω (Windows) με τα κουμπιά επιλογής προβολής (Code / Split / Design). Μπορείτε να κάνετε κλικ σε οποιοδήποτε καταχωρημένο έγγραφο για να επεξεργαστείτε το συνημμένο αρχείο σε προβολή διαχωρισμού χωρίς να χρειάζεται να αλλάξετε έγγραφα.
-
XML, JavaScript, CSS και άλλοι τύποι αρχείων που βασίζονται σε κώδικα μπορούν να προβληθούν και να επεξεργαστούν μόνο στην προβολή κώδικα. τα κουμπιά σχεδίασης και διαίρεσης εμφανίζονται αχνά.
-
Η ανανέωση ενημερώνει επίσης τις λειτουργίες κώδικα που εξαρτώνται από το μοντέλο αντικειμένου εγγράφου (DOM), όπως η δυνατότητα επιλογής ετικετών ανοίγματος ή κλεισίματος ενός μπλοκ κώδικα.
-
-
Επιλογές ζωντανής προβολής: Κάντε κλικ και επιλέξτε επιλογές από αυτό το μενού για να ελέγξετε τον τρόπο με τον οποίο εμφανίζεται το έγγραφό σας και λειτουργεί όταν είναι ενεργοποιημένη η λειτουργία Live View.