Jump to content

Как сделать баннер?


Recommended Posts

Подскажите, пожалуйста, наикратчаший метод изготовления (цитирую) "анимированного баннера, 600 пикселей".

Цели исключительно учебные, не комменрческие ;) :p

У сестры завтра контрольная, она мне задание для подготовки подсунула - там надо представить прогу (или как это называется) в hmtl странички с картинками справа, слева, гиперссылками где-то по центру и ещё чего-то там... Ну это я сделаю мышкой :D в FrontPage-е и посмотрю что там автоматически в html-е написалось. :D :p

Но вот где и как и тем более анимированный делать баннер - не в курсе. :unsure:

Подскажите, а ?? :rolleyes:

Только что-нибудь простое - это просто контрольная на просто информатике ;)

Link to post
Share on other sites
Подскажите, пожалуйста, наикратчаший метод изготовления (цитирую) "анимированного баннера, 600 пикселей".

Цели исключительно учебные, не комменрческие ;) :p

У сестры завтра контрольная, она мне задание для подготовки подсунула - там надо представить прогу (или как это называется) в hmtl странички с картинками справа, слева, гиперссылками где-то по центру и ещё чего-то там... Ну это я сделаю мышкой :D в FrontPage-е и посмотрю что там автоматически в html-е написалось. :D :p

Но вот где и как и тем более анимированный делать баннер - не в курсе. :unsure:

Подскажите, а ?? :rolleyes:

Только что-нибудь простое - это просто контрольная на просто информатике ;)

rad bi pamoch tolko WEb Dizayne ya ne smislyu vot Vigen pridyot podskajet! :victory:

Link to post
Share on other sites

Анимации в том числе и баннеры можно делать в Adobe Image Ready. Он поставляется в одном пакете с Adobe Photoshop.

Берется несколько картинок, накладываются друг на друга, потом определяются интервалы. Будут вопросы - стучи в ПМ или в асю.

Link to post
Share on other sites

Ещё способ.

Делаешь простенькие рисунки в формате *.gif Затем скачиваешь и устанавливаешь простенькую программу Ulead gif animator или Microsoft gif animator. В программе интуитивно понятный интерфейс, там создаёшь последовательность сменяющих друг-друга этих рисунков, задаёшь время и т. д., и сохраняешь тоже в виде файла-гифа. Фотошоп или какой нибудь Пейнт покажут только один слой, поэтому теперь открываешь например ACDSee и смотришь как это выглядит. Вуаля!

Вот пример такого творчества - простенький баннер на мой сайт вот тут - http://www.karmir.narod.ru/banners/ban1.gif

Удачи!

Link to post
Share on other sites

Да, и самое главное, как его разместить. Баннер размещаешь НА СВОЁМ САЙТЕ а не на той страничке, где он отображается. А в код вставляемой страницы пишешь код, где содержится ссылка на сайт и путь к твоему баннеру.

Для моего баннера это выглядит примерно так:

<div align="center"><a href="http://www.karmir.narod.ru/" target="_blank"><img border="0" src="http://www.karmir.narod.ru/banners/ban1.gif" width="468" height="60" alt="Сайт про Армению"></a></div>

Объясняю, на всякий случай словами.

Создаёшь текстовый абзац, и ставишь разметнку по центру странички.

Прописываешь тегом <A> путь к сайту, а внутри этого тега (в качестве отображаемой ссылки) - тегом <img> указываешь путь к рисунку., ширину и длину баннера, и выскакивающий при наведении курсора текст (alt).Затем закрываешь все парные теги, требующие закрытия, и всё!

Link to post
Share on other sites

Ура ! страничка готова!! :victory: :D (сестра убила, конечно, что только к трем часам ночи... :wow: :lol: )

Всем-всем спасибо!! :flower: :flower: :flower:

Кармир, и за словарное объяснение - отдельное спасибо. Я бы ещё три часа разбиралась бы, как это сделать, если б ты не написал. :flower: :flower:

Армен, а тебе смски не отправляются :( Ты меня видно решил ответно смсбанить ;)

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...