Видеокурс по созданию сайтов | Как вставить flash на web-сайте | Вопросы оптимизации кода | Как соблюсти стандарты XHTML?

Видеокурс

Доступность и привлекательность текста

Комментарии к видеоурокам

Урок #5.5. Создание и применение flash-анимации.
35 минут

Актуальные вопросы:

а) Используя flash, вы вынуждены добавлять довольно большой код на страницу, который бессмысленен для поисковых систем. Если вы размещаете его в начале страницы, это в определенной степени вредит при поисковом продвижении сайта. Как максимально снизить этот вред?

б) Как соблюсти стандарты XHTML, так как генерируется невалидный код?

В видеоуроке я использую программу Advanced Effect Maker для создания flash. В такой программе это делается весьма просто, но беда в том, какой код предлагает программа, чтобы вставить flash на страницу (как и другие программы):

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-
96B8-444553540000" codebase="http://download.macromedia.com/pub/
shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
WIDTH="300" HEIGHT="150">
<PARAM NAME=movie VALUE="../flash/waterimage1.swf">
<PARAM NAME=quality VALUE="high">
<PARAM NAME=wmode VALUE="opaque">
<PARAM NAME=bgcolor VALUE="#ffffff">
<EMBED src="../flash/waterimage1.swf" quality="high" wmode="opaque" bgcolor="#ffffff"
WIDTH="300"
HEIGHT="150"
TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/
shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</EMBED>
</OBJECT>

В таком коде валидатор фиксирует десятки ошибок. Если воспользоваться вставкой flash с помощью Dreamweaver, код тоже получается длинным и невалидным.

На самом деле код можно хорошо сократить в соответствии со стандартом XHTML:

<object
type="application/x-shockwave-flash" data="../flash/waterimage1.swf"
width="300" height="150">
<param name="movie" value="../flash/waterimage1.swf" />
<param name="wmode" value="transparent" />
</object>

Далее можно разместить код flash-объекта внизу страницы, но визуально его поднять с помощью абсолютного позиционирования.

О программе Advanced Effect Maker

Программа позволяет даже неопытным пользователям создавать flash-анимацию. Программа умеет конвертировать шрифты True Type для использования их в эффектах.

Урок #5.6. Создание и применение анимированных картинок.
28 минут
  1. Применение базового изображения для анимированной картинки.
  2. Создание анимированных картинок в программе UnFREEz 2.1.
  3. Опция включения анимации в браузерах Internet Explorer, Opera.
О программе UnFREEz 2.1.

Инструмент, который обрабатывает любое количество различных GIF-изображений и создает из них отдельное анимированное GIF-изображение. От пользователя требуется только перетащить файлы из Проводника Windows и задать время задержки. Дополнительные особенности: автоматическое чередование и обнаружение прозрачности.

Урок #5.7. Создание иконки для избранного.
24 минуты
  1. Конвертация файла в формат ico в программе i.Mage.
  2. Размещение изображения favicon.ico в корне сайта.
  3. Необходимый код для Internet Explorer.
  4. Опция включения анимации в браузерах Internet Explorer, Opera.
  5. Использование эффектных шрифтов при создании
    иконки.
Статьи
Блочная верстка сайтов
Контент для сайта