Этапы создания сайта

20.04.2014

Этапы создания сайта

Этапы создания сайта:  С чего же  нужно начинать создание хорошего сайта?

Чтобы ответить на этот вопрос, мы расскажем Вам про каждый этап создания сайта в отдельности. Ведь прежде чем свой WEB-САЙТ воплотить в реальность, необходимо как минимум ознакомиться с процессом разработки сайта. Как  в Веб Студии “Best Web Projects“ организуется работа с заказчиками?

 
Разработка сайта – это процесс управляемый и нацелен на результат. Каждое звено в создании сайта, в некоторой степени независимо, благодаря чему, наши клиенты могут выбрать определенный этап разработки (дизайн web-сайта, интеграция дизайна, публикация сайта в интернете, заполнение сайта материалами, т.е. контент сайта, поддержка сайта, редизайн сайта, оптимизация и продвижение) или же полный комплект услуг и создание сайта с нуля.

 

Рассмотрим поэтапно

Defining the problem and prepare terms of reference

Определение задачи  и  подготовка технического задания (ТЗ)

Мысли материализуются!

Первоначально очень важно сформулировать: "Какой сайт Вы хотите в итоге, и какие задачи  должен решать этот сайт".


-Вы хотите с помощью сайта продавать товары и услуги т.е. “продающий сайт”?

-Возможно, Вам нужен сайт информативный для того, чтобы информировать Ваших партнеров?

-А может, Вы желаете поставить акцент на  дизайн  -  современный  и неординарный?

 
Изначально очень важно определиться с тематикой сайта. И четко выбрать для себя сегмент рынка Вашей деятельности. Нельзя делать сайт обо всем. Сайт "всё обо всём” – будет напоминать свалку – где будет сложно что-то найти. Пользователи всемирной паутины не задерживают свое внимание  на  сайтах-свалках и предпочитают посещать  целевые и понятные интернет - ресурсы. Вот почему очень важно сформулировать четко ЦЕЛЬ создания сайта..

 

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

 

Будет создана структура вашего будущего сайта и спроектирована бизнес-логика. Обговорены сроки реализации и бюджет сайта. К этому этапу необходимо отнестись очень серьезно -  это первый кирпич, закладываемый в фундамент сайта, а так же вашего будущего бизнеса. И ошибка в этапе разработки сайта и в составлении технического задания может кардинально изменить результат и не оправдать ваши надежды в будущем. Поэтому необходимо выделить достаточно времени  (6-10 дней) и ресурсов на составление четкого ТЗ, предварительно исследовать  и описать бизнес-процессы (это очень важно при создании Интернет магазинов и крупных сетевых проектов).

                              На этой стадии необходимо получить ответы  на следующие вопросы:

Подготовка технического задания (ТЗ) для создания веб сайта - Preparation of Terms of Reference (TOR) for the creation of a web site
1. Назначение интернет-проекта. Здесь необходимо четко сформулировать задачи, чтобы дальше работать в нужном направлении.

2. Каким вы видите будущий дизайн сайта? Цветовая гамма, шрифт, стилистика
3. Структура сайта. Зависит от того какого типа будет сайт. Здесь важно определиться с меню: главы, разделы и подразделы.
4. Навигация сайта. Определяемся с главной страницей сайта и внутренними страницами; с кнопками – переходами на предыдущую страницу. Навигация сайта очень важна и должна быть интуитивно понятна новичку – пользователю интернета.
5. Содержание и структура сайта.  Придумываем название страниц сайта и их  описание (ссылки, текст и графика).
6. Администрирование сайта. (В наши услуги входит обучение сотрудника вашей компании администрированию сайта).

Website design developmentРазработка дизайна сайта

Дизайн вашего сайта  - это как обложка журнала, Ваша визитная карточка. Это один из самых интересных этапов в создании сайта и к нему надо отнестись творчески. Приступая к прорисовке шаблона сайта  в Adobe Photoshop необходимо учитывать  графические элементы, шрифты, фон, цветовую гамму, при желании заказчика прорисовка флэш-роликов, расположение меню. Мы обычно предоставляем 3-4 страницы (главная, внутренняя страница сайта, простая страница с текстом), например, раздел "Контакты" или "Фотогалерея". Если это интернет магазин, то возможны дополнительные страницы: "Корзина", "Регистрация", "Описание товара", "Описание Каталога". Все конечно зависит от функциональности проекта, поэтому количество предоставляемых страниц определяется при написании ТЗ.

Согласно техническому заданию (ТЗ) по разработке сайта  с нашей стороны предоставляется  1-2 варианта дизайна, то есть эскизы, из которых вы должны выбрать наиболее подходящий, который и будет доработан. Мы в течение 2-х недель предоставим Вам Шаблон: файл с расширением PSD и HTML-файл. Возможно так же использование готовых шаблонов (но мы  приверженцы разработки индивидуального сайта), хотя при использовании готового шаблона вы сэкономите время и деньги.
Также есть важный момент, который необходимо  учитывать - какая будет верстка?  Жесткая (фиксированные), резиновая или эластичные.

Жесткая верстка макета (Rigid fixed layout (Tight layout)):  Макет сайта с фиксированной шириной отличается основной областью для содержания (wrapper), ширина которой выставлена как четкое значение, и не зависит от разрешения экрана пользователя. То есть макет заверстывается по нарисованным размерам (наличие свободной, не использованной площади - минус этого типа верстки).

Адаптивная  - резиновая верстка макета (Adaptable fluid layout) :Резиновый макет позволяет растянуть сайт на ширину экрана, не создавая горизонтальной полосы прокрутки. Основному контейнеру  либо не задается ширина вообще (по умолчанию будет 100%), либо определяется ширина макета в процентах.

Расширяемая  - эластичная верстка макета (expandable elastic layout). Эластичный макет  - размер основного контейнера и других (важных) элементов задается в em. Em прямо пропорциональны размеру текста или шрифта. Соответственно, при увеличении размера текста на странице, размеры разделов, заданные в em, увеличатся пропорционально.

 

Готовый шаблон (файл с расширением PSD) поможет Вам легко понять каким будет внешний вид будущего сайта и в тоже время поможет нашему программисту быстро и качественно создать функционал под этот макет, не отвлекаясь на дизайн сайта.

Очень важно, чтобы  Веб-дизайн сайта адекватно выглядел в различных браузерах, особенно в браузерах Internet Explorer, Firefox, Safari, Chrome и Opera.

 

Integration of design and content management systemИнтеграция дизайна и системы управления сайтом

Мы разрабатываем  сайты на языке программирования PHP и используем разные системы управления контентом в зависимости от проекта. На Российском рынке множество компаний, предлагающих платные и бесплатные CMS (Content Management System).

Что такое  CMS?  - Это система управления сайтом, другими словами “движок для сайта”. Данное программное обеспечение -  позволяет  управлять структурой и содержимым сайта.  

 

                   Наиболее часто используемые:

Платные движки - 1С-Битрикс, Shop-Script, WebAsyst Shop-Script, Simpla, VamShop…

Бесплатные движки (free)-  Joomla, WordPress, Drupal, Opencart....

Использование движка позволит вашему работнику, который не владеет навыками веб-дизайнера или программиста поддерживать сайт: добавлять, обновлять и редактировать информацию на сайте. Управлять сайтом действительно ПРОСТО и достаточно минимальных знаний MS Word!

 

Filling the site information (work with website content)Наполнение сайта информацией (работа с контентом сайта)

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

Но если таких материалов нет, наши копирайтеры  постараются  максимально творчески подойти к заданию и в короткие сроки написать основные  тексты, статьи … подобрать тематические фотографии  придав им  достойный вид.

 

Publish site on a customer's hosting Публикация сайта  на хостинге заказчика

Прежде чем публиковать сайт необходимо ответить на два вопроса. 
1-ое  Домен: например  www.bestwebprojects.ru  или  www.лучшиевебпроекты.рф. 

Выбор Домена  очень важен и по идее, он  должен соответствовать названию компании, торговой марке или бренду.

 

Что такое домен?  “Домен”- от.английского слова Domain (область, территория). До появления доменов в далеком прошлом, когда только появилась всемирная паутина «WWW - World Wide Web» все компьютеры подключались к сети и к ним обращались при помощи IP адреса. Что такое Домен? - What is domain?IP-адрес – это числовой идентификатор “числовое имя - числовой адрес” каждого компьютера (хоста), который подключен к Интернету. Он состоит из адреса сети и адреса данного хоста в этой сети и представляет из себя следующее: четыре десятичных числа (от 0 до 255), с разделителем "." (точка, например: 219.184.17.59.). Можно запомнить один IP адрес, два, три .... Но какими бы гениями мы не были, количество IP адресов, которые мы в состоянии запомнить ограничено, вот почему для упрощения было придумано понятие домен (доменное имя, domen - например  www.bestwebprojects.ru), которое намного легче запомнить, так как несет в себе смысловое значение. Этим и было облегчено для пользователей сети - обращение к тому или иному IP адресу задав ему доменное имя. Что же происходит когда мы в строке любого браузера набираем доменное имя? Символы набранные нами –“доменное имя” специальный  DNS сервер преобразует в IP-адрес (понятный компьютерам в сети). Подробно о доменах (domain)>>>

 

Что такое Хостинг? What is hosting?

2-ое Хостинг:  место (на сервере) – где физически будет  размещен сайт. Что такое хостинг?  Хостинг (англ. hosting) - это место где будет хранится ваш ресурс (веб сайт, почтовая корреспонденция, база данных, DNS, файловое хранилище на специально выделенном файл-сервере и т. п.),  - это своего рода сервис, позволяющий пользователям сети Интернет размещать свою информацию (веб сайты) на серверах и обеспечивающий доступ к ней через Всемирную паутину (WWW).  Например, наша компания пользуется услугами компании www.sweb.ru. Техническая поддержка компании осуществляется круглосуточно, серверы работают корректно и быстро, проблем с доступом к сайтам и со скоростью загрузки не возникало,  цены доступны  -  с ними легко и удобно.  Но если у Вас свой хостинг или Сервер, то для установки CMS  необходимо обеспечить следующие условия: наличие  PHP4, Unix, Apache. Бесплатные хостинги не рассматриваются.

 

Иными словами: Хостинг

 - сдача в аренду пользователю части своего серверного пространства;

 - поддержание работоспособности пользовательского сайта на своих веб-серверах.

Подробно о Хостингах (hosting)>>>

 

 

Initial promotion and site's supportПервичное продвижение сайта  и  Поддержка сайта

Первичное продвижение сайта (услуга бесплатная) включает в себя:  оптимизацию контента, чтобы обеспечить высокий рейтинг в поисковых системах (yandex, google, rambler), регистрацию  сайта в ведущих поисковых системах, а так же обязательный мониторинг сайта со дня публикации в интернете (1 месяца).
Под поддержкой сайта мы понимаем: редактирование, добавление информации, обновление новостных  статей, добавление картинок. Информация на сайте должна постоянно обновляться. Это способствует  эффективному индексированию сайта поисковыми системами и активному привлечению посетителей.

 
Сотрудник нашей веб студии бесплатно проконсультирует вашего работника ответственного за поддержку сайта. Если же Вы не подразумевали содержать работника, то поддержку сайта может осуществлять наша компания.

 

Отзывы
  • Мария 03.07.2015, 17:01
    Спасибо. Статья очень полезная для того, кто хочет начать бизнес в интернете. Ясно с чего начать и куда двигаться по этапно.
Заказать услугу


Создание сайтов

  • develop-img

    САЙТ-ВИЗИТКА

    Время разработки, дней - 7
    Тематический дизайн
    Доменное имя
    Хостинг - 2 месяца
    Страниц - 5

  • develop-img

    ЛЕНДИНГ ПЕЙДЖ

    Время разработки 10 дней
    Индивидуальный дизайн
    Доменное имя
    Хостинг - 2 месяца

  • develop-img

    САЙТ КОРПОРАТИВНЫЙ

    Время разработки 30 дней
    Индивидуальный дизайн
    Доменное имя
    Хостинг - 2 месяца
    Страниц - 25

  • develop-img

    ИНТЕРНЕТ-МАГАЗИН

    Время разработ., дней - 45
    Тематический дизайн
    Доменное имя
    Хостинг - 2 месяца
    Страниц - 20 + 10 (товар)

    от 100 000 руб

    Подробнее