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

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

Инструкция

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

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

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

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

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

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

Совет добавлен 13 февраля 2012 Совет 2: Как создать flash-шапку Для увеличения привлекательности вашего сайта рекомендуется установить в его шапку flash-изображение. В результате вы получите яркий и запоминающийся ресурс. При этом стоит быть осторожным, чтобы получившийся эффект не стал аляповатым и назойливым. Создать flash-шапку может каждый, достаточно знать основы веб-программирования и работы с графическими редакторами.

Вам понадобится

• Права администратора на сайте, графический редактор, доступ к интернету.

Инструкция

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

Создайте flash-картинку для шапки самостоятельно. Для этого вы можете воспользоваться любым графическим редактором по созданию анимационных изображений. К примеру, подойдет программа Photoshop или Sothink SWF Easy. Если первая для новичков может быть сложной в понимании, то вторая обладает облегченным инструментарием и не потребует от вас специальных знаний. Те, кто не хочет устанавливать на свой компьютер дополнительные приложения, могут воспользоваться онлайн-редакторами, например, FotoFlexer.

Сделайте на основании анимационной картинки ее статическое изображение, которое понадобится на случай, если в браузере посетителя сайта не установлен flash player. В результате у вас должно быть два файла с расширением swf для анимации и jpg, png или gif для статической картинки. Загрузите данные документы на ваш сайт в папку /images/stories.

Откройте в режиме редактора код файла index.php. Найдите блок, предназначенный для шапки. Он имеет вид:

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

Как создать flash-шапку - версия для печати

Оцените статью!