Большой архив статей, книг, документации по программированию, вебдизайну, компьютерной графике, сетям, операционным системам и многому другому
 
<Добавить в Избранное>    <Сделать стартовой>    <Реклама на сайте>    <Контакты>
  Главная Документация Программы Обои   Экспорт RSS E-Books
 
 

   Интернет технологии -> Flash -> Преимущества разработки web страницы по схеме - html+flash


Преимущества разработки web страницы по схеме - html+flash

Данная статья ориентирована, в первую очередь, на веб-дизайнеров, которые имеют базовый опыт создания сайтов и ищут более оптимальные и удачные решения для своей работы.

На сегодняшний день существует огромное количество различных вариантов создания web страниц, которые имеют свои положительные и отрицательные качества. Обычно у каждого дизайнера имеются какие - либо предпочтения. Но объективно оценить на сколько удачно то или иное решение можно с помощью основных критериев:

  • Скорость загрузки страницы (её вес)
  • Привлекательный внешний вид
  • Универсальность, гибкость и адаптивность
  • Удобство в работе и простота навигации
  • Оптимизация страницы для поисковиков
  • Удобство создания

Конечно, существует значительно большее количество подобных критериев, но они являются либо более узкими, либо производными от выше приведенных.

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

Рассмотрим все положительные и отрицательные стороны данного подхода на примере сайта http://www.acs-design.com.ua. Итак, разберем данную страницу по существующим критериям.

Скорость загрузки страницы:

Как мы видим, страница состоит из 3 частей:

  • Верхняя - полностью занята flash шапкой размером 22кб.
  • Средняя - вертикальным flash файлом (11 кб), выполняющим функции навигации, таблицей для информации (по центру) и таблицей для дополнительной информации (справа)
  • Нижняя часть представлена flash файлом (4кб), таблицей для ссылок и рекламных кнопок.

В чем мы выиграли, используя данную компоновку? Естественно, сократился вес страницы - следует обратить внимание, что все flash файлы выполнены без использования растровой графики, что значительно снизило их размер. Но самое главное преимущество посетители начинают замечать после того, как начнут переходить со страницы на страницу - загружаемые единожды flash файлы на каждой новой странице отрываются моментально и с сервера загружается только текстовая информация из html файла. Как Вы успели заметить, переход по страницам происходит даже, несколько, пугающе быстро, к тому же мы значительно экономим трафик и время посетителей.

Привлекательный внешний вид:

Можно было смело ставить данный критерий в связке с первым, поскольку далеко не все дизайнеры умеют находить ту золотую середину между весом и привлекательностью страницы. Обычно, чтобы сделать страницу привлекательной, стараются применить как можно большее количество графики, которая естественно непомерно грузит сайт. Оставлять страницу "голой", но быстро загружающейся - тоже не вариант.

Рассматриваемая схема компоновки является не просто золотой серединой, а самым оптимальным вариантом, поскольку применение векторной графики позволяется сделать страницу легкой и в тоже время красивой. Горизонтальная flash шапка имеет размеры 752 - 271, если бы мы использовали растровую графику, то даже при среднем качестве, подобная "красота" весила бы гораздо больше 200кб.

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

Универсальность, гибкость и адаптивность:

До сих пор можно часто встретить страницы фиксированного размера, созданные для пользователей компьютеров с разрешением 800-600. Хотя такой вариант порой очень даже удачен, но огромным минусом является то, что информации очень тесно в таких жестких рамках. К тому же сейчас у большого количества пользователей стоят большие разрешения экранов и подобные страницы смотрятся, как столбики посреди монитора.

Более выигрышным вариантом являет применение т.н. "резиновых" страниц, которые легко масштабируются и адоптируются к любым экранам. Реализовать это очень просто - пользоваться процентными соотношением между отдельными таблицами, а flash шапки дополнять фоном. Создать фон не сложно - стоит только импортировать flash исходник в графический файл с разрешением 72dpi, и после этого в фотошопе вырезать небольшую полоску толщиной 1 - 2 пикселя.

Удобство в работе, простота в навигации:

Flash шапка может быть не только красивой и легкой, но и содержать навигационные меню, причем не простые. Как Вы видите, ссылки представлены достаточно оригинально, что практически невозможно сделать без использования flash. При наведение на ссылку включается анимация (не сильно навязчивая) и появляется выпадающая подсказка. Некоторые ссылки могут содержать подкатегории, которые выглядят не так, как обычные выпадающие меню. Например, при нажатии на ссылку "услуги" появляется отдельная табличка с выбором раздела: создание сайтов, анимация, полиграфия и реклама.

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

Оптимизация страницы:

Вот тут мы видим самые большие преимущества. Обычно при использовании выпадающих меню, выполненных с помощью Java скриптов, в результатах поиска (первые 200 символов) появляются все навигационные ссылки вместо заранее подготовленного текста. Лучше всего в данном случае использовать flash навигацию, особенно это касается верхней части страницы. Естественно, поисковик не индексирует ссылки из flash, точнее не показывает их в результатах поиска, а мы получаем красивое описание нашей страницы.

Удобство создания:

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

Как Вы уже успели заметить, сайт имеет 3 раздела: раздел веб-дизайна и создания сайтов, раздел анимации, а также раздел полиграфии и рекламной продукции. У каждого раздела свой индивидуальный дизайн, который, тем ни менее, не выделяется из общей концепции. Возможно, Вы не поверите, но изменение дизайна каждого раздела не заняло более 1 часа. Как это возможно? - очень просто: во flash исходнике меняется каждый цвет на соответствующий ему оттенок другого цвета, после этого изменяются фоновые рисунки, в случае необходимости редактируются цвета ссылок и текста.

Вывод:

Использовать flash при разработке web страниц не только можно, но и нужно. Использовать цельный flash можно только в редких случаях, а создавать сайты исключительно в html тоже не всегда оправдано. Схема html+flash уже доказала свои неоспоримые преимущества и конечно же заслуживает внимания.

Творческих Вам успехов.

Автор: Мазай Алексей
Источник: www.acs-design.com.ua

Ссылки по теме
Обрисовка и анимация лица во flash
Учебник по Flash MX
Flash. Введение в массивы
Flash 5. Работа со слоями
Создание элементов сайтов с использованием Flash
 

Компьютерная документация от А до Я - Главная

 

 
Интересное в сети
 
10 новых программ
CodeLobster PHP Edition 3.7.2
WinToFlash 0.7.0008
Free Video to Flash Converter 4.7.24
Total Commander v7.55
aTunes 2.0.1
Process Explorer v12.04
Backup42 v3.0
Predator 2.0.1
FastStone Image Viewer 4.1
Process Lasso 3.70.4
FastStone Image Viewer 4.0
Xion Audio Player 1.0.125
Notepad GNU v.2.2.8.7.7
K-Lite Codec Pack 5.3.0 Full


Наши сервисы
Рассылка новостей. Подпишитесь на рассылку сейчас и вы всегда будете в курсе последних событий в мире информационных технологий.
Новостные информеры. Поставьте наши информеры к себе и у вас на сайте появится дополнительный постоянно обновляемый раздел.
Добавление статей. Если вы являетесь автором статьи или обзора на тему ИТ присылайте материал нам, мы с удовольствием опубликуем его у себя на сайте.
Реклама на сайте. Размещая рекламу у нас, вы получите новых посетителей, которые могут стать вашими клиентами.
 
Это интересно
 

Copyright © CompDoc.Ru
При цитировании и перепечатке ссылка на www.compdoc.ru обязательна. Карта сайта.