Студопедия

КАТЕГОРИИ:

Главная
Случайная страница
Познавательное
Новые статьи
Контакты
Заказать работу

Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)

Background-position 1 страница


⇐ Предыдущая234567891011Следующая ⇒


Задает позиционирование фонового изображения. С помощью этого атрибута можно смещать фоновое изображение относительно левого верхнего угла элемента. Свойство имеет два параметра: первый определяет смещение по вертикали, второй - смещение по горизонтали.

В качестве значений можно указывать длину как положительную, так и отрицательную. Например, правило:

P {
background-image: url(img/bg.gif);
background-position: -12px 50px}

смещает фоновое изображение на 12 пикселов влево и на 50 пикселов вниз от левого верхнего угла элемента P. Кроме того, можно указывать процентные соотношения. Проценты вычисляются относительно ширины и высоты блока элемента. Например, правило:

P {
background-position: 20% 40%}

смещает фоновое изображение на 20% вправо и на 40% вниз от левого верхнего угла блока элемента P. Значением по умолчанию является 0% 0%, что соответствует верхнему левому углу. Кроме того, можно вместо численных значений указывать выравнивание относительно элемента. Так для выравнивания по вертикали можно использовать три ключевых слова:

  • top: выравнивание по верхнему краю;
  • center: выравнивание по центру;
  • bottom: выравнивание по нижнему краю.

Для выравнивания по горизонтали можно использовать ключевые слова:

  • left: выравнивание по правому краю;
  • center: выравнивание по центру;
  • right: выравнивание по правому краю.

Таким образом, правило:

P {
background-position: 0% 0%}

эквивалентно правилу:

P {
background-position: top left}

В HTML нет атрибута, который бы соответствовал данному свойству, а значение по умолчания для фона, заданного средствами HTML, совпадает со значением по умолчания для фона, заданного с помощью CSS и составляет 0% 0%.

P {
background-image: url(img/bg.gif);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top center}
...

Текст на фоновом неповторяющемся и неподвижном рисунке, который отцентрирован по горизонтали

Теория работы с фоном на этом практически исчерпывается. По крайней мере, никаких существенных моментов я не упустил. Впереди незабываемая и неизбежная встреча с прикладным применением.

По материалам сайта: http://karman.com.ua/

 

Размер шрифтов

 

Проблема размера шрифтов всегда волнует веб-разработчиков. В CSS есть семь ключевых слов для обозначения размера шрифта. Они введены для того, чтобы дизайнеры особо не напрягались над проблемами доступности текстов на страницах. Размер варьируется от xx-small до xx-large и этот размер берется относительно установленного пользователем в браузере размера medium. Вот что мы видим в спецификации CSS-1. font-size:Ключевое слова - это индекс в таблице размеров шрифтов, которая вычисляется и хранится браузером. Возможные значения: [ xx-small | x-small | small | medium | large | x-large | xx-large ]. На экране компьютера умножающий фактор равен 1.5; если medium равно 10pt, то large должно быть равно 15pt. Различные устройства вывода могут иметь различный умножающий фактор. Вроде бы все круто. Можно использовать на здоровье ключевые слова и ни о чем не думать, но есть проблемы. Вот здесь мы с вами будем их решать. И начнем, естественно, с могучего браузера Netscape 4. Netscape 4.x В Netscape 4 мы имеем умножающий фактор 1.5 между индексами в таблице, то есть двигаясь от наименьшего к наибольшему, каждое последующее ключевое слово в 1.5 раза больше предыдущего. Надо заметить, что так рекомендовано консорциумом W3 в спецификации CSS-1. Однако, ни к чему хорошему это не ведет, так как small и x-small (не говоря уже о xx-small) шрифты могут стать крайне неразборчивы при установленном по умолчанию у пользователя размере шрифта medium. Тогда как большие размеры выглядят уж слишком здоровыми. Вывод напрашивается сам собой: не использовать ключевых слов для установки размера шрифта в Netscape 4. Можно просто скрыть «правильные» стили от него посредством инструкции @import. Для Netscape 4 можно установить размер шрифта в пикселях, а для нормальных браузеров переписать этот стиль посредством импортирования нормальных стилей. WinIE 4/5 Одним Нетскейпом дело не ограничивается. К великому сожалению WinIE 4/5 тоже некорректно поддерживает ключевые слова, но их корректно поддерживают Netscape6/Mozilla, Opera, и MacIE5/WinIE6. Отличие заключается в том, что для WinIE 4/5 начальным значением является small, тогда как по спецификации CSS-1 должно быть medium. В результате имеем, что в WinIE 4/5 шрифт будет на один размер меньше, чем в остальных корректных браузерах. Что же нам, бедным, делать? К счастью есть фишка, которая позволяет обойти этот Майкрософтовский баг. Вот он, работающий пример. body, div, p, th, td, li, dd { /* это все для Netscape 4.x */ font-family: Verdana, Lucida, Arial, Helvetica, sans-serif; font-size: 11px; } А вот эту таблицу стилей мы импортируем инструкцией @import body, body div, body p, body th, body td, body li, body dd { /* переписываем все стили импортированной таблицы стилей */ font-size: x-small; /* это значение для WinIE4/5 */ voice-family: "\"}\""; /* фишка для WinIE4/5, который некорректно парсит эту штуку и думает, что блок стилей для этого элемента здесь заканчивается. А вообще свойство voice-family задает список имен голосов для произнесения содержимого элемента */ voice-family: inherit; /* восстановление */ font-size: small /* значение для нормальных браузеров */ } html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd { font-size: small /* для Opera 5 */ } Итак, что мы имеем? Для Netscape 4.x будет фиксированный размер шрифта в 11px. Для WinIE4/5 значение small в браузере действительно будет соответствовать small, а не medium. Для всех нормальных браузеров мы имеем то, что хотим, а для Opera 5 на всякий случай объявляем правильный размер шрифта через селекторы из спецификации CSS-2. Этот метод работает правильно даже в том случае, если элементы вложены, тогда как при использовании em или % всегда есть опасность, что браузер наложит размеры, и в результате шрифт будет слишком большим или слишком маленьким. При использовании ключевых слов шрифт никогда не будет слишком маленьким, потому что в IE и Mozilla/Netscape 6 заложено значение xx-small не меньше 9px. По материалам сайта: http://karman.com.ua/

 

Форматы изображений на веб-сайте

 

На сегодняшний день для оформления веб-сайтов применяются графические элементы трех форматов: GIF, JPEG (JPG) и PNG. Чтобы понять, какой из перечисленных форматов для какого вида графики подходит, выясним особенности каждого. 1. GIF. Формат GIF (Graphics Interchange Format) был разработан в 1987 году компанией CompuServe и изначально предназначался для передачи растровых изображений по Сети(локальной и Интернет). Но поскольку первая версия формата не оправдала надежд - файл изображения получался слишком объемным, что на тот момент делала невозможным его передачу по Сети, двумя годами позже вышла вторая, усовершенствованная версия GIF. Среди новых функциональных возможностей формата оказались: поддержка прозрачности и анимации, значительное сокращение объема файла изображения за счет поддержки LZW-компрессии. Алгоритм LZW относится к так называемым методам сжатия без потерь. Применительно к формату GIF это означает, что при использовании метода LZW-компрессии не происходит повреждения или искажения данных графического файла. Алгоритм LZW применим только к 8-битным изображениям. Формат GIF считается стандартным для анимированных изображений. Процесс разработки GIF-анимации напоминает создание мультипликационного фильма, когда движения персонажа поделены на кадры, сменяющие друг друга через определенный промежуток времени. Области применения формата: диаграммы, графики, простейшие изображения и анимация. 2. JPEG. Формат JPEG, расшифровываемый как "объединенная группа экспертов фотографии" (Joint Photographic Experts Group), применяется для хранения многоцветных фотографических изображений, так как обеспечивает сжатие полноцветного изображения практически без уменьшения количества цветов. Процесс сжатия происходит за счет уменьшения числа пикселей, содержащих информацию. Во время сжатия происходит конвертация изображения в цветовую систему YCbCr. Каналы Cb и Cr, отвечающие за цвет, уменьшаются в 2 раза. Затем уже все цветовые каналы изображения,включая черно-белый канал Y, разбиваются на части (каждая размером 8х8 пикселей). Частички изображения подвергаются дискретному косинусному преобразованию - алгоритму сжатия без потерь. Заключительный этап: упаковка полученных коэффициентов с помощью кодов Хаффмана. 3.PNG. PNG (Portable Network Graphics) является растровым форматом хранения графической информации без потери качества во время сжатия. Задумывался данный формат как замена GIF. Отсюда и схожие возможности, вроде наличия прозрачного фона. Однако из-за большого, по сравнению с GIF, объема файла с изображением, а также отсутствию поддержки анимации, амбициозным планам разработчиков так и не суждено было сбыться. Тем не менее, формат PNG отлично подходит для хранения и редактирования изображений на промежуточной стадии их создания. Графический редактор Macromedia Fireworks для сохранения результатов обработки изображения использует именно этот формат. GIF, JPEG и PNG. Что предпочесть? Формат GIF лучше применять для хранения графических элементов сайта (меню, баннеры, кнопки). В формате JPEG должны находиться фотографии или другие полноцветные изображения. А в PNG могут быть сохранены предварительные наброски макета будущего сайта. По материалам сайта: http://web-silver.ru/

 

Создание и оптимизация изображений для Web-сайта

 

В прошлый раз мы с Вами рассмотрели вопрос о размещении изображений на Web-страничке. Ни один сайт не может обойтись без иллюстраций. И чем качественней они, тем сайт выглядит более презнтабельно. Однако при создании и размещении изображений на сайте следует помнить следущее:
  1. Картинки должны быть четкими, ясными, но иметь размер не более 20-30 kB, иначе пользователь будет нервничать, ожидая загрузки картинки, какая бы хорошая она ни была.
  2. Картинки должны быть иллюстрациями к тексту, а не просто бессвязно размещаться на страничке;
  3. Не следует использовать слишком яркие, пестрые картинки, от которых могут уставать глаза. Лучше использовать более умеренные цветовые тона;
  4. Следует помнить, что наш с Вами взгляд движется слева направо и сверху вниз, поэтому то на что Вы хотели бы обратить внимание, следует размещать в левом верхнем углу.
Какой формат GIF или JPG (JPEG) использовать? Здесь все относительно просто. Если изображение фотографического качества, то формат JPG наиболее подходящий в плане минимальных размеров файла при относительно неплохом качестве. При изображениях типа схем, значков, логотипов наиболее преемлем формат GIF. Кроме того формат GIF позволяет создавать "прозрачные" изображения, т.е. изображения без рамки, а также анимированные изображения. Все эти операции можно проделать с программой Adobe Photoshop. Преимущества этой программы в том, что она во-первых, не предъявляет столь высоких системных требований к компьютеру и при этом позволяет выполнять практически все действия с изображением. Опишу несколько приемов работы с этой программой, позволяющих делать файлы изображения для Web. Задать размер изображения можно как при создании нового файла, так и при изменении готового. Во втором случае из пункта горизонтального меню Image (изображение), выбрать Image Size (Размер изображения). Изображения для Web как правило имеют разрешение 72 dpi (Dop per Inch - точек на дюйм). В нашем случае там стоит 300 dpi (поле Resolution, для которого выбрано pixels/inch). Если изображение, которое Вы обрабатываете имеет большее разрешение, то в диалоговом окне, открывшемся после выбора указанного выше пункта меню, следует снять галочку напротив Resample Image, иначе будут потеряны пиксели, и установить разрешение 72 dpi. В случае изменения размеров изображение лучше установить режим соблюдения пропорций (Constrain Proportions) и внести в поле, которое по Вашему наиболее важное (высота или ширина), требуемую величину. Вторая величина будет рассчитана самой программой. Сканируете ли Вы изображение или видоизменяете какое-то готовое, пользуйтесь следующим правилом: правьте изображение с размерами в 2-3 раза превышающими тот, который Вы планируете разместить на страничке. После выполнения всех операций уменьшайте размер до требуемого с установленной галочкой в пункте Resample Image (Bicubic стоит по умолчанию, его менять не стоит). Для сохранения изображения с учетом оптимального выбора размеров файла и качества, командой Save for Web (Сохранить для Web) из пункта горизонтального меню File (Файл) вызовите диалоговое окно Web-оптимизации. Выберите тип файла GIF или JPG. Программа сама Вам предложит варианты, где Вы сможете видеть как качество изображения, так и его размер. В случае выбора GIF, можно задавать количество цветов. Изменяя параметры GIF, можно контролировать сглаживание (dither) и выбирать новые цвета, что позволяет получать интересные эффекты с цветовыми переходами. Можно выбрать какой-нибудь из предустановленных вариантов GIF с большим количеством цветов (к примеру 32), установить сглаживание и сократить количество цветов до четырех. По материалам сайта: http://web-brodilka.ru/

 

Точечные и векторные изображения

 

Порой, чтобы добиться определенного художественного эффекта, дизайнеры в качестве исходного материала используют точечное изображение, а когда цель достигнута, конвертируют его в векторный формат. Точечные и векторные изображения принадлежат к двум совершенно разным классам, знание технических особенностей которых существенно расширит ваш кругозор, а главное - профессиональные возможности в области веб-дизайна. Точечными изображениями называют массив пикселей (одинаковых по размеру и форме плоских геометрических фигур, расположенных в узлах регулярной, состоящей из ячеек одинаковой формы и размера сетки). Для каждого пиксела указывается определенный цвет. Векторные изображения представляют собой совокупность сложных и разнообразных геометрических фигур. Основным особенностью векторной графики является наличие управляющих параметров, отвечающих за внешний вид изображения. Например, управляющими параметрами окружности считаются диаметр, цвет, тип линии и так далее. Пикселы, из которых состоят точечные изображения, имеют фиксированный размер. Поэтому при попытке изменить размер рисунка, качество полученного результата оставляет желать лучшего. Другим, не менее существенным недостатком точечных изображений является отсутствие четко выраженной структуры объектов, подобной той, что присутствует в векторных изображениях. Прибавьте к уже перечисленным особенностям точечных изображений, объем файла, превышающий допустимые в Сети нормы, и вы поймете, почему точечные изображения не пользуются особой популярностью у веб-разработчиков. Как уже говорилось в начале статьи, их используют в крайних случаях и всегда конвертируют в векторный формат, пригодный для размещения на страницах сайтов. Векторные изображения отличаются гибкой структурой, позволяющей вносить изменения, сведя к минимуму возможность ухудшения качества изображения. За уменьшение или увеличение точечного изображения отвечает специальный параметр – масштаб. Подобные изменения никоим образом не влияют на объем файла векторного изображения. Чтобы иметь возможность существенным образом повлиять на векторное изображение (к примеру, изменить цвет) придется выполнить преобразования в точечный формат. Процесс конвертации векторного изображения в точечное, называется растрированием, и представляет собой автоматизированную технологию, выполняемую программным приложением. Конвертация точечного изображения в векторное называется векторизацией или трассировкой и проводится при непосредственном участии пользователя. Точечные и векторные изображения связаны между собой, поэтому, научившись работать с двумя классами изображений, вы сможете разрабатывать графические макеты веб-сайтов практически любой сложности. По материалам сайта: http://web-silver.ru/

 

Методы размещения изображений на веб-сайте

 

Чтобы графические элементы сайта загружались одновременно со страницей, а затем корректно отображались в браузере, они должны находиться в отдельной папке, для удобства названной images или просто img. Далее папка img копируется в каталог с html-страницами. Теперь можно задуматься о том, как внедрить изображения в веб-страницы. Для размещения графической информации на сайте применяется тег <IMG>и атрибут SRC: <img src="адрес изображения">. Применимо для папки img код примет следующий вид: <img src="site/img/picture.gif">, где site - имя корневой папки, в которой располагается сайт; img - каталог с изображениями; picture.gif - размещаемый графический файл. Закрывающий тег </IMG> не используется. В случае ошибочного указания адреса размещаемого файла, вместо изображения в веб-браузере вы увидите пустую рамку. Атрибуты тега <IMG>. Атрибут SRC отвечает за указание адреса файла. Но кроме него,существуют ряд других атрибутов, отвечающих за нюансы размещения (подпись рисунка, способ выравнивания и так далее). Атрибут ALIGN служит для установления способа выравнивания картинки (значения left и right, top, middle, bottom) С помощью ALTдобавляется комментарий, отображаемый во время отключения показа графики в веб-браузере. HTML-код: ALT="комментарий". BORDER- толщина рамки вокруг изображения. LOWSCR - альтернативное изображение. Если пользователь по техническим причинам не может просмотреть полноцветное изображение высокого разрешения, использование LOWSCR позволяет указать адрес альтернативного изображения, меньшего размера и разрешения. Атрибут пользуется популярностью у веб-мастеров, так как позволяет оптимизировать страницу для просмотра на мобильных устройствах, изначально обладающих меньшими ресурсами чем стационарный компьютер. WIDTH и HEIGHT - высота и ширина изображения. В завершении статьи несколько полезных советов:
  • Указав перед адресом графического изображения проток http://, вы создадите абсолютную ссылку. То есть сохранить веб-страницу для автономного просмотра вместе с изображением, обозначенным в ссылке, невозможно. Абсолютная ссылка предназначена для загрузки изображения из Интернета, а потому на компьютере картинка сохранена не будет.
  • Для графических элементов сайта (меню и баннеров) используйте формат gif, для полноцветных изображений - jpeg.
  • Старайтесь не применять атрибуты WIDTH и HEIGHT для изображений формата jpeg. Если указать большие значения длины и ширины, это повлечет снижение качества изображения. Картинку большого размера не стоит уменьшать с помощью данных атрибутов, веб-браузер все равно вначале будет загружать изображение первоначального размера, а уже потом изменять его. Поэтому прежде чем разместить изображение на веб-странице, при помощи любого графического редактора подкорректируйте его параметры.
По материалам сайта: http://web-silver.ru/

 

Анимация изображений

 

Безусловно, анимация оживляет Вашу Web-страничку. Делает ее более привлекательной и информативной. Анимация изображений чем-то схожа с размещением в виртуальном пространстве рекламных щитов. Небольшой, но информативный рисунок со сменными кадрами порой может сказать намного больше чем целый текстовый блок. Вы может слышали о баннерах. Слово баннер происходит от англ. banner -знамя. Это знамя Вашей странички в интернет. Так вот - баннер и есть лучший способ привлечения внимания. Безусловно, если он сделан со вкусом, правильно размещен на страничке и от него не рябит в глазах. Баннер имеет несколько стандартных размеров, принятых в Web-строительстве:
  1. 468x60 пикселей - это самый большой баннер, на котором можно разместить массу информации. Однако не следует забывать, что баннер занимает не мало места, - как на самой страничке, так и по размерам файла, определяющего скорость загрузки. Этот момент должен быть учтен. Наилучшее размещение - верхняя, средняя часть страницы;
  2. 100x100 пикселей - относительно небольшой баннер, занимающий не очень много места. Удобен при размещении на полях (левом и правом) страницы. О создании полей страницы будет рассказано на следующих уроках.
  3. 88x31 пикселей. Их часто называют баннерами-кнопками. Как уже отмечалось, с учетом специфики нашего зрения их лучше располагать в левой, верней части страницы.
Разумеется ни по размещению баннеров, ни по их размерам Вас никто не ограничивает. Но придерживаться стандартов не мешает с точки зрения правил хорошего тона. Пример нашего баннера 468x60: Этот баннер сделан на скорую руку в качестве примера. Допустим я хочу, чтобы при нажатии на этот баннер он привел меня на мою страничку www.allcgi.h1.ru Нет проблем, запишем следующий код. Комментировать его я не буду так как все ньюансы мы с Вами уже рассмотрели. Допустим, файл графического изображения, которое Вы видите выше, называется banner.gif <a href=http://www.allcgi.h1.ru> <img src=ban.gif border=0 alt=" Приведу Вас на страничку www.allcgi.h1.ru"></a> В случае, если гиперссылкой является изображение, оно, как правило, отображается в рамке (border). Если Вы не хотите отображать рамку, то записываете border=0. Наведите курсор мыши на баннер, увидели всплывающую подсказку? А теперь попробует сами сконструировать баннер. Это не столь уж сложно. В программах Paint Brush или PhotoShop (который я всем рекомендую), создаете несколько файлов (2-3, для начала больше не нужно). Главное, чтобы Вы не забыли сохранить эти файлы в формате GIF и чтобы все они были одного размера (скажем 100x100 пикселей). Это кадры Вашего будущего микрофильма, Вашего первого баннера. Далее Вам на помощь приходит программа Microsoft Gif Animator. Это достаточно простенькая програмка, но в то же самое время позволяющая делать вполне профессиональные баннеры. Немного терпения и сноровки, приходящей с опытом, и баннерокреаторство у Вас в кармане. Скачать программу и получить несколько ценных советов о том, как с ней работать, Вы можете на страничке http://webcentre.narod.ru/gifanim.html По материалам сайта: http://web-brodilka.ru/

 

Веб-анимация

 

С развитием Интернета разработчики веб-сайтов все чаще стали использовать анимацию. Несомненно, анимация на страницах сайта способна внести элемент движения, живости. Особенно это касается ресурсов, содержащих громоздкие тексты и публицистические материалы. Но когда анимация (GIF и Flash) бездумно и, самое главное, в огромных количествах размещается на сайте, невольно создается впечатление, что сделано это лишь затем, чтобы продемонстрировать уровень мастерства дизайнера или веб-студии. При этом об удобстве пользователей, по большому счету, никто и не задумывается. А ведь зачастую, из-за обилия флэш-роликов и gif-анимации на сайте, невозможно не то что запомнить информацию, ее и прочитать то трудно. Так как использование анимации имеет ограничения и довольно серьезные, разберемся в каких случаях оправданы анимационные эффекты, а в каких нет. Анимацию НЕ следует применять: а) На каждой веб-странице в виде бесполезного украшательства. Посетитель сайта будет отвлекаться, уровень его внимания понизится. И как результат - недовольные и раздраженные посетители уйдут к конкурентам с более спокойным дизайном. b) При разработке логотипа.Логотип - это фирменный знак, часть бренда, и поэтому он не должен содержать сложных для зрительного восприятия объектов, тем более недопустимым считается включение в него анимационных изображений. с) На веб-страницах, и без того перегруженных большим объемом информации.Любой вид анимации, особенно это касается флэш-роликов, способствует значительному увеличению размера страницы. Наивно надеяться, что пользователь будет добрых полчаса дожидаться загрузки необходимой ему страницы, только потому что вы разместили на ней красивую анимацию. Использование анимации НЕОБХОДИМО, когда: а) Требуется наглядно продемонстрировать возможности того или иного рекламируемого товара. При этом с помощью программы 3d max можно разработать объемные объекты или, применяя флэш-технологию, создать элемент "слайд-шоу", снабженный кнопкой управления. Флэш-анимация обладает несравнимо большими возможностями и богатым набором инструментов для их реализации по сравнению с gif-анимацией. Однако, не стоит увлекаться этой технологией, поскольку во-первых, основная часть пользователей до сих пор "сидит" на низкоскоростных модемах, и поэтому не сможет оценить привлекательный дизайн, выполненный с применением флэш-анимации. Во-вторых, несовершенство российских поисковых систем делает содержание флэш-сайтов недоступным для поиска, а значит и для оценки уровня релевантности. Другими словами, флэш-сайт не сможет рассчитывать на место в рейтинге поисковых систем, так как они его просто-напросто не обнаружат. b) Проследить изменение какого-либо объекта. с) Привлечь внимание пользователей к определенной области веб-страницы.В этом случае допустимо применение "всплывающих" названий и прочих эффектов. Заключение. Если вы сомневаетесь применять или не применять анимацию на сайте, задайте себе вопрос: а можно ли в данном случае обойтись без нее? При положительном ответе не теряйте время и приступайте к разработке анимации или же отдайте сайт в руки специалистов по веб-дизайну, договорившись о том, где вы желаете видеть анимационные объекты, а где нет. По материалам сайта: http://web-silver.ru/

 

Flash-технология

 

Интерактивная веб-анимация или технология Flash, разработанная при поддержке компании Macromedia, сегодня является неотъемлемой частью большинства современных веб-ресурсов. Баннеры, презентации и рекламные ролики на веб-страницах стали привычным вещью, а потому не вызывают прежнего ажиотажа у пользователей. Возможно, именно поэтому вскоре на платформе флэш стали проектироваться целые веб-ресурсы, а не отдельные страницы. Поскольку главное, на что должен ориентироваться веб-мастер - это удобство потенциального посетителя ресурса, совершенно справедливо возникает вопрос, на сколько флэш-элементы отвечают подобным требованиям и оправданно ли их применение в веб-дизайне? В отличие от обычной gif-анимации, проектирование флэш-элементов подразумевает тесную интеграцию мультимедийных технологий и скриптового языка ActionScript, входящего в комплект стандартной поставки программного приложения Macromedia Flash. Чем сложнее элементы, тем больше технических проблем с ними возникает. Это непреложная истина. В случае с Flash, камнем преткновения между веб-браузерами и собственно самой технологией стали plug-in модули, используемые для создания мультимедийных объектов. Отсутствие у веб-браузеров поддержки этих модулей приводит к тому, что в автономном режиме некоторые флэш-элементы невозможно просмотреть. В случае с рекламными баннерами это еще можно пережить. Но как быть, если вам необходимо увидеть содержание сайта, полностью реализованного на платформе Flash? Кстати, о флэш-сайтах. На Западе ресурсы, выполненные на основе флэш-технологии не редкость, а посему там давно сформировалась культура создания и использования таких сайтов. В Рунете же пока подобных сайтов не так много, и для этого существует немало объективных причин. Во-первых, российские поисковые системы не индексирует флэш-сайты, так как они построены без применения html. Таким образом, подобные ресурсы выпадают из гонки за положение в рейтинге, и тут никакая раскрутка не поможет. Возможно, в будущем эта проблема будет устранена, но пока не стоит рисковать, делая ставку на флэш-сайты. Во-вторых, не забывайте, что российский сегмент Интернета (так называемый Рунет) официально существует всего 10 лет. Слишком малый срок для действительно серьезного проникновения Всемирной паутины в профессиональные и приватные области жизни человека. Согласно проведенным исследованиям компьютерными классами до сих пор оснащены далеко не все учебные заведения, и речь идет не только о средних школах. Что уж тут говорить об Интернете! В последнее время ситуация меняется к лучшему, хоть и довольно медленно. Развитие рынка мобильной связи открыло для российских потребителей возможности gprs доступа, а повсеместная замена на телефонных станциях устаревшего аналогового оборудования на цифровое, позволила подключаться к широкополосному Интернету. Однако, несмотря на все нововведения, пока что лидирующие позиции уверенно занимает dial-up доступ в Интернет с использованием обыкновенного модема, обладающего максимальной скорость 56 кб/c. При таком положении дел флэш-сайты не слишком актуальны, ведь их мультимедийные компоненты в разы превышают допустимый размер средней html-страницы, и многие пользователи просто не смогут загрузить для просмотра такой объем информации. В-третьих, флэш-сайты невозможно регулярно обновлять, а поскольку пользователям неинтересно полгода читать одну и ту же статью, рассчитывать на рост посещаемости и популярности ресурса не стоит. В-четвертых, реализовать с помощью флэш-технологии многие удобные для пользователя функции (например, увеличить размера шрифта, система поиска по сайту) не удастся. Флэш-сайт делается раз и навсегда, а посему он не восприимчив к всякого рода изменениям. Недостатков у технологии Flash, довольно много, и, тем не менее, совсем отказываться от использования ее на сайте не стоит. "Входная" страница сайта, выполненная в виде эффектного клипа, демонстрирующего предоставляемые ресурсом услуги, не останется незамеченной пользователями. В то же время, если есть возможность заменить флэш-баннеры обычными, формата gif, ей стоит воспользоваться.

⇐ Предыдущая234567891011Следующая ⇒


Поделиться с друзьями:

Дата добавления: 2015-06-27; Просмотров: 1664; Нарушение авторских прав?; Мы поможем в написании вашей работы!

Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет
studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление




Генерация страницы за: 0.009 сек.