Πώς να αλλάξετε το φόντο του ιστότοπου

Πίνακας περιεχομένων:

Πώς να αλλάξετε το φόντο του ιστότοπου
Πώς να αλλάξετε το φόντο του ιστότοπου

Βίντεο: Πώς να αλλάξετε το φόντο του ιστότοπου

Βίντεο: Πώς να αλλάξετε το φόντο του ιστότοπου
Βίντεο: Πως να περνετε μια εικονα απο το google και να την βαλετε για φοντο 2024, Ενδέχεται
Anonim

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

Πώς να αλλάξετε το φόντο του ιστότοπου
Πώς να αλλάξετε το φόντο του ιστότοπου

Οδηγίες

Βήμα 1

Για να αλλάξετε το φόντο, πρέπει πρώτα να καθορίσετε πώς ρυθμίζεται στην τρέχουσα έκδοση των σελίδων του ιστότοπου. Για να το κάνετε αυτό, ανοίξτε τον πηγαίο κώδικα της σελίδας στο διακομιστή. Αυτό μπορεί να γίνει με έναν συνηθισμένο επεξεργαστή κειμένου, κάτι που θα κάνει ένα τυπικό σημειωματάριο. Και αν χρησιμοποιείτε οποιοδήποτε σύστημα διαχείρισης περιεχομένου, τότε η σελίδα μπορεί να επεξεργαστεί απευθείας στο πρόγραμμα περιήγησης χρησιμοποιώντας το ενσωματωμένο πρόγραμμα επεξεργασίας σελίδων. Ο κώδικας HTML της σελίδας (HTML - HyperText Markup Language, "hypertext markup language") αποτελείται από γραμμές με οδηγίες για το πρόγραμμα περιήγησης που περιγράφουν τους τύπους, την εμφάνιση και τη διάταξη κάθε στοιχείου της ιστοσελίδας. Αυτές οι οδηγίες ονομάζονται "ετικέτες" και ομαδοποιούνται σε μπλοκ, μία εκ των οποίων ξεκινά με μια ετικέτα έναρξης και τελειώνει με μια ετικέτα τερματισμού. Σύμφωνα με τα πρότυπα HTML, μπορείτε να ορίσετε παραμέτρους φόντου σελίδας στην αρχική ετικέτα. Αυτό γίνεται τοποθετώντας το χαρακτηριστικό bgcolor σε αυτό: Εδώ το χρώμα φόντου αυτής της σελίδας έχει οριστεί σε πράσινο. Ορισμένα χρώματα σύμφωνα με τα πρότυπα HTML έχουν τα δικά τους ονόματα - για παράδειγμα, Σοκολάτα ή Gainsboro, αλλά συνήθως χρησιμοποιούν δεκαεξαδικούς χρωματικούς κωδικούς: Εάν το χρώμα φόντου καθορίζεται με αυτόν τον τρόπο, θα πρέπει να βρείτε την ετικέτα σώματος στον κώδικα σελίδας και να αντικαταστήσετε το χαρακτηριστικό bgcolor αξία με αυτήν που θέλετε.

Βήμα 2

Οι σελίδες με πιο περίπλοκο σχεδιασμό χρησιμοποιούν συχνά CSS (Cascading Style Sheets) για να περιγράψουν την εμφάνιση. Το CSS είναι μια γλώσσα που έχει σχεδιαστεί ειδικά για να περιγράψει την εμφάνιση στοιχείων σε ένα έγγραφο html. Τα μπλοκ κώδικα CSS μπορούν είτε να συμπεριληφθούν στον κώδικα σελίδας, να περιέχονται σε ξεχωριστό αρχείο με την επέκταση "css" και να συνδεθούν στη σελίδα με ειδικές οδηγίες στον πηγαίο κώδικα της σελίδας. Αν πρόκειται για εξωτερικό αρχείο, τότε πρέπει να ανοίξετε αυτό το αρχείο για επεξεργασία. Ένας τέτοιος σύνδεσμος μπορεί να έχει την εξής μορφή: @import "style.css"; Και αν η ετικέτα ακολουθείται αμέσως από οδηγίες και όχι από σύνδεσμο προς το αρχείο, τότε πρέπει να επεξεργαστείτε τα στυλ εδώ Και στις δύο περιπτώσεις, πρέπει να αναζητήσετε το μέρος της περιγραφής στυλ που αναφέρεται στο σώμα του εγγράφου - σώμα. Αλλά στη γλώσσα CSS, αυτό δεν θα ονομάζεται πλέον "ετικέτα" αλλά "επιλογέας" και μπορεί να μοιάζει, για παράδειγμα, ως εξής:

σώμα {

χρώμα φόντου: πράσινο;

άσπρο χρώμα;

}

Πρέπει να αντικαταστήσετε την τιμή της παραμέτρου χρώματος φόντου - ορίζει το χρώμα φόντου της σελίδας. Και εδώ, επίσης, είναι δυνατό να υποδείξετε μερικές αποχρώσεις με το όνομα, αλλά είναι καλύτερο να χρησιμοποιήσετε δεκαεξαδικές τιμές. Για παράδειγμα, η δεκαεξαδική τιμή για τη σκιά Σοκολάτα = # D2691E. Είναι δυνατό να καθορίσετε όχι μόνο το χρώμα, αλλά και την εικόνα για το φόντο: σώμα {

φόντο: Πράσινο url (img / bg.jpg) επανάληψη-x;

άσπρο χρώμα;

} Εδώ το url (img / bg.jpg) σημαίνει ότι μια εικόνα με το όνομα bg.jpg

Συνιστάται: