Υπάρχουν πολλοί λόγοι για τους οποίους μπορεί να θέλετε να προσθέσετε μια εικόνα .gif στον ιστότοπό σας.
Η προσθήκη μιας εικόνας στον ιστότοπό σας μπορεί να βελτιώσει σημαντικά την ελκυστικότητά του για τους επισκέπτες. Η πιο συχνά χρησιμοποιούμενη μορφή αρχείου για εικόνες στον Ιστό είναι .jpg και .gif. Το Πανεπιστήμιο της Ιντιάνα λέει ότι τα αρχεία .gif είναι τα πλέον κατάλληλα για εικόνες με ευκρινή άκρα με μειωμένες χρωματικές διαβαθμίσεις. Αυτά μπορεί να περιλαμβάνουν κινούμενα σχέδια, κείμενο και γραμμική τέχνη. Άλλα πλεονεκτήματα των αρχείων .gif είναι η δυνατότητα ρύθμισης του φόντου σε διαφάνεια και προσθήκης κινούμενων εικόνων. Η προσθήκη ενός αρχείου .gif σε έναν ιστότοπο είναι τόσο απλή όσο το να ανεβάσετε ένα αρχείο και να γράψετε μια πρόταση.
Βήμα 1
Ανοίξτε τον πίνακα διαχείρισης του ιστότοπού σας. Αυτό θα είναι διαφορετικό για κάθε άτομο επειδή εξαρτάται από τον κεντρικό διακομιστή που χρησιμοποιείτε ή εάν χρησιμοποιείτε προγράμματα όπως το Dreamweaver για τη διαχείριση του ιστότοπού σας. Ουσιαστικά, υπάρχουν δύο κύριοι τύποι λογισμικού επεξεργασίας — το πρόγραμμα επεξεργασίας html ή το WYSIWYG. Το Smashing Magazine εξηγεί ότι το WYSIWYG σημαίνει "What You See Is What You Get." Αυτά τα προγράμματα έχουν σχεδιαστεί για να κάνουν τη δημιουργία σελίδων πιο διαισθητική. Οι επεξεργαστές HTML απαιτούν να κατανοήσετε τα βασικά της γλώσσας HTML.
Το βίντεο της ημέρας
Βήμα 2
Αποθηκεύστε το αρχείο εικόνας σας .gif στις "εικόνες" ή στον κατάλληλο φάκελο του ιστότοπού σας. Εάν χρησιμοποιείτε ένα πρόγραμμα στον υπολογιστή σας, θα χρειαστεί απλώς να βρείτε τον σωστό φάκελο στον σκληρό σας δίσκο. Εάν χρησιμοποιείτε μια διαδικτυακή διεπαφή διαχείρισης, θα χρειαστεί να ανεβάσετε την εικόνα. Μεταβείτε στον σωστό φάκελο στον πίνακα διαχείρισης και ακολουθήστε τις οδηγίες για να ανεβάσετε ένα αρχείο. Στις περισσότερες περιπτώσεις, θα χρησιμοποιήσετε ένα κουμπί περιήγησης για να βρείτε το αρχείο .gif στον υπολογιστή σας και, στη συνέχεια, κάντε κλικ στο "Μεταφόρτωση".
Βήμα 3
Προσθέστε το .gif στην ιστοσελίδα. Σε ένα πρόγραμμα επεξεργασίας WYSIWYG, το μόνο που χρειάζεται να κάνετε είναι να σύρετε και να αποθέσετε την εικόνα όπου θέλετε. Κάντε προεπισκόπηση του ιστότοπου για να βεβαιωθείτε ότι η σελίδα εμφανίζεται όπως περιμένατε και προσαρμόστε όπως χρειάζεται.
Εάν χρησιμοποιείτε πρόγραμμα επεξεργασίας κειμένου HTML, ανοίξτε τη σελίδα HTML στην οποία θα τοποθετηθεί το .gif. Κάντε κύλιση στο σημείο του κειμένου HTML όπου θέλετε να εμφανίζεται το .gif. Προσθέστε την ακόλουθη γραμμή, αντικαθιστώντας τις πληροφορίες μετά τα σημάδια "=" με πληροφορίες για το .gif και αφήνοντας τα εισαγωγικά στη θέση τους:
Η Cross Culture εξηγεί ότι "img src" σημαίνει "πηγή εικόνας". Οι πληροφορίες μεταξύ των εισαγωγικών θα πρέπει να αναφέρουν το όνομα του φακέλου στον οποίο βρίσκεται το .gif και μετά το όνομα του .gif. Η ετικέτα "alt" αναφέρεται στο κείμενο που θα εμφανιστεί εάν ο σύνδεσμος της εικόνας είναι σπασμένος, εάν ο επισκέπτης έχει απενεργοποιημένες εικόνες ή για αποκωδικοποίηση των αναγνωστών κειμένου. Το "Width" και το "height" καθορίζουν το εμφανιζόμενο μέγεθος της εικόνας σε pixel. Οι ετικέτες διαστήματος καθορίζουν πόσος κατακόρυφος ή οριζόντιος χώρος δίνεται γύρω από την εικόνα σε σχέση με το περιβάλλον περιεχόμενο. Η ετικέτα περιγράμματος θα προσθέσει μια γραμμή γύρω από την εικόνα και ο αριθμός μέσα στα εισαγωγικά καθορίζει το πλάτος της.
Πράγματα που θα χρειαστείτε
Υπολογιστής με σύνδεση στο Διαδίκτυο
Διοικητική πρόσβαση στον ιστότοπο
Αποθηκευμένη εικόνα .gif για εισαγωγή
Υπόδειξη
Μια κοινή χρήση ενός αρχείου .gif ονομάζεται spacer.gif. Αυτή η εικόνα είναι ένα διαφανές τετράγωνο με διαστάσεις 1 pixel επί 1 pixel. Αυτό το αρχείο .gif δίνει στους σχεδιαστές σελίδων την επιλογή να προσθέτουν αποτελεσματικά προβλέψιμο χώρο σε διάφορες θέσεις στη διάταξη. Για να προσθέσετε χώρο κάτω από ένα μπλοκ κειμένου, για παράδειγμα, θα μπορούσατε να τοποθετήσετε το spacer.gif στη δική του παράγραφο και να προσαρμόσετε το ύψος και το πλάτος στις προτιμήσεις σας.
Προειδοποίηση
Αποθηκεύστε ένα αντίγραφο της ιστοσελίδας που αλλάζετε πριν επιχειρήσετε να προσθέσετε το νέο .gif και προσπαθήστε να εργαστείτε εκτός σύνδεσης, εάν είναι δυνατόν, μέχρι να είστε ικανοποιημένοι με τα αποτελέσματά σας. Αυτό αποτρέπει τη δημοσιοποίηση οποιωνδήποτε σελίδων πρακτικής και προστατεύει την ικανότητά σας να ξεκινήσετε από την αρχή σε περίπτωση που δυσκολευτείτε.
