|
1 Теоретические аспекты и современные тенденции в веб-разработке
1.1 Веб-сайты
Сайт (от англ. website: веб-«паутина, сеть» и site-«место», буквально «место, сегмент, часть в сети») – совокупность электронных документов (файлов) частного лица или организации в компьютерной сети, объединённых под одним адресом (доменным именем или IP-адресом) [1].
Веб сайты служат для предоставления определенной информации конечному пользователю. Обмен большими количествами информации является основой современной жизни. Технологии, используемые в вебразработке, постоянно совершенствуются и позволяют создавать веб-сайты, которые все больше облегчают процесс получения информации и делают его интересным и удобным. Но прежде всего, для того, чтобы получить на своем сайте высокую посещаемость необходимо грамотно определить четко организованную структуру и впоследствии поддерживать сайт регулярно обновляя или добавляя в него актуальную информацию.
1.2 Структура веб-сайтов
Есть сайты, на страницах которых информация словно находится в полном беспорядке и буквально «навалена» друг на друга. При работе с таким сайтом пользователю становится непонятно, по какой ссылке необходимо перейти для поиска нужной информации. Причем подобное происходит не только с частными, но и с сайтами крупных компаний, а также и с информационными ресурсами. Причина этого – отсутствие четкой структуры, созданной с запасом для будущего существования веб-сайта. Во всемирной сети существует множество сайтов, которые изначально являлись небольшими проектами, но по мере развития к этим сайтам добавляли новый функционал и подключали новые разделы. Из-за отсутствия определенной структуры сайта новые функции и страницы добавлялись на сайт без какой-либо логики. Это сильно усложняет использование сайта, в следствие чего пользователи проводят на сайте очень малое количество времени и безвозвратно уходят в поисках нужной им информации на других сайтах. Чтобы избежать подобной ситуации нужно выбрать определенную структуру для всего проекта.
Структура сайта определяется еще на первых этапах создания проекта, до начала разработки дизайна. И в будущем, по мере расширения сайта, разработчики должны строго ее соблюдать. Для того, чтобы создать правильную структуру, необходимо разобраться в разновидностях структур для веб-сайтов и их применении [2].
Самой простой структурой сайта является линейная структура (рисунок 1.2.1). В данной структуре равнозначные веб-страницы располагаются
последовательно, что означает, что пользователь должен просматривать их как слайд-шоу. Линейная структура не предусматривает разбиение содержимого сайта на уровни. Страницы на подобных ресурсах равнозначны. Несмотря на всю простоту реализации линейная структура имеет множество недостатков, что в свою очередь очень сильно ограничивает ее область применения. В настоящий момент данную структуру можно часто встретить в так называемых сайтах-одностраничниках, продажных воронках, сайтах-презентациях, а также в различных сайтах-промо-ресурсах.
Рисунок 1.2.1 – Линейная структура сайта
Линейная структура сайта с вариантами и альтернативами представлена на рисунке 1.2.2. В основе структуры лежит простое линейное размещение веб-страниц. Но при этом, на сайтах, созданных по данному принципу, пользователям дается возможность использовать некоторую альтернативу, тем самым облегчив для себя доступ к необходимой информации. Под альтернативами в данном случае понимается выбор между двумя ветками навигации на сайте. Обычно похожие структуры используются для получения информации о посетителе.
Линейная структура с альтернативами и вариантами удобна тем, что она помогает контролировать посетителей, направив их деятельность определенным образом.
Рисунок 1.2.2 – Линейная структура с вариантами и альтернативами
Линейная структура с ответвлениями (рисунок 1.2.3) также является линейной структурой сайта, обеспечивающей контроль посетителя. В данной структуре периодически происходят ответвления, которые в последствие соединяются. Пользователь последовательно перемещается с одной страницы на другую. В случае, если информация на какой-то из страниц его заинтересовала, и он хочет узнать подробности, то пользователь переходит на соответствующее ответвление, а потом возвращается обратно на основную линию. Основным преимуществом данной структуры является то, что на нее очень просто перейти с линейного размещения веб-страниц. Обычно такое случается, когда глобальное изменение проекта по тем или иным причинам не представляется возможным, а созданный веб-сайт больше не удовлетворяет новым требованиям. В таком случае веб-мастер может быстро и без особых проблем расширить проект.
Рисунок 1.2.3 – Линейная структура с ответвлениями
Древовидная структура (рисунок 1.2.4) – является самой универсальной структурой, которая подходит для разработки большинства сайтов во всемирной сети интернет [3].
В первую очередь посетитель сайта попадает на главную страницу [4]. На главной странице он может выбрать один из нескольких предлагаемых ему разделов. Выбрав определенный раздел, пользователь может выбрать подраздел и так далее. Данная структура обладает одним существенным недостатком – довольно сложно соблюдать баланса структуры. Если «дерево» сайта будет расти только вглубь, то пользователям, потребуется очень много времени, на то чтобы просмотреть большое количество страниц для того, чтобы добраться до необходимой информации. Это раздражает пользователя. А если древовидная структура будет очень широкой, то пользователи будут вынуждены постоянно тратить большое количество времени, чтобы выбрать нужную им «ветку».
Рисунок 1.2.4 – Древовидная структура
Решетчатая структура сайта (рисунок 1.2.5) устроена гораздо сложнее всех рассмотренных ранее. Страницы в ней располагаются в параллельных ветках. Пользователь имеет возможность перемещаться по структуре не только вверх и вниз, но также влево и вправо. В ней все страницы также размещаются в различных «ветках». При этом перемещение между ветками на глубинных уровнях осуществляется с помощью отсылок на рубрики в других разделах. Пригодна решетчатая структура в основном только для использования в каталогах, потому что она достаточно сложна в реализации, и требует осторожного обращения с ней. Иначе решетчатая структура может превратиться в непроходимый лабиринт из «веток» в котором надолго потеряются пользователи, пытаясь найти нужную им информацию.
Существует целое множество различных структур для веб-сайтов, при этом, у них есть различные вариации. Это самые основные из них. Каждый разработчик сам решает какая именно структура больше всего подходит для его проекта, учитывая будущие потребности и возможное расширение сайта. Естественно основной, самой лучшей и понятной является древовидная структура [5]. Остальные используются для каких-либо специфических проектов.
Рисунок 1.2.5 – Решетчатая структура
Do'stlaringiz bilan baham: |
