Εάν είστε νέοι στο σχεδιασμό ιστοσελίδων και στην ανάπτυξη front-end (HTML, CSS, Javascript), τότε μπορείτε να επιλέξετε να ξεκινήσετε με έναν επεξεργαστή WYSIWYG Αυτό το ακρωνύμιο σημαίνει «αυτό που βλέπετε είναι αυτό που παίρνετε» και βασικά αναφέρεται σε λογισμικό που σας επιτρέπει να δημιουργήσετε μια ιστοσελίδα χρησιμοποιώντας οπτικά εργαλεία, ενώ το λογισμικό γράφει κάποιο κώδικα πίσω από τα παρασκήνια με βάση αυτό που δημιουργείτε. Το πιο δημοφιλές διαθέσιμο εργαλείο WYSIWYG είναι αναμφισβήτητα το Adobe’s Dreamweaver.
Μια καλή επιλογή για όσους μόλις ξεκινήσουν
Ενώ πολλοί έμπειροι επαγγελματίες του διαδικτύου με πιο εκλεπτυσμένες δεξιότητες βλέπουν το 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 και τα περιθώρια. Πού θα χρησιμοποιούσατε ένα
Η ετικέτα είναι όταν χρειάζεστε απλώς το διάλειμμα μιας γραμμής. Για παράδειγμα, εάν κωδικοποιείτε μια ταχυδρομική διεύθυνση και έχετε αποφασίσει να χρησιμοποιήσετε μια παράγραφο, θα μπορούσατε να προσθέσετε
ετικέτες ως εξής: Όνομα εταιρείας
Γραμμή διεύθυνσης
Πόλη, πολιτεία, ταχυδρομικός κώδικας Αυτός ο κωδικός για τη διεύθυνση είναι μία μόνο παράγραφος, αλλά οπτικά θα εμφανίζει τις τρεις γραμμές σε μεμονωμένες γραμμές με μικρό διάστημα μεταξύ τους.