Η "κεφαλίδα", ή η κορυφή της ιστοσελίδας, καθιστά τον ιστότοπό σας μοναδικό, του επιτρέπει να διαφέρει από άλλους και να αντικατοπτρίζει τις ιδιαιτερότητες του έργου σας στο Διαδίκτυο. Με τη βοήθεια μιας πρωτότυπης και καλοφτιαγμένης κεφαλίδας, μπορείτε να διακοσμήσετε και να βελτιώσετε οποιαδήποτε ιστοσελίδα και για να δημιουργήσετε την κεφαλίδα μόνοι σας, πρέπει να μάθετε πώς να σχεδιάσετε αυτό το στοιχείο ιστού.
Οδηγίες
Βήμα 1
Εάν θέλετε ο ιστότοπός σας να έχει στατικές, σταθερές διαστάσεις, πρέπει να δημιουργήσετε μια στατική κεφαλίδα που δεν αλλάζει ανάλογα με την αλλαγή στο πλάτος της οθόνης. Προσδιορίστε το πλάτος και το ύψος της κεφαλίδας (για παράδειγμα, 996x230) και εισαγάγετε μια εικόνα φόντου στο επάνω μπλοκ χρησιμοποιώντας τον ακόλουθο κώδικα CSS, όπου η κεφαλίδα-1.jpg
φόντο: # a6b7d3 url (img / header-1.jpg) no-repeat;
πλάτος: 996 εικονοστοιχεία;
ύψος: 230px;
} Ο κώδικας HTML για μια κεφαλίδα αυτού του τύπου θα έχει την εξής μορφή:
Βήμα 2
Εάν ο ιστότοπος έχει κατασκευαστεί με τέτοιο τρόπο ώστε οι διαστάσεις του να προσαρμόζονται στο πλάτος της οθόνης, η κεφαλίδα θα πρέπει να είναι στοιχειοθετημένη λαμβάνοντας υπόψη όλες τις σημαντικές αναλύσεις της οθόνης. Το μέγιστο πλάτος μιας τέτοιας κεφαλίδας πρέπει να είναι 1920 pixel. Για να εισαγάγετε μια τέτοια κεφαλίδα, χρησιμοποιήστε τον κωδικό CSS: #header {background: # a6b7d3 url (img / header-2.jpg) κέντρο χωρίς επανάληψη. ύψος: 250px;} Ο κώδικας HTML σε αυτήν την περίπτωση είναι παρόμοιος με τον προηγούμενο. Ο κώδικας CSS έχει αλλάξει σε ορισμένες παραμέτρους - τώρα έχει ένα χαρακτηριστικό για το κεντράρισμα της εικόνας κεφαλίδας, το οποίο του επιτρέπει να προσαρμόζει το φόντο σε οποιοδήποτε πλάτος οθόνης.
Βήμα 3
Μπορείτε επίσης να δημιουργήσετε μια πιο περίπλοκη κεφαλίδα, κομμένη σε πολλά μπλοκ φόντου, τα οποία θα αλλάξουν τη θέση τους ανάλογα με το μέγεθος της θύρας προβολής. Το CSS για μια τέτοια κεφαλίδα είναι πιο περίπλοκο και εκτεταμένο και περιλαμβάνει την επανάληψη πολλών στοιχείων φόντου σύμφωνα με τις κυμαινόμενες διαστάσεις του παραθύρου του προγράμματος περιήγησης στο οποίο μπορεί να προβληθεί ο ιστότοπός σας.
