RSS

Компьютерная терминология    1_9  A  B  C  D  E  F  G  H  I  J  K  L  M  N  O  P  Q  R  S  T  U  V  W  X  Y  Z  .....  A  Б  В  Г  Д  Ж  З  И  К  Л  М  Н  О  П  Р  С  Т  У  Ф  Х  Ц  Ч

Анимация для Web

   


  • Как не оказаться обманутым при работе с SEO-агентствами
  • Ошибки в оптимизации контента
  • Распространенные ошибки оптимизации
  • Ссылки приносящие трафик
  • Юзабилити сайта
  • Оптимизация конверсионного пути
  • Основы внутренней оптимизации сайта
  • Поисковая оптимизация или контекстная реклама
  • Руководство по написанию эффективной статьи
  • Продвижение по НЧ-запросам
  • Мобильные версии сайтов и их продвижение
  • Линкбейтинг


  • Юзабилити интернет-магазина
  • Основы комментирования
  • Оптимизация содержимого тегов title, description, keywords
  • Способы уникализации контента на сайте
  • Борьба с дублями страниц
  • Дизайн и SEO
  • Оптимизация поведенческих факторов ранжирования
  • Покупка домена
  • Web-Designed
  • Webhints
  • Файл настроек .htaccess
  • Настройка robots.txt
Консультация юриста
Ваш регион:
Ваше имя:

Ваш телефон

(можно сотовый)

Ваш вопрос (можно кратко)


 

Animagic GIF Animator и анимация в нем

Все мы видели, что в оформлении почти каждого сайта используются движущие рисунки. Для создания подобных изображений я пользуюсь программой Animagic GIF Animator.

Описание программы. Помимо меню, панели инструментов и строки статуса, в основном окне располагается изображение кадра рисунка, окно, содержащие список искомых кадров, и окно, отображающее палитру рисунка.

Основа анимации - это отдельные кадры. В рабочем окне постоянно показывается только один кадр, который мы хотим отобразить.

Основное ограничение Animagic GIF Animator состоит в том, что по сути своей он не является графическим аниматором. Это всего лишь инструмент для создания готового анимационного изображения из заранее созданных кадров.

Animagic GIF Animator

Конечно, многие кадры можно создавать в самом Animagic GIF Animator, но только посредством применяемых к кадру эффектов. Можно изменять какие-нибудь свойства кадра, но изменять само изображение не возможно. Поэтому процедура создания анимационного изображения разбивается на две части. Сначала нужно заготовить кадры с использованием какого-либо графического редактора и сохранить их в одном из распространенном графическом формате, а потом загрузить их в Animagic GIF Animator и создать анимационное изображение.

Для создания движущего рисунка необходимо выполнить команду File/New или нажать кнопку New на инструментальной панели. При этом очищается окно Frame List. Теперь нужно добавлять в него кадры, что можно сделать при помощи команд File/Append Frames и File/Insert Frames. Отличие их достаточно незначительное. Команда Append Frames добавляет новый кадр в конец списка, то есть делает его последним, а команда Insert Frames вставляет новый кадр сразу после выделенного в окне Frame List кадра. При выполнении обеих этих команд активизируется стандартное диалоговое окно открытия файла.

Animagic GIF Animator распознает файлы форматов Gif, PCX, BMP, JPEG, видео файлы AVI и текстовые TXT. При открытии графических файлов происходит анализ цветов, входящих в состав изображения и все они включаются в состав палитры. При открытии новых файлов цвета, не входящие в состав палитры. При открытии новых файлов цвета, не входящие в состав текущей палитры, добавляются в нее без удаления уже входящих в ее состав цветов.

Необходимо особо отметить возможность использования текстовых файлов в качестве отдельных кадров. Animagic GIF Animator преобразовывает текст в изображение, а затем сохраняет его в виде отдельного кадра.

После выполнения всех фаз для создания анимационного изображения, его необходимо сохранить в GIF-файле. Для сохранения существует четыре варианта. Во-первых, для каждого кадра можно использовать отдельный файл. Для этого применяется команда File\Save Frames. При этом активируется диалоговое окно сохранения файлов. В строке Имя файла записывается общее имя всех сохраняемых файлов, а затем к нему дописывается порядковый номер кадра в общей последовательности.

Команда File/Save просто сохраняет все кадры анимационного изображения в одном файле с его родным именем. В том числе, если имя выходного файла нужно изменить, применяется команда File/Save as. Необходимо отметить, что при сохранении всего анимационного изображения в одном незарегистрированная копия Animagic GIF Animator принудительно добавляет первый кадр с текстом, содержащий информацию о том, при помощи какого продукта был создан этот рисунок. Что бы не платить некоторую сумму за регистрацию программы можно скачать для нее Crack. Но есть еще один повод для установки Crack`а. Это возможность использования команды File/Save optimized as. При ее выполнении Animagic GIF Animator пытается уменьшить размер конечного файла за счет точного подсчета цветов во всех кадрах и удаления лишних цветов из палитры. Также во время оптимизации может уменьшаться размер некоторых кадров. По минимуму палитра может содержать 16 цветов. Как известно, цветовая палитра хранится вместе с изображением в GIF-файле и уменьшение ее размера может повлиять на его размер. Хотя это уменьшение не будет сильно ощутимым, но воспользоваться этой возможностью стоит. Все-таки наши каналы до сих пор не являются образцом для подражания, и до сих пор, пока их пропускная способность далека от идеала, стоит экономить везде, где это возможно.

Animagic GIF Animator является одним из немногих продуктов, которые позволяют работать с палитрами. Единообразное оформление сайта всегда является хорошим тоном. Естественным продолжением этой идеи является использования общей цветовой палитры, единого цветового набора для всех рисунков, использованных в оформлении сайта. Для того чтобы сохранить цветовую палитру одного рисунка с цель ее последующего использования, применяется команда меню File/Store Palette. При этом создается фаил с расширением PAL, в котором будет хранится цветовой набор. Обратная операция, то есть импорт палитры, осуществляется при команде File/Load Palette. Но при этом может открываться не только PAL-файл, но графические файлы, которые содержат в себе информацию о применяемом цветовом наборе. Это файлы формата GIF, PCX, и BMP. Естественно, при открытии подобных файлов загрузка хранящегося в них изображения не происходит. Загружается только цветовая палитра. При этом та палитра, которая использовалась до момента выполнения этой команды, уничтожается, а вместо нее используется свежезагружаемый цветовой набор.

 Вставка клипов на страницу
<Embed scr="{имя файла с расширением}"> - вставка аудиозаписи

Width="{число}" - размер аудиозаписи по горизонтали
Height="{число}" - размер аудиозаписи по вертикали
Autostart={значение} – автозапуск или запуск по нажатию кнопки

True – сразу после запуска, False – запуск после нажатия кнопки
Loop=True – зацикливание звука
Например: <Embed scr="file.wav" Width="15%" Height="27" Autostart=True Loop=True>
 
-------------------------
<Embed scr="{имя файла с расширением}"> - вставка видеозаписи
Width="{число}" - размер видеозаписи по горизонтали
Height="{число}" - размер видеозаписи по вертикали
Autostart={значение} – автозапуск или запуск по нажатию кнопки

True – сразу после запуска, False – запуск после нажатия кнопки
Loop=True – зацикливание клипа
Controller="{значение}" – есть/нет клавиши управления воспроизведением
True – есть, False – нет
Например: <Embed scr="file.wav" Width="15%" Height="27" Autostart=True Loop=False Controller=True>


Среди многих тэгов языка HTML есть тэг <marquee>, создающий анимацию в виде бегущей строки заключенных в его границы объектов дизайна страницы.
Если вместо текста вставить тэг img, то будет двигаться рисунок.
Интересного эффекта можно достигнуть, применив этот же тэг в таблице с рисунком и текстом.
Введя указанную ниже последовательность HTML-тэгов, можно заставить бегущую строку двигаться поверх рисунка, оставаясь при этом в его границах, а применив его и перед таблицей, заставим двигаться все вместе - и рисунок и текст поверх него.
 
<marquee>
Текст бегущей строки
</marquee>
<marquee>
<img src="Picture.jpg">
</marquee>
 
<table border="0">
<tr><td>
<img src="Picture.jpg">
<marquee>
Текст бегущей строки
</marquee>
</td></tr>
</table>
<marquee>
<table border="0">
<tr><td>
<img src="Picture.jpg">
<marquee>
Текст бегущей строки
</marquee>
</td></tr>
</table>
</marquee>

seo & website usability   inet   os faq   hardware faq   memory   video   cpu   hdd   mainboard faq   printer & scaner   modem   mobiles   hackzone

Технологии поискового маркетинга
Практика поискового маркетинга
Flash
Тэги
XML
DHTML
PHP
MySQL
WebMail
.NET
VBScript
CGI
Графические форматы Интернета
WEB-сайт шаг за шагом
CMS faq
FRAME faq
CSS faq
SSI faq
RSS faq
WAP faq
Web-Designed
Webhints
Файл настроек .htaccess
Настройка robots.txt

po gonn © 2005 "JULI'S BEEHIVE"