Ο σχεδιασμός οποιουδήποτε ιστότοπου βασίζεται σε εικόνες φόντου και χρώματα, όπως ένα σπίτι σε ένα ίδρυμα. Εάν έχετε την επιθυμία να αντικαταστήσετε την τυπική βάση του πόρου σας στο Διαδίκτυο με κάτι πιο ξεχωριστό, τότε θα πρέπει να ξεκινήσετε με την ανάπτυξη του σχεδιασμού. Και όταν είναι έτοιμο, το καθαρά τεχνικό μέρος θα παραμείνει, δηλαδή, αντικαθιστώντας το παλιό σχέδιο του φόντου του ιστότοπου που καθορίζεται στον πηγαίο κώδικα των σελίδων με το νέο. Υπάρχουν πολλοί τρόποι για να το εφαρμόσετε στην πράξη.
Οδηγίες
Βήμα 1
Πρώτα πρέπει να μάθετε ποιοι από τους τρόπους ρυθμίζεται το φόντο στην τρέχουσα έκδοση του ιστότοπου. Για να το κάνετε αυτό, ανοίξτε τον κώδικα HTML της σελίδας. Μπορείτε να το κάνετε αυτό με έναν απλό επεξεργαστή κειμένου κατεβάζοντας το αρχείο από τον διακομιστή εκ των προτέρων. Ή μπορείτε να χρησιμοποιήσετε τον επεξεργαστή των σελίδων του συστήματος διαχείρισης περιεχομένου, εάν χρησιμοποιείτε ένα. Ο επεξεργαστής σελίδων δεν απαιτεί λήψη του αρχείου, αλλά το τροποποιεί απευθείας στον διακομιστή χρησιμοποιώντας το πρόγραμμα περιήγησης ως διεπαφή. Ο κώδικας HTML (Γλώσσα σήμανσης υπερκειμένου) της σελίδας που ανοίγετε αποτελείται από γραμμές εντολών για το πρόγραμμα περιήγησης. Περιγράφουν τους τύπους, την εμφάνιση και τη θέση καθενός από τα στοιχεία μιας ιστοσελίδας. Αυτές οι οδηγίες αναφέρονται συνήθως ως "ετικέτες". Η σειρά των ίδιων των ετικετών στον κώδικα σελίδας συμμορφώνεται επίσης με τους κανόνες της γλώσσας HTML - χωρίζονται σε μπλοκ, το πρώτο από τα οποία πρέπει να είναι ένα μπλοκ κεφαλίδας που ξεκινά με μια ετικέτα και τελειώνει. Θα πρέπει να ακολουθείται από το μπλοκ που σας ενδιαφέρει περισσότερο τώρα - το σώμα του εγγράφου. Περιορίζεται σε ετικέτες και. Στην ετικέτα ανοίγματος αυτού του μπλοκ (), μπορείτε να βάλετε πληροφορίες σχετικά με το φόντο της σελίδας. Τέτοιες πληροφορίες εντός ετικετών ονομάζονται "χαρακτηριστικά". Το χαρακτηριστικό της ετικέτας σώματος που ορίζει το χρώμα φόντου δηλώνεται ως bgcolor και στον κώδικα μπορεί να μοιάζει με αυτό: Εδώ ορίζουμε το χρώμα φόντου για τη σελίδα σε ασημί. Το πρόγραμμα περιήγησης μπορεί να αναγνωρίσει μερικά από τα χρώματα με τα ονόματά τους, αλλά για να μην γίνει λάθος, είναι καλύτερο να υποδείξετε τους δεκαεξαδικούς κωδικούς τους. Αυτή η έκδοση με ασημί χρώμα σε δεκαεξαδική έκφραση θα έχει την εξής μορφή: Επομένως, πρέπει να βρείτε την ετικέτα ξεκινώντας από <body στον κώδικα σελίδας και ελέγξτε αν έχει χρώμα φόντου. Εάν ναι, αντικαταστήστε την ένδειξη χρώματος σε αυτήν με τη νέα σας έκδοση και αποθηκεύστε τις αλλαγές στη σελίδα.
Βήμα 2
Το φόντο της τρέχουσας σχεδίασης του ιστότοπού σας δεν μπορεί να ρυθμιστεί από χρώμα, αλλά από εικόνα. Το αντίστοιχο χαρακτηριστικό της ετικέτας σώματος ονομάζεται φόντο και μπορεί να μοιάζει με αυτόν στον κώδικα: Εδώ, το φόντο είναι η εικόνα bg.jpg
Βήμα 3
Όταν περιγράφετε την εμφάνιση σελίδων με σχετικά περίπλοκη σχεδίαση, χρησιμοποιήστε "cascading style φύλλα" - CSS (Cascading Style Sheets). Τα μπλοκ κώδικα CSS μπορούν να συμπεριληφθούν απευθείας στον κώδικα της σελίδας ή να περιέχονται σε ένα εξωτερικό αρχείο με την επέκταση "css". Πρέπει να αναζητήσετε την ετικέτα περιγραφής στυλ ξεκινώντας από <style στο τμήμα κεφαλίδας του κώδικα σελίδας (μεταξύ των ετικετών και). Εάν περιέχει έναν σύνδεσμο προς ένα εξωτερικό αρχείο, θα μοιάζει με αυτό: @import "style.css"; Εδώ είναι ένας σύνδεσμος για ένα φύλλο στυλ που ονομάζεται style.css. Πρέπει να ανοίξετε το καθορισμένο αρχείο για επεξεργασία. Και αν δεν υπάρχει σύνδεσμος και μετά το άνοιγμα <style tag υπάρχουν οδηγίες στυλ, τότε πρέπει να τις επεξεργαστείτε εδώ. Και στις δύο επιλογές, μεταξύ των περιγραφών των στυλ, πρέπει να αναζητήσετε αυτά που σχετίζονται με το κύριο μέρος του εγγράφου (σώμα). Αυτό το τμήμα περιγραφών μπορεί να έχει την εξής μορφή: body {
χρώμα φόντου: Ασημί;
χρωμα μαυρο;
} Εδώ πρέπει να αντικαταστήσετε την τιμή της παραμέτρου χρώματος φόντου με την τιμή του νέου σας χρώματος και καλύτερα στις ίδιες δεκαεξαδικές τιμές. Η επιλογή εικόνας φόντου στις οδηγίες CSS πρέπει να έχει την εξής μορφή: body {
φόντο: # C0C0C0 url (img / bg.jpg) repeat-y;
χρωμα μαυρο;
} Εδώ ο σύνδεσμος προς την εικόνα είναι παρόμοιος με αυτόν που συζητήθηκε παραπάνω και # C0C0C0 πριν από τον σύνδεσμο σημαίνει ότι ο χώρος της σελίδας που δεν καταλαμβάνεται από την εικόνα φόντου θα έχει ασημί φόντο. Το "Repeat-y" υποδηλώνει ότι η εικόνα φόντου πρέπει να πολλαπλασιαστεί κατά μήκος του άξονα Y (κατακόρυφος). Το "Repeat-y" μπορεί να αντικατασταθεί από το "repeat-x" (οριζόντια αναπαραγωγή) ή το "no-repeat" (μην επαναλάβετε). Εάν δεν ορίσετε καθόλου επανάληψη, τότε η εικόνα φόντου θα πλακιδωθεί στο διάστημα φόντου της σελίδας προς όλες τις κατευθύνσεις.