Jeśli masz baner, ale nie masz gotowego kodu html do wstawienia go na stronę, to dodanie potrzebnego linku nie jest takie trudne. Nawet jeśli baner wykonany jest w technologii flash. Poniżej opisano możliwe opcje organizacji linków do banerów w formatach graficznych i flash w kodzie źródłowym.
Instrukcje
Krok 1
Jeżeli baner jest w jednym z formatów graficznych (gif, jpg, png, bmp), to wystarczy umieścić tag obrazka wewnątrz tagu linku, najpierw utwórz tag obrazka. W języku znaczników stron internetowych (HTML - HyperText Markup Language - "hypertext markup language"), jego najprostsza wersja wygląda tak: Tutaj "adres względny" obrazka jest określony w atrybucie src. W tej wersji przeglądarka założy, że zdjęcie znajduje się w tym samym folderze na serwerze, w którym znajduje się sama strona, w której wstawiony jest baner. Ale lepiej podać „adres bezwzględny”:
Krok 2
Do tego tagu należy dodać jeszcze kilka atrybutów. Dwa atrybuty wskażą wymiary banera (wysokość i szerokość). Są to atrybuty opcjonalne - obraz zostanie wyświetlony bez nich, jeśli wszystko pójdzie dobrze, gdy strona zostanie załadowana z serwera do przeglądarki. Ale jeśli obraz z jakiegoś powodu nie jest załadowany, brak wymiarów może prowadzić do tego, że wszystkie inne elementy projektu będą nie na miejscu. Znacznik rozmiaru będzie wyglądał tak:
Krok 3
Domyślnie przeglądarka rysuje niebieską ramkę wokół obrazów łączy. Aby tego uniknąć, dodaj do tagu banner atrybut border o wartości null:
Krok 4
Dodaj jeszcze jeden atrybut (tytuł), który będzie zawierał tekst podpowiedzi po najechaniu kursorem myszy na baner:
Krok 5
Przygotowałeś tag obrazu z najważniejszymi atrybutami, teraz musisz umieścić go wewnątrz tagu linku. Każde hiperłącze składa się z dwóch znaczników - otwierającego i zamykającego: Znacznik otwierający zawiera atrybut href, który zawiera adres do wysłania żądania. Pomiędzy tymi dwoma tagami linków i wstaw tag banera: Kod HTML banera z linkiem jest gotowy, nie zapomnij zastąpić: - w atrybucie href: "https://kakprosto.ru" adresem Twojego linku dla banera; - w atrybucie src: " https://kakprosto.ru/banner
Krok 6
Wszystkie powyższe dotyczyły banerów graficznych, ale są też banery wykonane w technologii flash. Aby w standardowy sposób wstawić link do filmu flashowego, musisz mieć nie tylko sam baner, ale także jego kod źródłowy. Dodatkowo można edytować kod źródłowy, a następnie skompilować film Flash tylko w specjalistycznym edytorze - zwykły edytor tekstu się do tego nie nadaje. Istnieje jednak sposób na obejście wszystkich tych trudności, ograniczając się do edycji tylko HTML i CSS (Kaskadowe Arkusze Stylów - "kaskadowe arkusze stylów"). Język CSS służy do bardziej szczegółowego (w porównaniu do HTML) opisu wyglądu elementów strony. Z jego pomocą na stronach można budować dość złożone wielowarstwowe struktury. Wykorzystamy to umieszczając baner Flash w dolnej warstwie, a warstwę z linkiem powyżej. Kod HTML banera będzie wyglądał tak:
Nie zapomnij wymienić w nim atrybutów width i height (w dwóch miejscach), nazwy banera banner.swf (w dwóch miejscach) i adresu linku https://kakprosto.ru (w jednym miejscu) oraz kodu SCC odpowiadający temu kodowi HTML powinien wyglądać tak:
div.linkedFlashContainer {pozycja: względna; indeks z: 1; obramowanie: 0px; szerokość: 468px; wysokość: 60px}
a.flashLink {pozycja: bezwzględna; indeks z: 2; szerokość: 468px; wysokość: 60px; background: url (spacer.gif) no-repeat;}
Używany jest tutaj przezroczysty obraz (dowolnej wielkości) o nazwie spacer.gif. I tutaj też nie zapomnij zmienić rozmiaru szerokości i wysokości (w dwóch miejscach).
