Доступность и привлекательность текста
Урок #5.5. Создание и применение flash-анимации.
35 минут
Актуальные вопросы:
а) Используя flash, вы вынуждены добавлять довольно большой код на страницу, который бессмысленен для поисковых систем. Если вы размещаете его в начале страницы, это в определенной степени вредит при поисковом продвижении сайта. Как максимально снизить этот вред?
б) Как соблюсти стандарты XHTML, так как генерируется невалидный код?
В видеоуроке я использую программу Advanced Effect Maker для создания flash. В такой программе это делается весьма просто, но беда в том, какой код предлагает программа, чтобы вставить flash на страницу (как и другие программы):
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:
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
минут
- Применение базового изображения для анимированной картинки (смотрите пример слева: изображение листа — базовое).
- Создание анимированных картинок в программе UnFREEz 2.1.
- Опция включения анимации в браузерах Internet Explorer, Opera.
О программе UnFREEz 2.1.
Инструмент, который обрабатывает любое количество различных GIF-изображений и создает из них отдельное анимированное GIF-изображение. От пользователя требуется только перетащить файлы из Проводника Windows и задать время задержки. Дополнительные особенности: автоматическое чередование и обнаружение прозрачности.
Урок #5.7. Создание иконки для избранного.
24 минуты
- Конвертация файла в формат ico в программе i.Mage.
- Размещение изображения favicon.ico в корне сайта.
- Необходимый код для Internet Explorer.
- Опция включения анимации в браузерах Internet Explorer, Opera.
- Использование эффектных шрифтов при создании
иконки.
- В чем преимущество обучения с помощью видеокурсов?
- Краткое содержание разделов
- Программа курса
- Интерфейс диска
- Цена
- Заказать
Ценные породы дерева и мебель для квартир в короткие сроки.
создание сайтов
Авторы: Дмитрий Кирьянов, Елена Кирьянова.