Πώς να χρησιμοποιήσετε εικόνες φόντου σε HTML;

Η κατοχή εικόνων στη σελίδα HTML ή το αρχείο σας
Η κατοχή εικόνων στη σελίδα HTML ή το αρχείο σας, ιδίως στο παρασκήνιο, μπορεί να βελτιώσει σημαντικά το σύνολο του αρχείου σας.

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

Δεν χρειάζεται να προβάλλετε αμέσως τη σελίδα HTML μεταφορτώνοντάς την σε έναν ιστότοπο FTP
Δεν χρειάζεται να προβάλλετε αμέσως τη σελίδα HTML μεταφορτώνοντάς την σε έναν ιστότοπο FTP.

Υλικά που θα χρειαστείτε:

  • Φτάνοντας στο σώμα. Το πρώτο πράγμα που πρέπει να κάνετε είναι να βρείτε το σώμα του αρχείου αναζητώντας την ετικέτα σώματος, γραμμένη ως <body>. Εάν δεν υπάρχει ετικέτα σώματος, μπορείτε να την πληκτρολογήσετε αμέσως μετά την ετικέτα </head>. Αυτή είναι η ενότητα που θα περιέχει όλα τα στοιχεία και τις εντολές για τη μορφοποίηση του σώματος της σελίδας HTML.
  • Ενσωματώνοντας το φόντο. Αφού γράψετε την ετικέτα για το σώμα, πληκτρολογήστε έναν μόνο χώρο και, στη συνέχεια, πληκτρολογήστε την ετικέτα <body background>. Μετά από αυτό, μπορείτε να το ακολουθήσετε με το σύμβολο ίσου. Να θυμάστε ότι δεν πρέπει να υπάρχουν κενά μεταξύ των εντολών που έχουν πληκτρολογηθεί.
  • Εισαγωγή της εικόνας. Η εικόνα που θα χρησιμοποιείτε για τον ιστότοπο μπορεί να βρίσκεται σε κατάλογο φακέλων ή σε διεύθυνση URL ιστού. Εάν νομίζετε ότι θα πρέπει να αλλάξετε αυτόματα την εικόνα φόντου (που σημαίνει, χωρίς να χρειάζεται να ανεβάσετε νέα αρχεία για τον ιστότοπο HTML), τότε είναι καλύτερο να τοποθετήσετε την εικόνα σας σε μια υπηρεσία ιστού, ώστε το μόνο που χρειάζεται να κάνετε είναι να αλλάξετε την εικόνα από αυτήν τη διεύθυνση URL χωρίς να αλλάξετε χειροκίνητα την τοποθεσία από το αρχείο HTML. Διαφορετικά, μπορείτε απλώς να τοποθετήσετε την εικόνα σας στον ίδιο φάκελο με εκείνο που βρίσκεται το αρχείο HTML και να οδηγείτε σε αυτήν τη θέση κατά την εισαγωγή της εικόνας. Έτσι, η ετικέτα εικόνας φόντου θα μοιάζει με αυτήν: <body background = "το URL του ιστού σας εδώ">.
  • Έλεγχος του αρχείου HTML στο πρόγραμμα περιήγησής σας. Μόλις το κάνετε αυτό, αποθηκεύστε τις αλλαγές που έχετε πραγματοποιήσει (είτε το κάνετε αυτό στο σημειωματάριο και αποθηκεύοντας ως αρχείο HTML είτε με οποιονδήποτε άλλο τρόπο) και ξεκινήστε τη σελίδα HTML στο πρόγραμμα περιήγησής σας, για να ελέγξετε αν έχετε το επιθυμητό αποτέλεσμα. Μπορείτε να αλλάξετε μεγαλύτερη ανάλυση και μέγεθος εικόνας για την εικόνα φόντου σας, αν νομίζετε ότι είναι πολύ μικρό για την οθόνη σας. Δεν χρειάζεται να προβάλλετε αμέσως τη σελίδα HTML μεταφορτώνοντάς την σε έναν ιστότοπο FTP.

Υπάρχουν πολλά πράγματα που μπορείτε να ανεβάσετε εκτός από τις στατικές εικόνες. Τα κινούμενα GIF είναι επίσης εξαιρετικές προσθήκες σε μια σελίδα. Αυτό το φόντο μπορεί να είναι μια εικόνα ή ένα μοτίβο που θέλετε να χρησιμεύσετε ως ταπετσαρία του ιστότοπού σας. Μπορείτε επίσης να συμπεριλάβετε περιθώρια και άλλες ρυθμίσεις μορφοποίησης στο παρασκήνιο για να ταιριάζει καλύτερα στο περιεχόμενο που θα τοποθετηθεί πάνω του. Καλή διασκέδαση και καλή τύχη!

FacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail