Το παρασκήνιο είναι ένα από τα πιο σημαντικά στοιχεία ενός ιστότοπου. Ένα καλό υπόβαθρο δημιουργεί τον τόνο για τον ιστότοπο και συμπληρώνει το περιεχόμενο. Υπάρχουν πολλοί διαφορετικοί τρόποι για να προσθέσετε ένα φόντο, κάθε τρόπος με διαφορετικό σκοπό. Ορισμένες μέθοδοι σας επιτρέπουν να εφαρμόσετε το φόντο σε όλες τις σελίδες ενός ιστότοπου, ενώ άλλες περιορίζουν το φόντο μόνο σε μια συγκεκριμένη σελίδα. Αυτό το άρθρο σας διδάσκει πώς να προσθέσετε φόντο στον ιστότοπό σας χρησιμοποιώντας HTML ή CSS.
Βήματα
Μέθοδος 1 από 2: Μέθοδοι HTML
Στερεό χρωματιστό υπόβαθρο
Βήμα 1. Ένα μονόχρωμο φόντο είναι ο πιο βασικός τύπος φόντου που μπορείτε να τοποθετήσετε σε έναν ιστότοπο
Στην πραγματικότητα, κάθε ιστότοπος ξεκινά με ένα προεπιλεγμένο λευκό φόντο. Ωστόσο, ενώ ένα λευκό φόντο μπορεί να είναι πολύ κομψό και καθαρό όταν χρησιμοποιείται με ένα αρμονικό συνδυασμό χρωμάτων, ένα διαφορετικό χρωματισμένο φόντο μπορεί να προτιμάται με διαφορετικά θέματα.
Βήμα 2. Ανοίξτε τον κώδικα ιστού (πηγή)
Βήμα 3. Στην ετικέτα σώματος, προσθέστε ένα χαρακτηριστικό που ονομάζεται bgcolor
Τώρα, η ετικέτα σώματος πρέπει να μοιάζει με αυτό-
όπου COLORNAME είναι το όνομα του χρώματος. Το COLORNAME μπορεί να γεμίσει με πολλούς τύπους αντιπροσώπων χρώματος-
- (όνομα χρώματος)
- (εξαγωνική τιμή)
- (Τιμή RGB)
Βήμα 4. Ο πειραματισμός με RGB και # μπορεί να οδηγήσει σε πολλές αποχρώσεις, αλλά μπορείτε να ακολουθήσετε τον εύκολο πρώτο τρόπο
Αλλά θυμηθείτε ότι η πληκτρολόγηση ενός ασυνήθιστου χρώματος ως "Ultramarine Blueish Green" θα οδηγήσει σε λευκό.
Προσθήκη εικόνας φόντου
Η προσθήκη εικόνας φόντου είναι ελαφρώς πιο περίπλοκη από ένα μονόχρωμο φόντο
Βήμα 1. Προσθέστε την ιδιότητα φόντου στην ετικέτα σώματος, έτσι ώστε να μοιάζει με αυτό-
όπου το SRC είναι η πηγή της εικόνας Το SRC μπορεί να βρίσκεται στον ίδιο φάκελο ή σε άλλο φάκελο/ιστοσελίδα.
- (στον ίδιο φάκελο)
- (μέσα σε διαφορετικό φάκελο)
- (σε διαφορετική ιστοσελίδα)
Βήμα 2. Θυμηθείτε να πληκτρολογήσετε την επέκταση.gif /-j.webp" />
Μέθοδος 2 από 2: Μέθοδοι CSS
Στερεό χρωματιστό υπόβαθρο
Βήμα 1. Για να προσθέσετε ένα σταθερό έγχρωμο φόντο στο CSS, προσθέστε ένα χαρακτηριστικό στυλ
Μπορείτε επίσης να δώσετε αναγνωριστικά και κλάσεις και να χρησιμοποιήσετε εξωτερικά και εσωτερικά φύλλα στυλ.
Βήμα 2. Η ετικέτα του σώματός σας πρέπει να μοιάζει με αυτό-
όπου το COLORNAME είναι το όνομα του χρώματος, της εξάγωνης τιμής ή του RGB (Θυμηθείτε επίσης τα τελευταία βήματα του στερεού χρώματος φόντου στην HTML, τα παραπάνω ισχύουν και εδώ).
Προσθήκη εικόνας
Βήμα 1. Για να προσθέσετε μια εικόνα, προσθέστε το χαρακτηριστικό στυλ στην ετικέτα σώματος
Μπορείτε επίσης να δώσετε αναγνωριστικά και κλάσεις και να χρησιμοποιήσετε εξωτερικά και εσωτερικά φύλλα στυλ.
Βήμα 2. Η ετικέτα του σώματός σας πρέπει τώρα να μοιάζει με αυτό-
Βήμα 3. Να θυμάστε ότι το SRC είναι η πηγή
Μπορεί να προέρχεται από τον ίδιο φάκελο, διαφορετικό φάκελο ή διαφορετική ιστοσελίδα.
- (στον ίδιο φάκελο)
- (μέσα σε διαφορετικό φάκελο)
- (σε διαφορετική ιστοσελίδα).
Βήμα 4. Θυμηθείτε να προσθέσετε και τις.εκτάσεις
Επαναλαμβανόμενο μοτίβο φόντου
Βήμα 1. Για να δημιουργήσετε ένα επαναλαμβανόμενο μοτίβο φόντου, προσθέστε ένα φόντο όπως αναφέρεται στα παραπάνω βήματα
Η ετικέτα του σώματός σας πρέπει τώρα να αλλάξει σε-
Όπου REPEAT-SETTINGS είναι οι ρυθμίσεις. Μπορεί να υπάρχουν πολλές επαναλαμβανόμενες ρυθμίσεις, όπως-
- (Το φόντο θα επαναληφθεί τόσο κάθετα όσο και οριζόντια.)
- (Το φόντο θα επαναληφθεί οριζόντια.)
- (Το φόντο θα επαναληφθεί κάθετα.)
Διορθώθηκε το φόντο της εικόνας
Βήμα 1. Τα σταθερά φόντα εικόνας φαίνονται δροσερά και δεν αλλάζουν καθώς κάνετε κύλιση προς τα κάτω
Για να τα κάνετε απλά πρέπει να κάνετε μερικές απλές τροποποιήσεις στον κώδικα στην παραπάνω ενότητα. Κάντε τις τροποποιήσεις για να κάνετε την ετικέτα σώματος να μοιάζει με αυτό-