Εάν είστε νέοι στο σχεδιασμό ιστοσελίδων και στην ανάπτυξη front-end (HTML, CSS, Javascript), τότε μπορείτε να επιλέξετε να ξεκινήσετε με ένα WYSIWYG συντάκτης. Αυτό το ακρωνύμιο σημαίνει "αυτό που βλέπετε είναι αυτό που παίρνετε" και βασικά αναφέρεται σε λογισμικό που σας επιτρέπει δημιουργήστε μια ιστοσελίδα χρησιμοποιώντας οπτικά εργαλεία ενώ το λογισμικό γράφει κάποιον κώδικα πίσω από τα παρασκήνια με βάση το τι είστε δημιουργία. Το πιο δημοφιλές διαθέσιμο εργαλείο WYSIWYG είναι αναμφισβήτητα Το Dreamweaver της Adobe.
Μια καλή επιλογή για όσους μόλις ξεκινήσουν
Ενώ πολλοί έμπειροι επαγγελματίες Ιστού με περισσότερα εκλεπτυσμένες δεξιότητες ρίξτε μια ματιά στο Dreamweaver και την τάση του να δημιουργεί φουσκωμένη σήμανση HTML και Στυλ CSS, η απλή αλήθεια είναι ότι η πλατφόρμα παραμένει μια καλή επιλογή για όσους μόλις ξεκινήσουν με τη σχεδίαση του ιστότοπου. Καθώς αρχίζετε να χρησιμοποιείτε την επιλογή "σχεδίαση προβολής" του Dreamweaver για τη δημιουργία μιας ιστοσελίδας, μία από τις ερωτήσεις που είναι πιθανό να έχετε είναι πώς να δημιουργήσετε ένα διάλειμμα μιας γραμμής για περιεχόμενο σε αυτήν την προβολή.
Όταν προσθέτετε κείμενο HTML σε μια ιστοσελίδα, το πρόγραμμα περιήγησης ιστού θα εμφανίζει το κείμενο ως μεγάλη γραμμή έως ότου φτάσει στην άκρη του παραθύρου του προγράμματος περιήγησης ή του στοιχείου του κοντέινερ. Σε αυτό το σημείο, το κείμενο θα τυλίξει στην επόμενη γραμμή. Αυτό είναι παρόμοιο με αυτό που συμβαίνει σε οποιοδήποτε λογισμικό επεξεργασίας κειμένου, όπως το Microsoft Word ή τα Έγγραφα Google. Όταν μια γραμμή κειμένου δεν έχει πλέον χώρο σε οριζόντια γραμμή, θα τυλίξει για να ξεκινήσει μια άλλη γραμμή. Τι συμβαίνει λοιπόν εάν θέλετε να υπαγορεύσετε πού σπάει μια γραμμή;
Όταν χτυπάτε ENTER στην προβολή σχεδίασης του Dreamweaver
Όταν χτυπάς ΕΙΣΑΓΩ Στην προβολή σχεδίασης του Dreamweaver, η τρέχουσα παράγραφος είναι κλειστή και ξεκινά μια νέα παράγραφος. Οπτικά, αυτό σημαίνει ότι αυτές οι δύο γραμμές χωρίζονται με λίγο κάθετο διάστημα. Αυτό συμβαίνει επειδή, από προεπιλογή, HTML οι παράγραφοι έχουν πλήρωση ή περιθώρια (το οποίο εξαρτάται από το ίδιο το πρόγραμμα περιήγησης) που εφαρμόζεται στο κάτω μέρος της παραγράφου που προσθέτει αυτό το διάστημα.
Αυτό μπορεί να προσαρμοστεί με CSS, αλλά η αλήθεια είναι ότι θέλετε να υπάρχει απόσταση μεταξύ παραγράφων για να είναι δυνατή η αναγνωσιμότητα του ιστότοπου. Εάν θέλετε μια μόνο γραμμή και χωρίς ευρεία κάθετη απόσταση μεταξύ γραμμών, δεν θέλετε να χρησιμοποιήσετε το πλήκτρο ENTER επειδή δεν θέλετε αυτές οι γραμμές να είναι μεμονωμένες παράγραφοι.
Όταν δεν θέλετε να ξεκινήσει μια νέα παράγραφος
Για αυτές τις στιγμές που δεν θέλετε να ξεκινήσει μια νέα παράγραφος, θα προσθέσετε το
ετικέτα σε HTML. Αυτό γράφεται επίσης μερικές φορές ως
. ειδικά για εκδόσεις XHTML που απαιτούσαν το κλείσιμο όλων των στοιχείων. Το τελικό / σε αυτήν τη σύνταξη κλείνει αυτόματα το στοιχείο από το
Η ετικέτα δεν έχει τη δική της ετικέτα κλεισίματος. Όλα αυτά είναι καλά και καλά, αλλά εργάζεστε στο Design View στο Dreamweaver. Μπορεί να μην θέλετε να μεταβείτε στον κώδικα και να προσθέσετε αυτά τα διαλείμματα. Αυτό είναι εντάξει, επειδή μπορείτε, πράγματι, να προσθέσετε μια αλλαγή γραμμής στο Dreamweaver χωρίς να καταφύγετε σε προβολή κώδικα.
Προσθέστε μια αλλαγή γραμμής στην προβολή σχεδίασης του Dreamweaver:
- Τοποθετήστε τον κέρσορα όπου θέλετε να ξεκινήσει η νέα γραμμή.
- Κρατήστε πατημένο το πλήκτρο shift και πατήστε Εισαγω.
Αυτό είναι! Η απλή προσθήκη του πλήκτρου "shift" μαζί με το [ENTER] θα προσθέσει ένα
αντί για νέα παράγραφο. Τώρα που ξέρετε πώς είναι αυτό, πρέπει να σκεφτείτε πού να το χρησιμοποιήσετε και πού να το αποφύγετε. Θυμάμαι, HTML προορίζεται να δημιουργήσει τη δομή ενός ιστότοπου και όχι την οπτική εμφάνιση. Δεν πρέπει να χρησιμοποιείτε πολλαπλάσια
ετικέτες για τη δημιουργία κάθετων αποστάσεων κάτω από στοιχεία στο σχέδιό σας.
Για αυτό είναι οι ιδιότητες CSS για το padding και τα περιθώρια. Πού θα χρησιμοποιούσατε ένα
Η ετικέτα είναι όταν χρειάζεστε απλώς το διάλειμμα μιας γραμμής. Για παράδειγμα, εάν κωδικοποιείτε μια ταχυδρομική διεύθυνση και έχετε αποφασίσει να χρησιμοποιήσετε μια παράγραφο, θα μπορούσατε να προσθέσετε
ετικέτες όπως αυτό:
Όνομα εταιρείας
Γραμμή διεύθυνσης
Πόλη, πολιτεία, ZIP.
Αυτός ο κωδικός για τη διεύθυνση είναι μία μόνο παράγραφος, αλλά οπτικά θα εμφανίζει τις τρεις γραμμές σε μεμονωμένες γραμμές με μικρό διάστημα μεταξύ τους.