 |
Этапы разработки web-сайта
|
|
|
|
Лекция №10,11. Этапы разработки web-сайтов
Веб-разработка — процесс создания веб-сайта или веб-приложения. Основными этапами процесса являются веб-дизайн, вёрстка страниц, программирование для веб на стороне клиента и сервера, а также конфигурирование веб-сервера.
Основные этапы веб-разработки
На сегодняшний день существуют несколько этапов разработки веб-сайта:
· Проектирование сайта или веб-приложения (сбор и анализ требований, разработка Технического задания, проектирование интерфейсов);
· Разработка креативной концепции сайта;
· Создание дизайн-концепции сайта;
· Создание макетов страниц;
· Создание мультимедиа и FLASH-элементов;
· Вёрстка страниц и шаблонов;
· Программирование (разработка функциональных инструментов) или интеграция в систему управления содержимым (CMS);
· Оптимизация и размещение[ уточнить ] материалов сайта;
· Тестирование и внесение корректировок;
· Открытие проекта на публичной площадке;
· Обслуживание работающего сайта или его программной основы.
В зависимости от текущей задачи какие-то из этапов могут отсутствовать, либо быть тесно связаны один с другим.
Этапы разработки web-сайта
Разработка сайта — это процесс, состоящий из нескольких последовательных этапов. Заказчик может выбрать для любого исполнителя для определенных этапов создания сайта. Впрочем, некоторые фрилансеры или студиипредлагают полный пакет своих услуг. Что лучше — решать только заказчику. Можно оплатить полностью всю работу за раз и в итоге получить готовый, функционирующий сайт. А можно заказать работу по частям, то есть один человек делает макет, другой верстает, третий размещает в сети, четвертый раскручивает.
|
|
|
Работу по созданию можно разделить на такие этапы:
- Подготовительный;
- Разработка макета;
- Верстка;
- Программирование;
- Наполнение контентом;
- Раскрутка сайта;
- Администрирование (поддержка) сайта.
К каждому пункту надо подходить со всей ответственностью, ведь от этого будет зависеть качество и посещаемость сайта. Остановимся на этих этапах подробнее:
1. Подготовительный этап
На этом этапе необходимо сформировать основную идею будущего сайта.
• Нужно определить какая цель будет у сайта, например, цель может быть такая: обучение, развлечение, интернет-магазин, продажа каких либо услуг, бизнес сайт, или просто заработок на сайте.
• Затем определяем целевую аудиторию (пол, возраст, образование), то есть для кого будет этот сайт.
• Так же необходимо выяснить какую информацию ожидают посетители, это поможет с определением контента (текстовой информацией) на сайте.
• Затем нужно определиться с технической стороной. Важно учитывать среднее подключение к сети, а так же программным обеспечением.
• Навигация — важный пункт. Все должно быть интуитивно понятно, где и что находится, чтобы пользователь не бродил в поисках нужной информации, а сразу ориентировался на сайте.
Чтобы продумать все информационное наполнение, подобрать материалы, придумать навигацию, можно взять листок бумаги с ручкой, и по пунктам расписать все, что планируется сделать на сайте.
На этом же этапе составляется ТЗ (Техническое задание).
2. Разработка макета
После постановки задач будущего сайта, наступает следующий этап — разработка макета. Ориентируясь по пунктам ТЗ разрабатывается будущий шаблон, или шаблоны, из которых можно выбрать нужный вариант. На данном этапе определяется как будет выглядеть дизайн в целом, какие графические элементы будут использованы, а так же какая структура будет у страниц и какие цветовые решения будут на нем присутствовать.
|
|
|
После чего готовый макет предоставляется в формате PSD (со всеми слоями) и в виде картинке, тут можно использовать любой формат (JPEG, PNG), чтобы в дальнейшем передать работу в руки верстальщика. Разработка дизайна сайта обычно занимает от нескольких дней, до нескольких недель, очень сложные работы могут проводиться даже месяц.
3. Верстка
Чтобы нарезать готовый макет на части, и в дальнейшем прикрепить на сайт, потребуется верстальщик. Что такое верстка? Это процесс написания HTML и CSS кодов для веб-страниц. Каждый код отвечает за то, чтобы все элементы на странице размещались там, где нужно. Верстальщик должен знать все особенности браузеров, так как для каждого браузера необходим свой подход верстки.
Виды верстки при создании сайта:
• Блочная. Преимущества блочной верстки заключается в том, что она правильно отображает все элементы сайта на разных устройствах (например, на мобильных телефонах). Компактный код, все элементы весят меньше, а значит страница будет загружаться быстро. Из недостатков можно отметить, что при использовании разных браузеров верстка может поплыть.
• Табличная. В табличной верстке можно создавать колонки, таблицы в браузерах выглядят почти одинаково. Недостатки: индексация такого сайта очень медленная, долго загружаются страницы и код такой верстки слишком большой.
4. Программирование
На этом этапе идет разработка механизмов системы администрирования сайта, которая в будущем позволит сотрудникам компании менять/обновлять информацию на сайте. То есть создается рабочая версия сайта, готовая к наполнению текстов и графических материалов.
Язык программирования представляет собой знаковую систему,которая предназначена для описания алгоритмов. Самые популярные языки программирования: Java, C, C++, Delphi, Basic, PHP, Perl, Ruby и др.
После всех этих действий сайт публикуется в сети.
5. Наполнение сайта контентом
Эффективность работы сайта связана с понятием контента, то есть текстовой и графической информации. Иногда материалы для заполнения есть у заказчика, если нет, то он обращается к фрилансерам, для того, чтобы они написали необходимые статьи.
Обычно на сайтах используют SEO-копирайтинг, эта техника создания текстов для сайта, которая учитывается не только особенностью восприятия пользователем, но и необходима для продвижения в поисковой системе. Такие работы имеют свою цену исходя из объема требуемых материалов.
|
|
|
6. Раскрутка сайта
Полностью готовый и наполненный информацией сайт не будет гарантировать приток пользователей. Для того, чтобы на ваш сайт заходили посетители, о нем в первую очередь надо заявить. Большинство пользователей заходят на сайты через поисковые системы, следовательно популярность ресурса будет зависеть от его позиции в рейтинге результата поиска.
Чтобы повысить посещаемость сайта, его в первую очередь надо зарегистрировать в поисковых системах, так же можно сделать обмен ссылками, или баннерами. Чтобы не возится с этим самому, обычно заказывают раскрутку у тех же фрилансеров, которые профи своего дела, они уже прогонят сайт по базам каталогов и сделают все необходимое.
7. Поддержка сайта
Тут следует учесть каким образом будут добавляться или редактироваться материалы и разделы сайта. Возможно потребуется сделать архив статей, куда будут попадать не актуальные новости. Для таких целей выделяется сотрудник, который будет следить за частотой обновления, предоставлять свежую информацию, убирать старую.
Ресурс можно обновлять как самостоятельно, так и при помощи поддержки специалистов, разумеется на платной основе.
|
|
|
