Все статьи

Преимущества разработки 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 уже доказала свои неоспоримые преимущества и конечно же заслуживает внимания.

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

Ещё рекомендуем прочитать:

У "смайликов" нашелся автор на Гатчине
Израильские геймеры смогут сами "эвакуировать" еврейские поселения
Flash-технология. Недостатки
Сверхбыстрый дизайн
Веб-дизайн и анимация

Внимание!
Цитирование авторских материалов допускается только при условии прямой гиперссылки на «Introweb.ru»!