Πρότυπα ομιλίας στο Dreamweaver

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

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

Παραμένοντας πιστός στο πρότυπό σας

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

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

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

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

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

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

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

ετικέτες. (Η ενότητα τίτλου του εγγράφου που δεν είναι κλειδωμένη είναι μια βελτίωση στο Dreamweaver 4 — στο Dreamweaver 3, δεν μπορείτε να κάνετε την περιοχή τίτλου επεξεργάσιμη.). Για να είναι χρήσιμο το πρότυπο για τη δημιουργία νέων σελίδων, πρέπει να κάνετε και άλλες περιοχές της σελίδας επεξεργάσιμες. Να θυμάστε ότι μπορείτε πάντα να επιστρέψετε στο πρότυπο και να κάνετε περισσότερες περιοχές επεξεργάσιμες ή να καταργήσετε τη δυνατότητα επεξεργασίας ορισμένων περιοχών αργότερα.

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

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

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

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

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

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

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

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

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

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

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

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

Ανοίγει το παράθυρο διαλόγου Νέα επεξεργάσιμη περιοχή.

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

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

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

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

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