Ευθυγραμμίστε τον ιστότοπό σας με το κέντρο

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

Οδηγίες

Βήμα 1

Η μέθοδος κεντρικής ευθυγράμμισης εξαρτάται από τη μέθοδο διάταξης. Μπορείτε να χρησιμοποιήσετε ετικέτες ή

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

Βήμα 2

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

Περιεχόμενο ιστότοπου

Βήμα 3

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

* {περιθώριο: 0; επένδυση: 0;}

σώμα {

text-align: center;

}

div {

πλάτος: 700px;

περιθώριο: 0 αυτόματη;

}

Βήμα 4

Στη διάταξη πίνακα, το κεντράρισμα ρυθμίζεται χρησιμοποιώντας πίνακες στην ετικέτα

… Ο κωδικός θα είναι ως εξής: <πίνακας ιστότοπου

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

Βήμα 5

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

Βήμα 6

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