Μιλώντας πρότυπα στο Dreamweaver - ανδρείκελα

Πολλά προγράμματα σχεδιασμού ιστοσελίδων διαθέτουν τα πρότυπα HTML. Αυτό που πραγματικά σημαίνει είναι ότι περιλαμβάνουν ορισμένα έτοιμα σχέδια σελίδων με το πρόγραμμα. Το Dreamweaver υιοθετεί αυτή την έννοια λίγα άλματα δίνοντας πρότυπα χαρακτηριστικά σχεδίασης που σας επιτρέπουν να δημιουργήσετε τον βασικό σχεδιασμό μιας σελίδας και στη συνέχεια να ελέγξετε ποιες ενότητες μπορούν και δεν μπορούν να τροποποιηθούν. Αυτό είναι ένα πολύτιμο χαρακτηριστικό εάν εργάζεστε με μια ομάδα προγραμματιστών με διαφορετικά επίπεδα δεξιοτήτων. Για παράδειγμα, εάν χτίζετε έναν ιστότοπο για μια εταιρεία ακίνητης περιουσίας και θέλετε να αφήσετε τους υπαλλήλους να ενημερώσουν τις λίστες πωλήσεων χωρίς να είναι σε θέση να δημιουργήσουν προβλήματα στη σχεδίαση σελίδας, ένα πρότυπο μπορεί να είναι η τέλεια λύση.

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

Να παραμείνετε αληθινός στο πρότυπο σας

Ένα από τα μεγάλα πλεονεκτήματα στη χρήση του προτύπου Dreamweaver template είναι ότι μπορείτε να καθορίσετε ποιες περιοχές του προτύπου μπορούν να αλλάξουν. Αυτό είναι ιδιαίτερα χρήσιμο αν εργάζεστε με άτομα που έχουν διαφορετικά επίπεδα δεξιοτήτων σε HTML και θέλετε έναν πιο προηγμένο σχεδιαστή να δημιουργήσει μια σελίδα που ένα λιγότερο έμπειρο άτομο δεν μπορεί να βρωμίσει αργότερα. Με αυτό το στόχο, ένα πρότυπο έχει επεξεργάσιμες περιοχές και κλειδωμένες (μη επεξεργάσιμες) περιοχές. Χρησιμοποιήστε επεξεργάσιμες περιοχές για περιεχόμενο που αλλάζει, όπως μια περιγραφή προϊόντος. Χρησιμοποιήστε κλειδωμένες περιοχές για στατικό, αμετάβλητο περιεχόμενο, όπως ένα λογότυπο ή στοιχεία πλοήγησης τοποθεσίας.

Μπορείτε να τροποποιήσετε ένα πρότυπο ακόμα και μετά τη χρήση του για τη δημιουργία εγγράφων. Στη συνέχεια, όταν ενημερώνετε έγγραφα που χρησιμοποιούν το πρότυπο, οι μη επεξεργάσιμες ενότητες αυτών των εγγράφων ενημερώνονται ώστε να ταιριάζουν με τις αλλαγές που κάνατε στο πρότυπο.

Ενώ επεξεργάζεστε το ίδιο το πρότυπο, μπορείτε να κάνετε αλλαγές σε οποιοδήποτε τμήμα του αρχείου, είτε είναι οι επεξεργάσιμες είτε οι κλειδωμένες περιοχές. Κατά την επεξεργασία ενός εγγράφου που γίνεται από ένα πρότυπο, ωστόσο, μπορείτε να κάνετε αλλαγές μόνο στις επεξεργάσιμες περιοχές του εγγράφου. Εάν επιστρέψετε και αλλάξετε ένα πρότυπο μετά τη δημιουργία του, το Dreamweaver σάς δίνει τη δυνατότητα να εμφανίζονται αυτές οι αλλαγές σε όλες τις σελίδες που έχετε δημιουργήσει με αυτό το πρότυπο ή μόνο στη σελίδα που επεξεργάζεστε αυτήν τη στιγμή.

Δημιουργία προτύπων

Η δημιουργία ενός προτύπου είναι τόσο εύκολη όσο και η δημιουργία οποιουδήποτε άλλου αρχείου στο Dreamweaver, όπως μπορείτε να δείτε στα παρακάτω βήματα. Μπορείτε να ξεκινήσετε με ένα υπάρχον έγγραφο HTML και να το τροποποιήσετε ανάλογα με τις ανάγκες σας, ή μπορείτε να δημιουργήσετε ένα εντελώς νέο έγγραφο.Όταν αποθηκεύετε ένα αρχείο ως πρότυπο, το αρχείο αποθηκεύεται αυτόματα στο φάκελο "Πρότυπα" του κύριου φακέλου για την τοποθεσία Web. Τα πρότυπα πρέπει να αποθηκεύονται σε αυτόν τον κοινό φάκελο για να λειτουργούν σωστά οι αυτοματοποιημένες λειτουργίες του Dreamweaver. Εάν δεν διαθέτετε ήδη ένα φάκελο Templates στον ιστότοπό σας, το Dreamweaver δημιουργεί αυτόματα ένα όταν αποθηκεύετε το πρώτο πρότυπο.

Οι λειτουργίες του προτύπου λειτουργούν μόνο αν έχετε ορίσει την τοποθεσία Web στο Dreamweaver

Όλα τα στοιχεία ενός προτύπου είναι κλειδωμένα από προεπιλογή, εκτός από την ενότητα τίτλου εγγράφου, η οποία υποδεικνύεται από τις ετικέτες. (Το τμήμα τίτλου του εγγράφου που δεν είναι κλειδωμένο είναι μια βελτίωση στο Dreamweaver 4 - στο Dreamweaver 3, δεν μπορείτε να κάνετε την περιοχή τίτλου επεξεργάσιμη). Προκειμένου το πρότυπο να χρησιμοποιηθεί για τη δημιουργία νέων σελίδων, πρέπει να κάνετε και άλλες περιοχές της σελίδας επεξεργάσιμες. Θυμηθείτε ότι μπορείτε πάντα να επιστρέψετε στο πρότυπο και να κάνετε περισσότερες περιοχές επεξεργάσιμες ή να αφαιρέσετε την δυνατότητα επεξεργασίας ορισμένων περιοχών αργότερα.

Για να δημιουργήσετε ένα πρότυπο με επεξεργάσιμες περιοχές, ακολουθήστε τα εξής βήματα:

1. Επιλέξτε Παράθυρο -> Πρότυπα.

2. Στον πίνακα "Πρότυπα", κάντε κλικ στο βέλος στην επάνω δεξιά γωνία και επιλέξτε Νέο πρότυπο από το αναπτυσσόμενο μενού που ανοίγει.

Ένα νέο πρότυπο χωρίς τίτλο προστίθεται στη λίστα προτύπων στον πίνακα.

3. Με το πρότυπο ακόμα επιλεγμένο, πληκτρολογήστε ένα όνομα για το πρότυπο ακριβώς όπως θα ονομάσατε οποιοδήποτε αρχείο στο Finder σε Mac ή Explorer σε έναν υπολογιστή.

Το νέο πρότυπο προστίθεται στη λίστα Πρότυπα για τον ιστότοπο.

4. Αφού ονομάσετε το νέο πρότυπο, κάντε διπλό κλικ στο όνομα για να το ανοίξετε.

Η σελίδα προτύπου ανοίγει στο Dreamweaver όπως και οποιαδήποτε άλλη σελίδα HTML, εκτός από το ότι το όνομα αρχείου τελειώνει με την επέκταση. dwt.

Μπορείτε τώρα να επεξεργαστείτε αυτήν τη σελίδα όπως θα κάνατε οποιαδήποτε άλλη σελίδα HTML, εισάγοντας εικόνες, κείμενο, πίνακες κ.ο.κ.

5. Επιλέξτε Τροποποίηση -> Ιδιότητες σελίδας για να καθορίσετε τα χρώματα φόντου, κειμένου και συνδέσμων.

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

6. Για να επεξεργαστείτε μια περιοχή εικόνας ή κειμένου, επιλέξτε την εικόνα ή το κείμενο και, στη συνέχεια, επιλέξτε Τροποποίηση -> Πρότυπα -> Νέα επεξεργάσιμη περιοχή. (Η εικόνα ή το κείμενο που επιλέγετε ως επεξεργάσιμη γίνεται μια περιοχή που μπορεί να αλλάξει σε οποιαδήποτε σελίδα δημιουργήθηκε με το πρότυπο. Οι περιοχές που δεν επισημαίνετε ως επεξεργάσιμες θα σταθεροποιηθούν και θα μπορούν να τροποποιηθούν μόνο αν τροποποιήσετε το ίδιο το πρότυπο.)

Ανοίγει το πλαίσιο διαλόγου New Editable Region.

7. Στο πλαίσιο κειμένου Όνομα, πληκτρολογήστε ένα όνομα για την επεξεργάσιμη περιοχή.

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

8. Για να κάνετε άλλες εικόνες ή περιοχές κειμένου επεξεργάσιμες, επαναλάβετε τα βήματα 6 και 7.

9. Αποθηκεύστε το πρότυπο και κλείστε το αρχείο όταν τελειώσετε.

Μπορείτε να επεξεργαστείτε ένα ολόκληρο τραπέζι ή μια μεμονωμένη κυψέλη πίνακα, αλλά δεν μπορείτε να κάνετε πολλά κελί επεξεργάσιμα ταυτόχρονα, εκτός αν έχετε πρώτα συγχωνεύσει τα κελιά.Πρέπει να επιλέξετε κάθε κελί ένα κάθε φορά, αν θέλετε να κάνετε κάποια από τα κελιά σε ένα τραπέζι επεξεργάσιμα, αλλά όχι άλλα. Τα επίπεδα και το περιεχόμενο στρώματος αντιμετωπίζονται επίσης ως ξεχωριστά στοιχεία, αλλά μπορούν να επισημανθούν ως επεξεργάσιμα. Η επεξεργασία ενός επιπέδου επεξεργασίας σάς επιτρέπει να αλλάξετε τη θέση αυτού του στρώματος. Η επεξεργασία του περιεχομένου του επιπέδου σημαίνει ότι μπορείτε να αλλάξετε το περιεχόμενο του επιπέδου, όπως το κείμενο ή την εικόνα στο στρώμα.