Πώς να προσθέσετε και να μορφοποιήσετε κείμενο στο Dreamweaver - dummies

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

Πώς να προσθέσετε κείμενο σε μια ιστοσελίδα στο Dreamweaver

Για να προσθέσετε κείμενο σε μια σελίδα, μπορείτε απλά να κάνετε κλικ για να εισαγάγετε τον κέρσορα στο επάνω μέρος της σελίδας και πληκτρολογήστε. Εάν θέλετε να προσθέσετε κείμενο που έχετε κάπου αλλού, όπως σε ένα αρχείο που δημιουργήθηκε στο Microsoft Word, μπορείτε να αντιγράψετε και να επικολλήσετε το κείμενο στο Dreamweaver αντί να το επαναλάβετε.

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

Μπορείτε να αλλάξετε την προεπιλογή για το πώς το Dreamweaver χειρίζεται τη μορφοποίηση όταν επιλέγετε Επεξεργασία → Επικόλληση αλλάζοντας τις Προτιμήσεις στην κατηγορία Αντιγραφή / Επικόλληση. Μπορείτε επίσης να επιλέξετε Επεξεργασία → Επικόλληση ειδικών για να εμφανίσετε αυτές τις επιλογές οποιαδήποτε στιγμή μπορείτε να επικολλήσετε νέο περιεχόμενο.

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

Μόνο κείμενο: Το Dreamweaver απομακρύνει τυχόν μορφοποίηση και παρεμβολές απλό κείμενο.
Κείμενο με δομή: Το Dreamweaver περιλαμβάνει παραγράφους, λίστες, πίνακες και άλλες επιλογές διαρθρωτικής μορφοποίησης.
Κείμενο με δομή Plus Βασική μορφοποίηση: Το Dreamweaver περιλαμβάνει διαρθρωτική μορφοποίηση καθώς και βασική μορφοποίηση, όπως έντονη γραφή και πλάγια γραφή.
Text with Structure Plus Full Formatting: Εκτός από τις προηγούμενες επιλογές, το Dreamweaver περιλαμβάνει μορφοποίηση που δημιουργείται από φύλλα στυλ σε προγράμματα όπως το Microsoft Word.
Διατηρήστε διαλείμματα γραμμής: Διατηρούνται γραμμές διακοπής, ακόμη και αν δεν διατηρείτε άλλες επιλογές μορφοποίησης. Αυτή η επιλογή δεν είναι διαθέσιμη εάν επιλέξετε Μόνο κείμενο.
Καθαρισμός διαστήματος παραγράφου λέξεων: Αυτή η επιλογή καταργεί τον ειδικό κώδικα μορφοποίησης μοναδικό στο Microsoft Word και δεν είναι απαραίτητο (και δεν συνιστάται) για κείμενο στο διαδίκτυο.
Έξυπνα εισαγωγικά - το κοινό όνομα για τα φανταχτερά σγουρά γράμματα που οι σχεδιαστές προτιμούν να χρησιμοποιούν στα έγγραφα εκτύπωσης - απαιτούν να εμφανίζεται σωστά ένας ειδικός χαρακτήρας στον ιστό και αυτός ο ειδικός χαρακτήρας δεν λειτουργεί σε όλα τα προγράμματα περιήγησης ιστού.Για να αποφύγετε αυτό το πιθανό πρόβλημα, επιλέξτε αυτό το πλαίσιο και μετατρέψτε όλα τα έξυπνα εισαγωγικά σε ευθεία. Τρόπος μορφοποίησης κειμένου με τις ετικέτες επικεφαλίδας στο Dreamweaver

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

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

το μεγαλύτερο, το

μικρότερο, το

ακόμη μικρότερο και ούτω καθεξής με

.

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

είναι πάντα μεγαλύτερο από το κείμενο με

.

Η δημοφιλής πεποίθηση είναι ότι πολλές μηχανές αναζήτησης δίνουν προτεραιότητα στις λέξεις-κλειδιά σε κείμενο μορφοποιημένο με ετικέτα

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

μόνο μία φορά ανά σελίδα.

Για να μορφοποιήσετε κείμενο με μια ετικέτα επικεφαλίδας, ακολουθήστε τα εξής βήματα:

Επισημάνετε το κείμενο που θέλετε να μορφοποιήσετε.

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

Χρησιμοποιήστε την αναπτυσσόμενη λίστα Μορφή για να επιλέξετε μια επιλογή κλάσης.

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

Πιστοποίηση: Φωτογραφία από Casey Stoll

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

Πώς να προσθέσετε παραγράφους και διαλείμματα γραμμών στο Dreamweaver

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

Αν εργάζεστε στην προβολή Design στο Dreamweaver και πατάτε το πλήκτρο Enter (Windows) ή το πλήκτρο επιστροφής (Mac), το Dreamweaver εισάγει μια ετικέτα παραγράφου ή

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

Αν θέλετε ένα σπάσιμο γραμμής χωρίς την πρόσθετη κενή γραμμή, κρατήστε πατημένο το πλήκτρο Shift ενώ πατάτε Enter (ή Return) για να ενημερώσετε το Dreamweaver για να εισαγάγετε την ετικέτα

στον κώδικα δημιουργώντας ένα σπάσιμο μιας γραμμής.

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

Εάν εργάζεστε σε προβολή κώδικα και προσθέτετε χώρο χρησιμοποιώντας το πλήκτρο Enter ή Return, προσθέτετε κενό χώρο στον κώδικα. Ο επιπλέον χώρος σε κώδικα HTML μπορεί να είναι χρήσιμος επειδή ο επιπλέον χώρος μπορεί να κάνει τον κώδικα πιο εύκολο να διαβαστεί, αλλά γενικά δεν επηρεάζει τον τρόπο προβολής μιας σελίδας στην προβολή Design ή σε ένα πρόγραμμα περιήγησης ιστού.