Настольная книга веб-дизайнера. Практический курс по веб-дизайну и проектированию сайтов

Трафиковые сайты – это особая разновидность веб-ресурсов, ориентированных на получение больших объёмов трафика с целью его дальнейшей монетизации посредством контекстной, тизерной и офферной рекламы. Их отличительными чертами является специфика сбора трафика и регулярное добавление контента от разных авторов. Например, он-лайн кинотеатр kinopoisk.ru.

5. Веб-сервисы:

5.1. Почтовые системы.

5.2. Хостинги.

5.3. Онлайн-инструменты.

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

Многие организации используют для управления несколько программных систем. Различные программные системы часто нуждаются в обмене данными друг с другом, и веб-сервис – это метод связи, который позволяет двум программным системам обмениваться этими данными через Интернет. Например, сайт хостинга timeweb.com, почтовый сервис mail.ru.

6. Разное:

6.1. Поисковики (например, поисковая система Яндекс).

6.2. Каталоги (krasnodar.cataloxy.ru – список фирм и организаций Краснодара).

Рис.28. Поисковая система Яндекс

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

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

Глава 4. Этапы разработки сайта

На форуме по поиску работы:

– Всем привет! Я разработчик сайтов и в данный момент свободен для любых проектов! Если вам нужен сайт-визитка, одностраничник (лэндинг), или интернет-магазин, – пишите, – с удовольствием помогу вам с вашими проектами. Скидку гарантирую!

– Не знаю, что вы там делаете, но мне нужен сторож на автостоянку, 2/2. В будке есть компьютер – сможете там своей фигней заниматься.

Анекдот из сети Интернет

В этой главе:

1. Предварительные этапы

2. Прототип

3. Веб-дизайн страниц

4. Дизайн мобильной версии

5. Подготовка дизайна сайта к вёрстке

6. Вёрстка и реализация сайта, наполнение контентом

7. Запуск сайта

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

Создание сайта – на самом деле очень трудоёмкий процесс, в котором принимают участие не только веб-дизайнеры и программисты, но и другие специалисты. Над сайтом трудятся: интернет-маркетологи, веб-дизайнеры, программисты, верстальщики, тестировщики, копирайтеры, контент-менеджеры и другие специалисты.

Этапы разработки сайта:

1. Консультация со специалистом. Покупка домена.

2. Составление технического задания на сайт.

3. Изучение темы.

4. Анализ сайтов конкурентов.

5. Создание базы образцов сайтов (ссылки, скриншоты и дизайн целиком).

6. Составление структуры сайта (внутренней и внешней).

7. Прототип сайта.

8. Веб-дизайн.

9. Подготовка дизайна сайта к вёрстке.

10. Вёрстка сайта на конструкторе или передача веб-дизайна программисту.

11. Наполнение сайта контентом.

12. Проверка сайта на ошибки, запуск сайта.

1. Предварительные этапы

Консультация