Как сделать флеш-шапку

Как сделать флеш-шапку

Сайты в качестве шапки используют анимационные картинки. Чтобы разместить подобную флеш-шапку на свой ресурс, не нужно быть опытным программистом или веб-дизайнером, достаточно знать основы. Выполнить данную операцию можно несколькими способами.

Инструкция

1. Выберите анимационную картинку, которую хотите поместить в шапку сайта. Ее размер должен быть примерно 150 пикселей в высоту и 900 пикселей в ширину. Параметры могут отличаться в зависимости от ширины сайта и его дизайна.


2. Если вы не нашли подходящего флеш-изображения, но обладаете общей идеей, то можете попробовать создать анимацию самостоятельно. Для этого можно воспользоваться одной из специальных программ, к примеру, приложением Sothink SWF Easy, которое удобно в использовании и понятно даже новичкам. В результате у вас должен получиться файл с картинкой с расширением swf.

3. Создайте альтернативную статическую картинку с расширением jpg, gif или png и такими же размерами, как у флеш-изображения. Поместите оба файла в папку /images/stories вашего сайта.

4. Откройте код файла index.php. Создайте блок < div id=«header» > < /div > и вставьте в него ссылки на созданные изображения для создания флеш-шапки. Создайте параметры DIV в файле таблиц стилей template.css, указав ширину и высоту изображения. В результате флеш-картинка будет выводиться в шапке сайта на всех страницах, а если в браузере будет отключен показ flash, то будет отображаться статическая картинка.

5. Воспользуйтесь Joomla расширением The Flash Module для создания флеш-шапки сайта. Данный модуль позволяет легко и просто внедрять флеш-картинки на сайт и создавать альтернативные изображения. Установите The Flash Module и запустите его в режиме редактирования.

6. Откройте строку «File Path» и укажите ссылку на папку, в которой сохранена анимация. Отметьте название картинки в строке «Filename» и укажите ее размеры. Откройте дополнительные параметры и укажите расположение альтернативной картинки. Для особого оформления можно воспользоваться таблицами модуля CSS. Сохраните редактирование и опубликуйте флеш-шапку на сайт.

Image