Как сделать flash шапку для сайта

Продолжаем тему о вставке flash анимации на сайт под управлением Joomla.

Из статьи «Как сделать flash анимацию для сайта – руководство для чайников» вы узнали, что с помощью программы Sothink SWF Easy сделать анимацию на профессиональном уровне, сможет даже чайник.

Для вставки flash на сайт под управлением Joomla, в статье "Как вставить флеш анимацию на сайт",  я предложила вам воспользоваться расширением The Flash Module , которое позволяет вставить flash картинку в любую позицию на сайте, предусмотренную для вывода модулей.

А как же быть, если мы хотим интегрировать flash в шапку сайта?

Первый способ – вставить код в файл index.php вашего шаблона сайта.

Более подробно ознакомиться с содержанием файла index.php вы сможете в четвертом уроке по созданию шаблона для Joomla.

Предположим, что для вывода шапки сайта в файле index.php специально предусмотрен блок

<div  id=«header»>

</div>

Шаг первый – создаем при помощи программы Sothink SWF Easy флеш картинку header_flash.swf , пусть ее высота будет 150px, а ширина 900px,  равной ширине сайта;

Шаг второй – создаем альтернативное статическое изображение шапки сайта header.jpg,  размерами 150х900 px с расширением  jpg, png, gif и пр.;

Шаг третий -  оба файла размещаем в папке  \images\stories нашего сайта;

Шаг четвертый – вставляем код в блок <div  id=«header»> </div> файла index.php, который находится в папке нашего шаблона сайта:

<div id=«header»>

<object type="application/x-shockwave-flash" data="images/stories/header.swf" width="900" height="150">

<param name="movie" value="images/stories/header.swf" />

<param name="quality" value="high" />

<param name="menu" value="false" />

<param name="wmode" value="opaque" />

<img src="/images/stories/header.jpg" alt="Без флеша" height="150" width="900" />

</object>

</div>

Шаг пятый – в файле таблиц стилей  template.css задайте параметры DIV:

# header {

Width:900px;

Height:150px;}

Вставленный вами код в файл index.php будет выводить на всех страницах в шапке сайта флеш картинку header_flash.swf . Если у пользователя отключен показ flash в браузере, то будет в шапке будет показываться статическая картинка header.jpg.

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

Очень часто начинающие веб-мастера задают вопрос : «Как сделать разную шапку на разных страницах сайта». Следующий способ позволит нам не только внедрить flash шапку легко и быстро на сайт, но и выводить различное оформление header на разных страницах сайта.

Способ второй – используем Joomla расширение The Flash Module.

Повторяем три шага из первого метода.

Четвертый шаг - вставляем код для вывода модуля в блок <div  id=«header»> </div> файла index.php, который находится в папке нашего шаблона сайта:

<div id="header">

<jdoc:include type="modules" name="header"  style="xhtml" />

</div>

Теперь в шаблоне будет предусмотрена позиция "header" для вывода модулей.

ВНИМАНИЕ: Не забудьте прописать эту позицию в файле templateDetails.xml

Пятый шаг - повторяем из первого метода.

Шаг шестой – создаем модуль для вывода флэш шапки. Как это сделать, подробно рассмотрено в статье «Как вставить flash анимацию на сайт»

ВНИМАНИЕ: Не забудьте модулю задать позицию « header»

Используя второй способ, вы можете выбирать, на каких страницах сайта выводить flash шапку, на каких нет.

Использовать позицию « header» в шаблоне вы можете и для вывода разных изображений шапки сайта на различных страницах. Осуществить это можно при помощи модуля «Собственный HTML» встроенного в Joomla.  В этот модуль вы помещаете нужное вам изображение и выводите в позиции « header».

Далее мы рассмотрим, как можно внедрить flash непосредственно в статьи.


 
Каталог@Mail.ru - каталог ресурсов интернет

Рейтинг@Mail.ru