Η γλώσσα σήμανσης HTML επιτρέπει σε έναν σχεδιαστή Ιστού να χρησιμοποιεί οποιαδήποτε εικόνα ως εικόνα φόντου. Ωστόσο, η ίδια η γλώσσα δεν διαθέτει ενσωματωμένα στοιχεία ελέγχου για εικόνες φόντου. Πιο λεπτομερής συντονισμός γίνεται χρησιμοποιώντας επικαλυπτόμενα φύλλα στυλ CSS.
Οδηγίες
Βήμα 1
Για να διευρύνετε το φόντο στο πλήρες πλάτος του προγράμματος περιήγησης, πρέπει να χρησιμοποιήσετε την παράμετρο z-index στο CSS σας. Σας επιτρέπει να ορίσετε τη σειρά των στοιχείων που δημιουργείτε. Όσο υψηλότερη είναι η τιμή αυτού του χαρακτηριστικού, τόσο υψηλότερο θα βρίσκεται το μπλοκ στη σελίδα.
Βήμα 2
Δημιουργήστε νέα έγγραφα σε μορφή html και css (δεξί κουμπί του ποντικιού - "Νέο" - "Αρχείο κειμένου") και ανοίξτε τα χρησιμοποιώντας οποιοδήποτε πρόγραμμα επεξεργασίας κειμένου.
Βήμα 3
Τοποθετήστε την εικόνα φόντου στο κάτω επίπεδο. Θα τεντωθεί ανάλογα με την ανάλυση της οθόνης. Στην κορυφή, ένα άλλο στοιχείο θα βρίσκεται στο οποίο θα εμφανίζεται το περιεχόμενο της σελίδας. Για να το κάνετε αυτό, δημιουργήστε δύο μπλοκ. Στο αρχείο css γράψτε:.1layer {z-index: 1; πλάτος: 100% ύψος: 100% θέση: απόλυτη;}. 2layer {Θέση: απόλυτη; z-index: 2; } Η θέση: απόλυτη παράμετρος σας επιτρέπει να ορίσετε την απόλυτη τοποθέτηση, δηλαδή το στρώμα θα τοποθετηθεί ανεξάρτητα από άλλα στοιχεία.
Βήμα 4
Συμπεριλάβετε τον δημιουργημένο κώδικα CSS στο αρχείο HTML χρησιμοποιώντας την ετικέτα συνδέσμου: Ιστορικό σελίδας
Βήμα 5
Δημιουργήστε ένα νέο επίπεδο. Χρήση της ετικέτας
τοποθετήστε μια φωτογραφία σε αυτό. Για παράδειγμα: Περιεχόμενο σελίδας Για img, καθορίζεται μόνο η παράμετρος πλάτους, γιατί εάν καθορίσετε επιπλέον ύψος, σε ορισμένα προγράμματα περιήγησης, θα εμφανιστεί παραμόρφωση της εικόνας.
Βήμα 6
Αποθηκεύστε τις αλλαγές σας. Για να ελέγξετε τον κωδικό σας, μεγεθύνετε τη σελίδα στο παράθυρο του προγράμματος περιήγησής σας. Η εικόνα φόντου πρέπει επίσης να μεγεθυνθεί.
