Πώς να δημιουργήσετε μια σελίδα HTML με το παράθυρο του νέου εγγράφου του Dreamweaver - dummies

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

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

Για να δημιουργήσετε μια νέα σελίδα HTML, ακολουθήστε τα παρακάτω βήματα:

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

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

   • Κενή σελίδα: Επιλέξτε αυτήν την επιλογή για να δημιουργήσετε σελίδες HTML, καθώς και σελίδες με πιο σύνθετη μορφή PHP ή JSP.

   • Διάταξη πλέγματος υγρών: Αυτή η επιλογή ανοίγει τις λειτουργίες διάταξης πλέγματος υγρών, τις οποίες μπορείτε να χρησιμοποιήσετε για να δημιουργήσετε ανταποκρινόμενα σχέδια web που προσαρμόζονται αυτόματα σε διαφορετικά μεγέθη οθόνης.

   • Πρότυπα εκκίνησης: Εάν δημιουργείτε πρότυπα χρησιμοποιώντας το Dreamweaver. dwt, μπορείτε να δημιουργήσετε σελίδες με βάση αυτά τα πρότυπα χρησιμοποιώντας αυτήν την επιλογή.

   • Πρότυπα ιστότοπων: Επιλέξτε αυτήν την επιλογή για να δημιουργήσετε προσαρμοσμένα σχέδια εφαρμογών ιστού για κινητά χρησιμοποιώντας το jQuery Mobile.

     

2. Από την αριστερή πλευρά της οθόνης, επιλέξτε Κενή σελίδα.

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

4. Στην ενότητα Διάταξη, επιλέξτε.

   Τα σχεδιαγράμματα συμπεριλαμβάνονται για να προσφέρουν ένα ξεκίνημα στο σχεδιασμό σελίδων HTML με CSS.

5. Εάν θέλετε να αλλάξετε τον τύπο εγγράφου, χρησιμοποιήστε την αναπτυσσόμενη λίστα δίπλα στο DocType.

   Από προεπιλογή, το Dreamweaver CC δημιουργεί σελίδες με HTML 5, τις οποίες οι περισσότεροι σχεδιαστές θεωρούν σήμερα την καλύτερη επιλογή για ιστοσελίδες. Εάν εργάζεστε σε έναν ιστότοπο που χρησιμοποιεί μια παλαιότερη έκδοση HTML, όπως το XHTML 1. 0 Μεταβατικό, βεβαιωθείτε ότι έχετε αλλάξει αυτή τη ρύθμιση.

6. Κάντε κλικ στην επιλογή Δημιουργία, στην κάτω δεξιά γωνία του παραθύρου.

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

   Σημείωση: Αν χρησιμοποιείτε Macintosh, αλλάζουν τα κουμπιά Δημιουργία και Άκυρο.

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

   Το Dreamweaver ονομάζει αυτόματα όλα τα νέα αρχεία χωρίς τίτλο, ακολουθούμενα από 1, 2 κ.ο.κ. με τη σειρά που δημιουργήθηκε. Έχετε τη συνήθεια να δώσετε στα αρχεία σας ονόματα που έχουν μεγαλύτερη σημασία σε εσάς.Σημειώστε επίσης ότι τα ονόματα αρχείων σε ιστότοπους δεν πρέπει να περιλαμβάνουν κενά ή ειδικούς χαρακτήρες (αν και το παύλα και η υπογράμμιση είναι εντάξει).

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