Информационный портал

Информационно-новостной портал

Новости рекламы и маркетинга. Новости Интернета.
Море полезной информации на сайте RetailDepartment.ru
Поделиться ссылкой с друзьями

Этапы создания веб-сайта

Twitter
Нравится
RedLine
Этапы создания веб-сайта13.12.2014, DV-Reclama.ruРазработка сайта - это процесс, состоящий из нескольких последовательных этапов. Заказчик может выбрать любого исполнителя для определенных этапов создания сайта. Впрочем, некоторые фрилансеры или студии предлагают полный пакет своих услуг. Что лучше - решать только заказчику. Можно оплатить полностью всю работу за раз и в итоге получить готовый, функционирующий сайт. А можно заказать работу по частям, то есть один человек делает макет, другой верстает, третий размещает в сети, четвертый раскручивает.

Создание профессионального сайта можно разделить на несколько этапов - от решения о создании сайта до его запуска и сопровождения:

• Принятие решения о создании сайта;
• Поиск и обращение в компанию, которой можно доверить создание сайта;
• Обсуждение всех деталей создания сайта, разработка технического задания и заключение договора;
• Внесение предоплаты за создание сайта, программного обеспечения, хостинга и домена;
• Регистрация домена, настройка хостинга;
• Разработка дизайна сайта, его согласование и приемка;
• Интеграция шаблона дизайна сайта в html его тестирование;
• Установка системы управления сайтом на сервере;
• Интеграция html-шаблона дизайна в систему управления сайтом;
• Настройка и доработка модулей в соответствии с техническим заданием на разработку сайта;
• Тестирование работоспособности модулей сайта;
• Наполнение сайта информацией (частичное или полное в зависимости от условий договора);
• Сдача готового сайта заказчику;
• Приемка сайта заказчиком, окончательные взаиморасчеты;
• Передача паролей, обучение заказчика пользованию сайтом;

Эти этапы обязательны и не зависят от того, кто и где делает ваш сайт, будь это создание сайтов Хабаровск или московская дизайн-студия: по-настоящему профессиональный подход везде одинаков.



Эффективная модель процесса разработки веб-сайта, которая позволит сэкономить средства заказчика и время разработчика сайта, в более подробном виде выглядит так…

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

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


Прежде, чем преступить к разработке, необходимо проанализировать тему, изучить сайты потенциальных конкурентов. В дальнейшем это поможет в создании собственной концепции.
На этом этапе разработчик совместно с заказчиком составляет техническое задание на создание сайта. ТЗ, как минимум, должно включать следующие пункты:

• тип сайта (портал, промо, визитка, корпоративный, магазин и т.д.)
• функционал сайта (поиск, каталог, лента новостей и т.д.)
• стиль дизайна (строгий, веселый, мрачный и т.д.)
• структура сайта (какие страницы должны быть на сайте)
• структура страниц (какие блоки должны быть на страницах, и в каком виде)

При составлении ТЗ обязательно нужно помнить о целях создания сайта. Если какая-нибудь функция сайта не способствует достижению поставленных целей (или тем более - мешает) - необходимо от нее отказаться: на сайте она будет лишней.


Работа над дизайном сайта предполагает следующие стадии:

• Анализ требований пользовательского интерфейса.
• Интуитивно понятная организация материала и продуманная навигация являются необходимыми условиями эффективного дизайна. Мы стремимся к тому, чтобы наши разработки были удобны и понятны любому пользователю.
• Генерация идей дизайна. Набор идей предоставляется заказчику в виде эскизов с текстовыми пояснениями.
• Разработка концепции дизайна и предварительного макета дизайна главной страницы
• В ходе этой стадии продумывается и создается проект дизайна системы, помогающий идентифицировать решение, которое наилучшим образом представляет все функциональные возможности проекта, удовлетворяет запросам целевой аудитории и при этом соответствует всем требованиям к функциональности сайта.
• доработка макета до завершенного вида и одобрение дизайна.

Результатом работы на этапе разработки дизайна и архитектуры проекта станут эскизы всех типовых страниц веб-сайта. Каждый шаг разработки макета дизайна должен выполняться в соответствии с ТЗ и целями сайта. Дизайн предоставляется в формате PSD (со всеми слоями) и в виде картинке, тут можно использовать любой формат ( JPEG, PNG ), чтобы в дальнейшем передать работу в руки верстальщика. Разработка дизайна сайта обычно занимает от нескольких дней, до нескольких недель, очень сложные работы могут проводиться даже месяц.


В зависимости от целей и задач сайта, верстка должна удовлетворять некоторым требованиям. Обычно эти требования такие:

• Кроссбраузерность - страницы должны одинаково отображаться разных браузерах (Mozilla Firefox, Google Chrome, Opera, Internet Explorer, Safari и т.д.).
• Гибкость верстки - возможность легко добавлять/удалять информацию на страницы.
• Быстрота обработки кода браузером
• Валидность - соответствие стандартам
• Семантическая корректность - логичное и правильное использование элементов HTML

Каждый HTML и CSS код отвечает за то, чтобы все элементы на странице размещались там, где нужно. Верстальщик должен знать все особенности браузеров, так как для каждого браузера необходим свой подход верстки.

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


На этом этапе идет разработка механизмов системы администрирования сайта, которая в будущем позволит сотрудникам компании менять/обновлять информацию на сайте. Это чисто технический этап, на котором реализуется весь функционал сайта - создается рабочая версия сайта, готовая к наполнению текстов и графических материалов.
Требования к этому этапу определяются техническим заданием. На основании технического задания и утвержденной концепции дизайна будет разработана оптимальная структура базы данных, созданы действующие шаблоны всех разделов сайта, а также разработаны и настроены интерактивные сервисы. Параллельно будет вестись разработка механизмов и интерфейсов системы администрирования сайта, которая позволит сотрудникам компании оперативно обновлять материалы сайта и настраивать сервисные функции.

Язык программирования представляет собой знаковую систему,которая предназначена для описания алгоритмов. Самые популярные языки программирования: Java, C, C++, Delphi, Basic, PHP, Perl, Ruby и др. После всех этих действий сайт публикуется в сети.


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

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

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


После завершения всех работ тестирование сайта может проводить как разработчик, так и заказчик. Наилучший вариант - совместное тестирование.

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

После того как сайт протестирован и частично или полностью наполнен, в зависимости от условий договора, он предоставляется на проверку заказчику. Заказчик в течении нескольких дней тестирует сайт и, при отсутствии замечаний, принимает сайт и подписывает соответствующие документы.

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

На этом этапе сайт размещается на выбранном доменном имени, регистрируется в крупных поисковиках и каталогах.


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


Источник: http://dv-reclama.ru/others/articles/internet/28801/etapy_sozdaniya_veb_sayta_effektivnaya_model_protsessa_razrabotki_sayta_sozdanie_saytov_v_khabarovsk/

Добавить комментарий

Правила добавления комментариев


Защитный код
Обновить

Download SocComments v1.3