Як зробити флеш-шапку

Як зробити флеш-шапку

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

Інструкція

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. Збережіть редагування та опублікуйте флеш-шапку на сайт.