Εάν έχετε ένα banner, αλλά δεν υπάρχει έτοιμος κώδικας html για να τον εισαγάγετε στη σελίδα, τότε η προσθήκη του συνδέσμου που χρειάζεστε δεν είναι τόσο δύσκολη. Ακόμα κι αν το banner δημιουργείται χρησιμοποιώντας τεχνολογία flash. Οι πιθανές επιλογές για την οργάνωση συνδέσμων σε πανό σε μορφές γραφικών και flash στον πηγαίο κώδικα περιγράφονται παρακάτω.
Οδηγίες
Βήμα 1
Εάν το banner είναι σε μία από τις μορφές γραφικών (gif, jpg, png, bmp), τότε θα αρκεί να τοποθετήσετε την ετικέτα εικόνας μέσα στην ετικέτα συνδέσμου. Πρώτον, σχηματίστε την ετικέτα εικόνας. Στη γλώσσα σήμανσης των ιστοσελίδων (HTML - HyperText Markup Language - "hypertext markup language"), η απλούστερη έκδοσή της μοιάζει με αυτήν: Εδώ η "σχετική διεύθυνση" της εικόνας καθορίζεται στο χαρακτηριστικό src. Σε αυτήν την έκδοση, το πρόγραμμα περιήγησης θα υποθέσει ότι η εικόνα βρίσκεται στον ίδιο φάκελο στον διακομιστή σας όπου η ίδια η σελίδα είναι όπου έχει εισαχθεί το banner. Αλλά είναι καλύτερο να καθορίσετε μια "απόλυτη διεύθυνση":
Βήμα 2
Υπάρχουν μερικά ακόμη χαρακτηριστικά για προσθήκη σε αυτήν την ετικέτα. Δύο χαρακτηριστικά υποδεικνύουν τις διαστάσεις του banner (ύψος και πλάτος). Αυτά είναι προαιρετικά χαρακτηριστικά - η εικόνα θα εμφανίζεται χωρίς αυτά εάν όλα πάνε καλά όταν η σελίδα φορτώνεται από το διακομιστή στο πρόγραμμα περιήγησης. Αλλά εάν η εικόνα για κάποιο λόγο δεν φορτωθεί, τότε η έλλειψη διαστάσεων μπορεί να οδηγήσει στο γεγονός ότι όλα τα άλλα στοιχεία σχεδίασης θα είναι εκτός τόπου. Η ετικέτα μεγέθους θα έχει την εξής μορφή:
Βήμα 3
Από προεπιλογή, το πρόγραμμα περιήγησης σχεδιάζει ένα μπλε περίγραμμα γύρω από εικόνες συνδέσμου. Για να το αποφύγετε αυτό, προσθέστε ένα χαρακτηριστικό περίγραμμα με μηδενική τιμή στην ετικέτα banner:
Βήμα 4
Προσθέστε ένα ακόμη χαρακτηριστικό (τίτλος), το οποίο θα περιέχει το κείμενο για την επεξήγηση εργαλείου όταν τοποθετείτε το δείκτη του ποντικιού πάνω από το banner:
Βήμα 5
Έχετε προετοιμάσει την ετικέτα εικόνας με τα πιο σημαντικά χαρακτηριστικά, τώρα πρέπει να την τοποθετήσετε μέσα στην ετικέτα συνδέσμου. Κάθε υπερσύνδεσμος σχηματίζεται από δύο ετικέτες - άνοιγμα και κλείσιμο: Η ετικέτα ανοίγματος περιέχει το χαρακτηριστικό href, το οποίο περιέχει τη διεύθυνση για την αποστολή του αιτήματος. Μεταξύ αυτών των δύο ετικετών συνδέσμου και εισαγάγετε την ετικέτα banner: Ο κώδικας HTML του banner με το σύνδεσμο είναι έτοιμος, μην ξεχάσετε να αντικαταστήσετε: - στο χαρακτηριστικό href: "https://kakprosto.ru" με τη διεύθυνση του συνδέσμου σας για το banner · - στο χαρακτηριστικό src: "https://kakprosto.ru/banner.gif" στη διεύθυνση της εικόνας για το banner, - στο χαρακτηριστικό πλάτος: "468" για το πλάτος του banner σας, - στο χαρακτηριστικό ύψος: "60" για το ύψος του banner σας - - στο χαρακτηριστικό τίτλου: "Είναι ένα banner!" αναδυόμενο κείμενο για το banner σας.
Βήμα 6
Όλα τα παραπάνω αναφέρονται σε πανό εικόνων, αλλά υπάρχουν και πανό που κατασκευάζονται χρησιμοποιώντας τεχνολογία flash. Για να εισαγάγετε έναν σύνδεσμο σε μια ταινία flash με έναν τυπικό τρόπο, πρέπει να έχετε όχι μόνο το ίδιο το banner, αλλά και τον πηγαίο κώδικα. Επιπλέον, μπορείτε να επεξεργαστείτε τον πηγαίο κώδικα και μετά να μεταγλωττίσετε την ταινία Flash μόνο σε έναν εξειδικευμένο επεξεργαστή - ένας κανονικός επεξεργαστής κειμένου δεν είναι κατάλληλος για αυτό. Ωστόσο, υπάρχει ένας τρόπος για να ξεπεράσετε όλες αυτές τις δυσκολίες, περιορίζοντας τον εαυτό σας στην επεξεργασία μόνο HTML και CSS (Cascading Style Sheets - "cascading style sheet"). Η γλώσσα CSS χρησιμοποιείται για μια πιο λεπτομερή (σε σύγκριση με την HTML) περιγραφή της εμφάνισης των στοιχείων της σελίδας. Με τη βοήθειά του, οι πολύπλοκες δομές πολλαπλών επιπέδων μπορούν να κατασκευαστούν στις σελίδες. Θα το χρησιμοποιήσουμε τοποθετώντας το banner Flash στο κάτω επίπεδο και τοποθετώντας το επίπεδο με τον σύνδεσμο πάνω από αυτό. Ο κώδικας HTML του banner θα έχει την εξής μορφή:
Μην ξεχάσετε να αντικαταστήσετε τα χαρακτηριστικά πλάτους και ύψους σε αυτό (σε δύο μέρη), το όνομα banner banner.swf (σε δύο μέρη) και τη διεύθυνση συνδέσμου https://kakprosto.ru (σε ένα μέρος). Και τον κωδικό SCC που αντιστοιχεί σε αυτόν τον κώδικα HTML θα πρέπει να είναι ως εξής:
div.linkedFlashContainer {θέση: σχετικός; ευρετήριο z: 1; περίγραμμα: 0px; πλάτος: 468 εικονοστοιχεία; ύψος: 60px}
a.flashLink {θέση: απόλυτο; ευρετήριο z: 2; πλάτος: 468 εικονοστοιχεία; ύψος: 60px; φόντο: url (spacer.gif) χωρίς επανάληψη;}
Εδώ χρησιμοποιείται μια διαφανής εικόνα (οποιουδήποτε μεγέθους) που ονομάζεται spacer.gif. Και εδώ, επίσης, μην ξεχάσετε να αλλάξετε το μέγεθος του πλάτους και του ύψους (σε δύο μέρη).
