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

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

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

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

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

   

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

   2. Επιλέξτε Εισαγωγή → Πρότυπο → Περιοχή επεξεργασίας.

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

      

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

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

   4. Κάντε κλικ στο κουμπί OK.

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

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

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

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

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