Главная Услуги Работы Персона Юзабилити анализы
IMG тел. +7(901) 370-1796
Дизайн сайтов. Визуальные эффекты в DHTML




ПОИСК по сайту


    Полный список статей
/ Дизайн сайтов / Версия для печати / translit / абракадабра :-)


<-предыдущая следующая ->

 
  google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru smi2.ru twitter.com Яндекс закладки text20.ru RuSpace RuSpace toodoo

Скорость загрузки страниц с сервера – важный фактор юзабилити сайта. Чтобы обеспечить хорошую скорость загрузки, веб-дизайнеры стараются максимально уменьшить использование «тяжелой» графики в дизайне сайтов. Для этого графические файлы заменяют применением специальных эффектов в DHTML. DHTML (Dynamic HTML) – доработанная динамическая версия HTML, позволяющая создавать визуальные эффекты.

Какие же визуальные эффекты для дизайна сайтов доступны в DHTML?

К основным эффектам в DHTML относят следующие:

  • перемещение элемента относительно страницы сайта
    • влет
    • вылет
    • спускать по словам
    • пластик
    • скачок
    • спирали
    • волна
    • стирание
    • масштаб

  • форматирование элементов страницы
    • изменение цвета строки или абзаца
    • изменение фона
    • изменение шрифта
    • изменение размера шрифта


Приведем небольшой пример. Для того чтобы создать кнопки с эффектами анимации (например, смена цвета при наведении курсора мыши), обычно приходится создать до трех различных изображений:


  • изображение исходной кнопки
  • изображение кнопки при наведении на нее курсора мыши
  • изображение кнопки в нажатом состоянии


Если размер каждого такого изображения будет достаточно мал, всего 3-4 кб, то их совокупный «вес» уже будет составлять 9-12 кб. Если количество анимированных таким образом кнопок велико, то общий «вес» страницы тоже существенно увеличивается и это замедляет загрузку всей страницы.


Если же для создания анимированной кнопки использовать возможности DHTML, то эффект анимации будет достигнут не за счет смены изображений, а за счет выполнения на стороне клиента программной функции. А значит и время загрузки страницы не будет сильно увеличено.


Использование DHTML для создания визуальных эффектов на сайте не влияет значительно на загрузку сайта, оживляет внешний вид дизайна сайта, легко реализуется. Однако не все браузеры поддерживают DHTML, поэтому в некоторых из них визуальные эффекты DHTML отображаться не будут.

...


Если Вас заинтересовал данный материал - ознакомьтесь с материалом источника по теме Дизайн сайтов. Визуальные эффекты в DHTML более детально



Создание эксклюзивных сайтов, юзибилити анализ и бесплатный анализ под запросы основных поисковых машин
Контактная информация :
тел. +7(901) 370-1796

Написать письмо на e-mail
icq 415547094  romverрейтинг на mail.ru сайта romverinbox.ru
© 1997 - 2017 romver.ru

Полная карта сайта Display Pagerank  
CMS version 3.6.3 | PTG 0,0311 s.