Πώς να δημιουργήσετε ένα νέο πρότυπο Dreamweaver

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

Επιλέξτε Αρχείο→ Νέο.

Ανοίγει το παράθυρο διαλόγου Νέο έγγραφο.

Στη λίστα στα αριστερά, κάντε κλικ στην επιλογή Κενή σελίδα.

Στη λίστα Τύπος σελίδας, επιλέξτε Πρότυπο HTML.

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

Οι πολλές επιλογές διάταξης CSS του Dreamweaver παρέχουν μια εξαιρετική αρχή για τη δημιουργία μιας νέας σχεδίασης σελίδας.

Κάντε κλικ στο κουμπί Δημιουργία.

Δημιουργείται ένα νέο κενό πρότυπο και ανοίγει στην κύρια περιοχή εργασίας και το παράθυρο διαλόγου Νέο έγγραφο κλείνει.

Επιλέξτε Αρχείο → Αποθήκευση.

Λαμβάνετε μια προειδοποίηση (αν δεν την έχετε απενεργοποιήσει), δηλώνοντας ότι το πρότυπο δεν έχει επεξεργάσιμες περιοχές και ρωτάτε εάν θέλετε πραγματικά να το αποθηκεύσετε. Κάντε κλικ στο OK για να κλείσετε το πλαίσιο διαλόγου προειδοποίησης και να συνεχίσετε. Το Dreamweaver σάς δίνει αυτήν την προειδοποίηση επειδή ένα πρότυπο χωρίς επεξεργάσιμες περιοχές δεν είναι χρήσιμο. Οδηγίες για τη δημιουργία επεξεργάσιμων περιοχών θα βρείτε στο Βήμα 9.

Κάντε κλικ στο OK για να αποθηκεύσετε τη σελίδα ως έχει προς το παρόν.

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

Για να λειτουργήσουν σωστά, τα πρότυπα Dreamweaver πρέπει να αποθηκευτούν σε έναν φάκελο με το όνομα Templates (με κεφαλαίο T ) στον τοπικό φάκελο του ιστότοπού σας, ο οποίος είναι ορατός στον πίνακα Αρχεία. Εάν αλλάξετε το όνομα του φακέλου ή μετακινήσετε το φάκελο Πρότυπα σε έναν υποφάκελο, τα πρότυπά σας δεν θα λειτουργούν πλέον σωστά.

Δημιουργήστε ένα σχέδιο για τη σελίδα προσθέτοντας εικόνες, κείμενο και άλλα στοιχεία όπως θα κάνατε σε οποιοδήποτε άλλο αρχείο Dreamweaver.

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

Για να δημιουργήσετε μια επεξεργάσιμη περιοχή:

Επιλέξτε οποιαδήποτε εικόνα, μπλοκ κειμένου ή περιοχή περιεχομένου.

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

ετικέτες και CSS, μια καλή επιλογή είναι να επιλέξετε το

ετικέτα για μια ολόκληρη ενότητα, όπως το

ετικέτα με το στυλ της κατηγορίας mainContent.

Ένας εύχρηστος τρόπος για να επιλέξετε ένα τμήμα που περιβάλλεται από α

η ετικέτα είναι να τοποθετήσετε τον κέρσορα οπουδήποτε σε αυτήν την περιοχή της σελίδας και στη συνέχεια να χρησιμοποιήσετε τον επιλογέα ετικετών στο κάτω μέρος του χώρου εργασίας για να επιλέξετε

ετικέτα.

Επιλέξτε Εισαγωγή→Πρότυπο→Επεξεργάσιμη περιοχή.

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

Δώστε ένα όνομα στη νέα επεξεργάσιμη περιοχή.

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

Κάντε κλικ στο OK.

Ένα γαλάζιο πλαίσιο (με μια μπλε καρτέλα στο επάνω αριστερό μέρος του πλαισίου) περιβάλλει την επεξεργάσιμη περιοχή. Το όνομα που εισαγάγατε στο παράθυρο διαλόγου Νέα επεξεργάσιμη περιοχή εμφανίζεται στην καρτέλα.

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

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

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

Η Adobe πρόσθεσε ένα νέο πλαίσιο εισαγωγής προτύπων στο Dreamweaver CC. Μπορείτε να χρησιμοποιήσετε αυτό το νέο πλαίσιο αντί για τα στοιχεία μενού όταν εργάζεστε με πρότυπα. Οι λειτουργίες λειτουργούν το ίδιο: Απλώς κάντε κλικ στο αντίστοιχο εικονίδιο στον πίνακα Εισαγωγή προτύπων, όπως το εικονίδιο Επεξεργάσιμη Περιοχή.