Методика создания веб-страниц (на примере сайта Регионального научно-образовательного Центра «Новая локальная история» Ставропольского госуниверситета (http://nlh.stavsu.ru))
Процесс создания Интернет-сайта, под которым понимается набор веб-страниц, объединенных общей идеей, достаточно трудоемкий. На первом этапе очень важно подобрать команду единомышленников, которые понимают и будут помогать друг другу. Идеально, если к работе над сайтом будет привлечено несколько человек, которые могут выполнять разную по типу работу. Такой коллектив разработчиков состоит из: человека, прекрасно разбирающегося в сути вопроса; руководителя; сценариста; художника; web-дизайнера; web-программиста; журналиста; тестера [1].
Начинается все с идеи или заказа. Заказчик, как правило, не входит в коллектив разработчиков, но работать с ним придется. Именно он задает требования конечному продукту. Заказчиком в данном случае выступил Ставропольский государственный Университет. Принимать заказ, общаться и сдавать работу Заказчику придется Руководителю. И он обязательно должен письменно зафиксировать заявку. Руководителем нашего проекта можно считать Директора Центра «Новая локальная история», д-ра истор. наук, проф. кафедры историографии и источниковедения СГУ Он же и является человеком, который прекрасно разбирается в сути вопроса. По существу он создает информационное наполнение сайта. Этот человек оказывается едва ли не самым главным после Заказчика. Окончательную доводку материала делает Журналист (человек, неплохо владеющий пером). Такую доводку выполняли сотрудники Центра: д-р истор. наук , д-р истор. наук , канд. истор. наук .
Сценарная группа готовит контент-сценарий и постановочные сценарии – рабочие документы проекта. Эти документы определяют цели и спецификации и служат краеугольным камнем успеха. Оптимальный вариант если это будут Сценарист, Дизайнер, Программист. Основную работу делает Сценарист. После написания сценария он должен помогать писать коды и/или готовить дизайн. Сценаристом проекта Центра «Новая локальная история» выступил ст. преподаватель кафедры новой и новейшей истории, аспирант . Дизайнер создает интерфейс или, иначе говоря, способ общения посетителя с материалами сайта. Это специалист, который обеспечивает комфорт посетителя. Дизайн для нашего сайта выполнен Е. Колесниковым. Работа программиста на сайте Центра «Новой локальной истории» заключается в разработке скриптов гостевой книги и чата.
Работа тестера заключается в проверке сайта в основныех броузерах и при различных разрешениях экрана.
Таким образом, все члены команды должны прекрасно знать свой участок работы.
Приступать к работе следует с тщательного продумывания концепции и составления структуры будущего сайта. И, уже на основе этой информации, подбирать необходимые материалы.
При отборе информации, жизненно необходимо ее структурировать, уметь выделять наиболее важное. Хорошая структурированность сайта обеспечивает половину успеха при его создании. Ошибки, допущенные на этом этапе, впоследствии могут привести к большим затратам сил на исправление. Правильное структурирование информации позволяет нам выделить основные разделы сайта, а все второстепенные разделы будут доступны после выбора одного из основных [2].
Сайт nlh. ***** состоит из 10 разделов (см. рис.1): Новости, Архив новостей, Хроника, Деятельность, Состав Центра, Конференция, Книжная полка, Гостевая книга, Ссылки, О сайте. Раздел Новости одновременно является и главной страницей. Здесь посетители могут узнавать последнюю информацию о Центре и знакомиться с обновлениями на сайте. Старые новости отправляются в «Архив». Раздел «Хроника» знакомит с важнейшими датами истории Центра, который был создан осенью 2002 г в рамках межвузовской научно-образовательной программы «Локальная история: компаративные подходы и методы изучения». В разделе «Деятельность» пользователь найдет теоретическую информацию о Центре «Новая локальная история». С середины апреля по конец мая будет проведена Интернет-конференция «Новая локальная история: Методы, источники, универсальная и провинциальная историография». Вся информация о ее проведении сосредоточится на сайте. Страница «Состав Центра» рассказывает о своих сотрудниках. В «Книжной полке» посетители сайта смогут познакомиться с публикациями по тематике сайта. В «Гостевой книге» можно будет оставить свой отзыв о сайте или поделиться мнением по какому-либо вопросу. И наконец, раздел «О сайте» дает информацию о тех, без кого его функционирование было бы невозможно.
рис. 1. Одна из страниц сайта nlh.stavsu.ru
Кроме разработки структуры, важной частью данного этапа является подготовка текстов. Оригинальные тексты, взятые, скажем, из буклета компании и выложенные в неизменном виде будут читаться плохо, ведь они разрабатывались совершенно для другого стиля восприятия информации. И на сайте такой текст будет смотреться отчужденно. Публикация текстов в Сети имеет свою специфику. Буклет просматривают линейно - сверху вниз и слева направо - по страницам. Соответственно, и пишется текст, который последовательно излагает всю информацию. Для web-страниц более логичным является способ структурированного представления информации. При этом варианте - в основной статье излагаются общие вопросы, а более подробное их освещение вынесено на отдельные странички, переход к которым, осуществляется по ссылке. Ссылка может быть, как в конце странички и таким образом она будет служить указателем на следующую страничку (это аналогично линейному просмотру информации), так и непосредственно внутри текста - указывая посетителю способ узнать о данном вопросе подробнее.
Преимущество именно такого способа представления информации в том, что посетитель читает лишь то, что ему нужно. Некоторым достаточно краткого обзора, в то время как другие предпочитают углубляться в суть вещей. Структурируя большую статью, мы разбиваем ее на ряд небольших фрагментов, каждый из которых содержит один из аспектов рассматриваемого вопроса. И читатель, волен, выбирать путь, по которому идти - отбирая лишь ту информацию, которая ему действительно интересна. А второе преимущество является следствием первого - небольшие странички очень быстро грузятся, что немаловажно [3].
Стиль изложения информации является не менее важной частью, чем стиль дизайна и столь же уникален. На корпоративных сайтах, как правило, стиль изложения достаточно официален, но даже в этом случае, тексты желательно подготовить.
Структура готова, тексты написаны - теперь, пожалуй, и можно приступать к созданию набросков дизайна. Многие web-дизайнеры предпочитают использовать для целей макетирования растровые или векторные редакторы, которые позволяют свободно манипулировать объектами на будущей страничке. Результатом этого этапа должна быть готовый эскиз.
Содержание - вот, что требует особого внимания при оптимизации сайта. В информационном наполнении сайта необходимо учитывать следующее:
· анализ семантики текста
· объем и частоту ключевых слов на страницах
· расстояния между ключевыми словами
· присутствие синонимов ключевых слов
· фразы, в которых употребляются ключевые слова в запросах
· объем информационной базы сайта
Прежде всего, сайт должен пополняться эксклюзивным содержанием, причем регулярно. Объем текстовой базы должен постоянно расти по кривой вверх. Избегая повторения уже существующих материалов, необходимо наполнять сайт действительно качественным содержанием, достойным его цитирования другими сайтами. Это высоко оценивается поисковыми системами.
Разработчики алгоритмов совершенствуют методики, оценивающие соответствия содержания страницы ключевому запросу. Но все же нельзя их игнорировать полностью. После наполнения сайта эксклюзивом, можно заняться подготовкой мета-тэгов (title, Keywords и Description) отдельно для каждой страницы. Каждый из элементов должен быть уникальным и максимально отражать содержание.
Самое главное – это сделать первый шаг. После этого происходит понимание того, в каком направлении следует действовать далее.
Таким образом, процесс создания веб-страниц проходит следующие этапы: подбор команды, составление концепции сайта, разработка его структуры, информационное наполнение, разработка дизайна и скриптов.
Примечания
1. Создание сайта – командная работа <http://www. >.
2. С чего начинается сайт <http://www. *****>
3. См. там же.
