Το φόντο στον πηγαίο κώδικα των ιστοσελίδων, ανάλογα με τη σχεδίαση που χρησιμοποιείται, μπορεί να ρυθμιστεί είτε καθορίζοντας ένα χρώμα, είτε συνδέοντας ένα αρχείο εικόνας με την προσθήκη των παραμέτρων θέσης του. Αυτό μπορεί να γίνει απευθείας σε ετικέτες HTML, σε ξεχωριστό μπλοκ CSS στο τμήμα κεφαλίδας της πηγής ή σε ξεχωριστό αρχείο με περιγραφές στυλ.
Οδηγίες
Βήμα 1
Ανοίξτε τον πηγαίο κώδικα του μπλοκ που χρησιμοποιείται στον ιστότοπό σας για να ορίσετε το φόντο των σελίδων του. Όταν χρησιμοποιείτε οποιοδήποτε σύστημα ελέγχου, αυτό το μπλοκ, κατά κανόνα, εκχωρείται σε ξεχωριστό αρχείο. Το ίδιο το σύστημα ελέγχου διαθέτει εργαλεία για την άμεση επεξεργασία του στο πρόγραμμα περιήγησης. Ανάλογα με το συγκεκριμένο σύστημα, αυτή η διαδικασία μπορεί να οργανωθεί με διαφορετικούς τρόπους - για παράδειγμα, μέσω του προγράμματος επεξεργασίας σελίδων. Εάν δεν χρησιμοποιείτε συστήματα ελέγχου, τότε πρέπει να κατεβάσετε το αντίστοιχο αρχείο στον υπολογιστή σας και να το ανοίξετε σε οποιοδήποτε πρόγραμμα επεξεργασίας. Είναι καλύτερα να χρησιμοποιήσετε έναν εξειδικευμένο επεξεργαστή HTML, αλλά μπορείτε επίσης να χρησιμοποιήσετε το απλούστερο Σημειωματάριο.
Βήμα 2
Προσθέστε ένα χαρακτηριστικό bgcolor στην ετικέτα σώματος που υποδεικνύει τη χρωματική απόχρωση εάν το φόντο της σελίδας πρέπει να είναι χρώμα, όχι εικόνα. Για παράδειγμα:
Εδώ είναι ένα σκούρο πορτοκαλί χρώμα ως φόντο. Δεν μπορεί να αναγνωριστεί κάθε κείμενο ("mnemonic") της σκιάς από το πρόγραμμα περιήγησης, επομένως είναι καλύτερο να χρησιμοποιήσετε έναν δεκαεξαδικό χρωματικό κώδικα. Για παράδειγμα, ο κωδικός FF8C00 αντιστοιχεί σε σκούρο πορτοκαλί χρώμα:
Βήμα 3
Χρησιμοποιήστε το χαρακτηριστικό φόντου αντί για το bgcolor στην ετικέτα του σώματος, εάν το φόντο θα οριστεί από μια εικόνα και όχι από ένα χρώμα. Για παράδειγμα, εάν το αρχείο με την εικόνα φόντου ονομάζεται bgPic
Βήμα 4
Τοποθετήστε μια περιγραφή στυλ στην κεφαλίδα του πηγαίου κώδικα εάν θέλετε να ορίσετε το φόντο της σελίδας χρησιμοποιώντας CSS. Για παράδειγμα, μια περιγραφή στυλ CSS που αντικαθιστά το σκούρο πορτοκαλί χρώμα που καθορίζεται στην ετικέτα σώματος, καθώς το φόντο μπορεί να μοιάζει με αυτό:
body {background-color: DarkOrange;}
Και μπορείτε να ορίσετε μια εικόνα φόντου με την ακόλουθη περιγραφή στυλ:
body {background: # FF8C00 url (images / bgPic.gif) επανάληψη-y;}
Εδώ, εκτός από το σύνδεσμο προς την εικόνα, υποδεικνύεται επίσης το χρώμα φόντου (# FF8C00) - εάν υπάρχουν μέρη στη σελίδα που δεν καλύπτονται από την εικόνα φόντου, τότε θα χρωματιστούν με τη χρωματική σκιά που καθορίζεται εδώ. Η παράμετρος repeat-y καθορίζει την επανάληψη της εικόνας φόντου κάθετα (κατά μήκος του άξονα Y). Εάν πρέπει να επαναλάβετε την εικόνα οριζόντια, τότε θα πρέπει να χρησιμοποιήσετε την τιμή επανάληψης-x και να απαγορεύσετε την επανάληψη του μοτίβου - χωρίς επανάληψη. Μπορείτε να τοποθετήσετε περιγραφές στυλ πριν από την ετικέτα που κλείνει το τμήμα επικεφαλίδας του κώδικα HTML.
Βήμα 5
Αποθηκεύστε τις αλλαγές που έγιναν στο πρόγραμμα επεξεργασίας σελίδων ή αποθηκεύστε και ανεβάστε το ληφθέν αρχείο πίσω στο διακομιστή εάν ο κώδικας έχει επεξεργαστεί σε ένα αρχείο στον υπολογιστή σας.
