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

В любом случае, при передаче веб-дизайна в разработку сайта, необходимо соблюсти некоторые правила:

– Удалить из файла с веб-дизайном всё лишние (скрытые и пустые слои, черновые слои и т.д.).

– Сохранить дизайн сайта в формате PSD (родной формат программы Фотошоп), с разрешением 72 dpi, в цветовой модели (режиме цвета) RGB.

– Сделать предварительную «нарезку» сайта на фрагменты. Для этого в программе Adobe Photoshop есть инструмент, который называется «Раскройка».

Рис.36. Нарезка веб-дизайна на фрагменты

Нарезка сайта требуется не всегда, часто программисты сами «нарезают» веб-дизайн, как им удобно. Но всё же, веб-дизайнер должен уметь это сделать по первому требованию.

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

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

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

Заполнение сайта материалами

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

Заполнением контента через административную часть сайта может осуществляться заказчиком (или его сотрудниками), веб-дизайнером или программистом по договоренности с заказчиком.

На этом же этапе на сайт размещаются СЕО-фразы (ключевые слова), соответствующие статьям на сайте.

Ключевые слова размещаются на сайте в специальных тегах:

– В тегах заголовка.

– В тегах мета описания.

– Мета-теги ключевых слов.

– В подзаголовках.

– В содержание страницы.

– В тексте ссылки.

– В Breadcrumbs. «Хлебные крошки» (breadcrumbs) – это элемент навигации на сайте или в программе. Он отображает маршрут от стартового элемента до места пребывания пользователя и позволяет легко вернуться к предыдущим разделам.

– В атрибутах (тэгах) ALT и TITLE.

– В именах встроенных файлов.

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

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

И вот, когда всё готово и проверено, – происходит запуск сайта. До этого сайт может работать на временном (рабочем) домене, открытом только для тех, кто работает над сайтом и для заказчика.

Во время запуска сайта он становится доступен для всех по основному доменному имени клиента.

После запуска сайта может осуществиться ещё одна проверка правильности ссылок и наличия ошибок. В течение нескольких недель идет «докрутка» сайта, исправление неточностей и ошибок.

8. Продвижение сайта

Следующим этапом после запуска бывает продвижение сайта.

Самым быстрым, но не всегда эффективным способом является контекстная реклама, настроенная и запущенная через ЯндексДирект.

Более эффективным, но медленным и затратным способом является продвижение сайта в топ поисковых систем через СЕО-статьи на сайте.

Продвижением сайта веб-дизайнер не занимается, это не входит в его обязанности.

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

Глава 5. Техническое задание на разработку сайта

Люди, работающие в сфере услуг, должны иметь право подраться с одним клиентом в день.

Мудрая мысль из сети Интернет

В этой главе:

1. Определение

2. Польза технического задания

3. Разделы технического задания

4. Ошибки техзадания

1. Определение

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