Главная » Бизнес в Интернете

Как сделать flash-ролик баннером

как сделать flash-ролик баннеромВы уже умеете создавать flash-ролики в программе Macromedia Flash Professional 8, но чтобы они работали, нужно делать их ссылками. Любой баннер должен при нажатии на него направлять посетителя туда, куда Вам нужно, иначе flash-ролик будет просто картинкой, пусть даже анимированной.

С помощью html-кода это сделать не получится. Поработать придется именно с нашим flash-роликом, в программе Macromedia Flash Professional.

вставить новый слой в программе Macromedia Flashновый слой в программе Macromedia FlashОткройте свой fla файл в программе Macromedia Flash, и сделайте новый слой на временной ленте с помощью меню Insert — Timeline — Layer, или с помощью нажатия на иконку создания нового слоя Insert Layer. Можете переименовать этот новый слой с помощью двойного клика по названию. Назовите его, например, link. Название, в принципе, большого значения не имеет. Главное, чтобы новый слой располагался выше всех других слоев. Если он ниже — перетаскиваете его вверх.

прозрачный фон и границы в программе Macromedia Flashпрозрачный фон в программе Macromedia FlashЗатем в этом слое выберите инструмент Rectangle (прямоугольник), и в окне Color в закладке Color Mixer пропишите цвет заливки прозрачный: Alpha 0%, а цвет линии — без форматирования (белый квадрат, перечеркнутый красной линией). И нарисуйте прямоугольник там, где у Вас будет ссылка. Если ссылка на весь flash-ролик — рисуйте прямоугольник на весь рабочий лист.

В том, что прямоугольник действительно существует, Вы можете убедиться, если выберете инструмент Selection (выделение), и кликните по рабочей области. Вся рабочая область будет выделена. Убрать выделение Вы можете, щелкнув инструментом Selection за пределами рабочей области, или отменив операцию выделения с помощью меню: Edit — Undo Change Selection.

закладка Info в программе Macromedia FlashТеперь откройте закладку Info в окне Align&Info&Transform. Если этой закладки у Вас нет, поставьте галочку в пункте Info в меню Window. В этом окне Вы сможете подкорректировать размеры прямоугольника. Выделяете его еще раз, и если ссылка у Вас должна быть на весь flash-ролик, делаете в Info такие же размеры, как размеры Вашего рабочего листа. Кроме того, координаты крайней точки в верхнем левом углу должны быть равны нулю.

преобразовать в символ в программе Macromedia FlashПосле этого выделяете прямоугольник, если он не выделен, и преобразуете в кнопку с помощью меню Modify — Convert to Symbol, или с помощью нажатия клавиши F8. В открывающемся окне ставите точку напротив пункта Button (кнопка).

панель Action в программе Macromedia FlashНажимаете клавишу F9, чтобы открыть панель Action. Выбираете язык программирования Action Script 2,0. Нажимаете на рабочую область, чтобы выделить кнопку. При этом в заголовке панели Action появится название: Action — Button. Проследите, чтобы название было именно таким, а не Action — Frame (это название появляется при выделении кадра, а не кнопки).

панель Action в программе Macromedia FlashВставляете следующий код в окно панели Action:

on (release) {
getURL("http://pro444.ru", _blank);
}

В этом коде Вы измените адрес моего блога на тот адрес, куда будет вести Ваша ссылка. Ссылка будет открываться в новом окне. Если Вы хотите, чтобы ссылка открывалась в том же окне, что и flash-ролик, убираете из кода _blank, то есть код в этом случае будет таким:

on (release) {
getURL("http://pro444.ru");
}


Когда вставите код, сохраняете как flash-ролик, с расширением .swf, и уже можете этот flash-ролик размещать на своем хостинге с помощью FTP-соединения программы Total Commander, FileZilla, или любой другой программы.

После размещения, для того, чтобы ролик отобразился на сайте, или на странице блога, прописываете в соответствующем месте следующий код:

<object width="330" height="100"
data="http://pro444.ru/UserFiles/Flash/kaksozdatblog.swf"
type="application/x-shockwave-flash">
<param name="name" value="MASK" />
<param name="bgcolor" value="#ffffff" />
<param name="align" value="middle" />
<param name="src" value="http://pro444.ru/UserFiles/Flash/kaksozdatblog.swf" />
<param name="quality" value="high" />
</object>

В котором поставите вместо URL-адреса моего flash-ролика свой адрес. Допустим, Вы положили свой flash-ролик в папку mojsajt.ru, в этой папке в папку flash, и название ролика у Вас mojrolik.swf. В этом случае, URL-адрес Вашего flash-ролика будет: http://mojsajt.ru/flash/mojrolik.swf.

Также проставьте свои размеры (ширина и высота в первой строчке кода).

Вот, в принципе, и все. Если flash-ролик сразу не появился, подождите, иногда он появляется не сразу. И в том случае, когда Вы что-то изменили в своем flash-ролике, и закачали новый вариант на хостинг, изменения тоже могут произойти через некоторое время. Подождите минут десять, и тогда уже возможно, сможете эти изменения увидеть.

Видео о том, как сделать flash-ролик баннером в программе Macromedia Flash Professional


Более подробные сведения Вы можете получить в разделах "Все курсы" и "Полезности", в которые можно перейти через верхнее меню сайта. В этих разделах статьи сгруппированы по тематикам в блоки, содержащие максимально развернутую (насколько это было возможно) информацию по различным темам.

Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
    Подписаться на блог: Дорога к Бизнесу за Компьютером

Вам понравилась статья? Поделитесь, буду весьма признателен:


Также приглашаю добавиться в друзья в социальных сетях:

<< Предыдущая статья Следующая статья >>
Проголосуйте и поделитесь с друзьями анонсом статьи на Facebook:  

4 комментария »

  • Сергей пишет:

    Спасибо за урок, как раз вовремя, искал в интернете как сделать банеры для сайта.

  • Axel пишет:

    С помощью css легко можно сделать ссылки на флеш ролике, просто они будут активны постоянно при наведении на нужный элемент, вне зависимости от текущего слайда флеша. Добавляется в новом блоке копия изображения с нужной ссылкой и с размером, который нужен, чтобы перейти по ссылке при нажатии на исходное изображение, но поверх него, и в css прописывается его прозрачность.

  • Александр Ризун (автор) пишет:

    Axel, интересная идея! Спасибо за подробное описание этого способа!

  • Axel пишет:

    Нз, только вид позиционирования нового блока и флеша должны быть одинаковыми, чтобы при масштабировании страниц они в разных местах не оказались.

Оставьте свой комментарий и ответный визит Вам обеспечен