Выпуск № 11 : пишем коды для баннеров

     Так, слава Богу, с баннерами мы разобрались ... Теперь поучимся писать коды к оным. Вы можете спросить : "А почему на страницу нужно непременно вставлять код баннера, когда можно поставить и рисунок ?" Резонный вопрос ... Давайте разбираться. Вот скажите мне, вам нужна лишняя работа : копировать чей-то баннер к себе на компъютер, запоминать ссылку, затем ставить рисунок баннера к себе на страницу, а затем загружать рисунок баннера к себе на сервер ? Вот-вот, и мне тоже неохота :) Гораздо проще установить фрагмент кода языка HTML (который, как ни крути, а хотя бы в начальных объемах знать необходимо :). Да и тем, с кем вы будете меняться баннерами, тоже проще взять ваш код и просто установить его в нужном месте. Итак, посмотрим на пример кода баннера, например, баннера сайта "Учебка" :

    Во какое разноцветье ! Но вы не пугайтесь, сейчас мы с этой палитрой разберемся. Наш код (как, впрочем, и весь язык HTML начинается с тэгов, то бишь, элементов разметки гипертекста (от слова tag - метка, ярлык). В нашем случае это тэги <a  и  </a> (anchor - якорь, т.е. мы привязываем наш рисунок к конкретной гиперссылке). Тэги, как правило, парные - открывающий и закрывающий. В нашем примере все тэги я выделил красным цветом. Но, как вы понимаете, у открывающего тэга <A> должен быть какой-то параметр, который и укажет, куда именно эта гиперссылка ведет. Правильно, это и есть параметр HREF (hyper reference - гиперссылка), и в нем мы и запишем адрес, который должен будет загрузиться в ваш браузер :

<a href="uchebka"

   Затем, по моему глубокому убеждению, следует поставить параметр target (цель), который, если мы зададим его значение = _blanc, открывать искомый адрес в новом окне. Для чего ? Ну, во-первых, чтобы ваш посетитель все-таки одним окном оставался на вашей же странице. Во-вторых, если сайт использует фреймы, то искомая страница откроется в одном из окон фрейма, а это так неудобно (особенно, если открываемый сайт тоже имеет фреймы). Кстати, не забывайте ставить кавычки и прочие значки именно так, как показано выше.
    Адрес-то мы задали, а где же нам отыскать наш рисунок баннера ? Нужно просто популярно объяснить браузеру, где наша картинка лежит, как ее зовут, и как ее (картинку) на экране разместить. Тэг, задающий местоположение рисунка, называется IMG (image - картинка). Но как всегда, этому тэгу должен сопутствовать параметр, головой отвечающий за все данные рисунка - этот параметр называется SRC (source - источник). В нашем случае, мой баннер (вернее, его рисунок) носит имя banner_2 и имеет расширение *GIF, а ледит сей рисунок у меня в главной директории моего сервера uchebka , значит, местоположение рисунка мы и зададим соответствующее :

<img src="banner_2.gif" 

В следующем выпуске мы будем ... отдыхать ! И немного подурачимся :))) Если вы, конечно, не против :))) 

PS: как всегда, этот выпуск рассылки вы сможете найти, скачать и прочитать .  Этот выпуск вы можете распечатать, нажав на соответствующую надпись чуть ниже этих строк :

Распечатать