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

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

Πώς να αλλάξετε το χρώμα φόντου στον ιστότοπο;
Πώς να αλλάξετε το χρώμα φόντου στον ιστότοπο;
Anonim

Μπορείτε να προσαρμόσετε πλήρως το blog ή τον ιστότοπό σας πολύ εύκολα. Αυτό το άρθρο σας δείχνει πόσο εύκολο είναι να αλλάξετε τη γραμματοσειρά στην κεφαλίδα και την εικόνα φόντου μιας σελίδας.

Οι blogger και οι ιδιοκτήτες ιστότοπων συνήθως αλλάζουν το φόντο για να κάνουν τον ιστότοπό τους οπτικά πιο ελκυστικό στους επισκέπτες. Ωστόσο, μια εσφαλμένη προσθήκη εικόνας φόντου μπορεί να προκαλέσει σύγχυση στον επισκέπτη, ακόμη και να προκαλέσει δυσπιστία στον ιστότοπο ή το ιστολόγιό σας και απροθυμία να τον επισκεφτεί ξανά. Για να προσθέσετε σωστά το φόντο, είναι σημαντικό να χρησιμοποιήσετε τους σωστούς κωδικούς HTML.

χρώμα του φόντου
χρώμα του φόντου

Υπάρχουν μόνο μερικοί απλοί κώδικες HTML που μπορείτε να χρησιμοποιήσετε για να αλλάξετε την εμφάνιση του υπάρχοντος ιστότοπού σας. Πολλοί χρήστες δεν συνειδητοποιούν καν πόσο εύκολο είναι.

Πώς να προσαρμόσετε τη γραμματοσειρά

Πρώτα απ' όλα, θα πρέπει να προσθέσετε τέσσερις μετα-ετικέτες οπουδήποτε μετά το. Μπορείτε απλώς να αντιγράψετε τα παρακάτω σύμβολα και να τα επικολλήσετε στον πόρο σας αφού αφαιρέσετε τα κενά.

χρώμα φόντου σε html
χρώμα φόντου σε html

Πώς να ορίσετε το χρώμα φόντου

Ανοίξτε τη σελίδα στο HTML του ιστολογίου ή του ιστότοπού σας. Όταν επεξεργάζεστε μια σελίδα εκτός σύνδεσης, μπορείτε να την ανοίξετε στο Dreamweaver για να διευκολύνετε την εργασία σας. Εάν ο ιστότοπός σας δημιουργήθηκε χρησιμοποιώντας τον κατασκευαστή, ορισμένες υπηρεσίες σας το επιτρέπουντροποποιήστε τις ρυθμίσεις HTML στο διαδίκτυο μεταβαίνοντας στη σελίδα "Σχεδίαση" και επιλέγοντας την καρτέλα "Επεξεργασία HTML". Είτε έτσι είτε αλλιώς, θα πρέπει να έχετε πρόσβαση στους κωδικούς HTML για το blog ή τον ιστότοπό σας. Η διαδικασία εγκατάστασης μπορεί να ποικίλλει σημαντικά ανάλογα με τις υπηρεσίες που είναι διαθέσιμες σε εσάς και τον κινητήρα που χρησιμοποιείτε.

Μην προσπαθήσετε να αναζητήσετε μία εικόνα με διαφορετικό χρώμα, εάν το μόνο που έχετε να κάνετε είναι να αλλάξετε το χρώμα του φόντου. Αντίθετα, μπορείτε απλά να επεξεργαστείτε το HTML και να αλλάξετε το υπάρχον χρώμα σε ό,τι θέλετε να διατηρήσετε.

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

Βρείτε λοιπόν τον κωδικό χρώματος που θέλετε να δείτε στον ιστότοπό σας ως χρώμα φόντου. Στη σήμανση θα μοιάζει με αυτό:

body {

background-color:XXXXXX; {

Αφού αποθηκεύσετε το χρώμα φόντου σε HTML, θα δείτε ότι η εμφάνιση της σελίδας σας έχει αλλάξει.

λευκό φόντο
λευκό φόντο

Προσθήκη εικόνας φόντου

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

Ανεβάστε την εικόνα στο Διαδίκτυο. Πολλοί σας επιτρέπουν να κατεβάζετε εικόνες δωρεάν. Λάβετε μια διεύθυνση URL στην εικόνα φόντου σας. Για να το κάνετε αυτό, πρέπει να ανοίξετε την εικόνα στο πρόγραμμα περιήγησής σας και να την αντιγράψετεURL.

Επικολλήστε τον κωδικό για να προσθέσετε μια εικόνα ως φόντο. Σε HTML μοιάζει με αυτό:

body {

background-image: url(image URL);

Πρέπει να προσθέσετε τον κώδικα από όπου ξεκινά το σώμα της σελίδας στο HTML. Αποθηκεύστε τις αλλαγές μετά την επεξεργασία και φορτώστε τον ιστότοπό σας. Μπορείτε να δείτε ότι η εικόνα έχει αντικαταστήσει πλήρως το χρώμα φόντου.

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

Συνιστάται: