Εικόνες, όπως όλα τα άλλα στοιχεία μιας ιστοσελίδας, εμφανίζονται από το πρόγραμμα περιήγησης σύμφωνα με τις λεπτομερείς οδηγίες που αποστέλλονται από τον διακομιστή. Αυτές οι οδηγίες είναι γραμμένες σε HTML (HyperText Markup Language) και αποτελούνται από "ετικέτες". Οι ετικέτες περιγράφουν τον τύπο όλων των στοιχείων μιας ιστοσελίδας, την τοποθεσία και την εμφάνισή τους.
Οδηγίες
Βήμα 1
Πρώτα πρέπει να ανεβάσετε το αρχείο εικόνας στο διακομιστή. Αυτό μπορεί να γίνει χρησιμοποιώντας το FTP (File Transfer Protocol) μέσω ενός ειδικού προγράμματος. Αυτά τα προγράμματα ονομάζονται πελάτες FTP - για παράδειγμα, Cute FTP, WS FTP, FlashFXP και άλλα. Αλλά μπορείτε να το κατεβάσετε μέσω του διαχειριστή αρχείων, ο οποίος θα πρέπει να βρίσκεται στον πίνακα ελέγχου της φιλοξενίας στην οποία φιλοξενείται ο ιστότοπός σας. Ο διαχειριστής αρχείων σάς επιτρέπει να ανεβάζετε αρχεία μέσω του προγράμματος περιήγησής σας.
Βήμα 2
Μετά από αυτό, πρέπει να τοποθετήσετε την αντίστοιχη ετικέτα στον κώδικα html της επιθυμητής σελίδας. Δηλαδή, θα πρέπει να βρείτε αυτήν τη σελίδα και να ανοίξετε τον πηγαίο κώδικα για επεξεργασία. Εάν έχετε ένα αρχείο σελίδας, μπορείτε να το ανοίξετε με έναν απλό επεξεργαστή κειμένου - για παράδειγμα, τυπικό Σημειωματάριο. Και αν χρησιμοποιείτε οποιοδήποτε σύστημα για τη διαχείριση του ιστότοπου, τότε στον πίνακα διαχείρισης αυτού του συστήματος, βρείτε τον επεξεργαστή σελίδας και ανοίξτε την επιθυμητή σελίδα σε αυτόν. Μετά από αυτό, μένει να εισαγάγετε την ετικέτα εικόνας στη θέση που χρειάζεστε στη σελίδα και να αποθηκεύσετε τις αλλαγές.
Βήμα 3
Περισσότερα για την ίδια την ετικέτα - στην απλούστερη μορφή της, μπορεί να έχει την εξής μορφή: Η ετικέτα περιέχει διάφορες πρόσθετες πληροφορίες - "χαρακτηριστικά". Απαιτείται μόνο ένα χαρακτηριστικό για την ετικέτα εικόνας - src. Λέει στο πρόγραμμα περιήγησης τη διεύθυνση όπου πρέπει να λάβει το αρχείο που περιέχει το carnink. Εάν αυτό το αρχείο βρίσκεται στον διακομιστή στον ίδιο φάκελο (ή υποφάκελο) με την ίδια τη σελίδα, τότε αρκεί να καθορίσετε μόνο το όνομά του ή τη διαδρομή προς τον υποφάκελο. Αυτές οι διευθύνσεις ονομάζονται "σχετικές". Και μια απόλυτη διεύθυνση μπορεί να μοιάζει με αυτήν:
- Ένα άλλο χαρακτηριστικό - alt="Image" - περιέχει το κείμενο που εμφανίζεται στην επεξήγηση εργαλείου στο ποντίκι του ποντικιού: Τα άλλα χαρακτηριστικά - ο τίτλος κάνουν το ίδιο πράγμα: - Δύο χαρακτηριστικά - πλάτος και ύψος - ορίστε το μέγεθος του ορθογωνίου στο οποίο το πρόγραμμα περιήγησης θα εμφανίσει την εικόνα: Αυτά τα χαρακτηριστικά δεν απαιτούνται, αλλά εάν κάτι πάει στραβά και η εικόνα δεν μπορεί να φορτωθεί, τότε όλα τα άλλα στοιχεία της σελίδας ενδέχεται να είναι εκτός τόπου, καθώς το πρόγραμμα περιήγησης δεν αναγνωρίζει τις διαστάσεις που η εικόνα έπρεπε να είχε καταλάβει. Οι διαστάσεις καθορίζονται σε "pixels" - αυτή είναι η κύρια μονάδα μέτρησης που χρησιμοποιείται στη διάταξη της σελίδας. ένα μπλε περίγραμμα γύρω από αυτό από προεπιλογή. Για να το ξεφορτωθείτε, πρέπει να ορίσετε την τιμή περιγράμματος στο μηδέν: - Δύο χαρακτηριστικά ορίζουν την εσοχή της εικόνας από παρακείμενα στοιχεία (για παράδειγμα, από γραμμές κειμένου) - Το hspace ορίζει την οριζόντια εσοχή (αριστερά και δεξιά), vspace - κάθετα (κάτω και πάνω): - Αυτά είναι τα πιο συχνά χρησιμοποιούμενα χαρακτηριστικά και υπάρχουν πάνω από 50 από αυτά για αυτήν την ετικέτα!
