1. Определение целей веб-сайта и его позиционирование
На этом этапе необходимо определить, для чего нужен сайт, т.е. какие задачи он должен решать: предоставить общее представление о компании.Цели веб-сайта, в большинстве случаев, должны ставиться заказчиком, а затем, вместе с исполнителем они уточняются и корректируются. Определение целевой аудитории веб-сайта
2. Создание Технического Задания (ТЗ) на разработку веб-сайта.
В ТЗ необходимо как можно более подробно описать:
- цели создания сайта и его целевую аудиторию;
- структуру веб-сайта и количество страниц в каждом разделе;
- работу динамических модулей;
- пожелания по дизайну (цвета, использоание фирменного стиля, соотношение графика/текст и т.д.
- используемые технологии (HTML, Flash, PHP и проч.);
- порядок предоставления, обработки или создания графической и текстовой информации;
- технические требования к сайту.
3. Создание дизайн-макета веб-сайта.
На этом этапе дизайнер в специальной графической программе создает дизайн страниц будущего веб-сайта с прорисовкой всех графических (баннеров, кнопок, фотографий) и текстовых элементов. Дизайнер создает дизайн веб-страниц с учетом пожеланий заказчика и задания, прописанного в ТЗ.
4. Верстка сайта.
После того, как Заказчик утвердил дизайн-макет (в письменном виде или по электронной почте) за работу принимается верстальщик – это тот человек, который переводит дизайн-макет на язык, понятный компьютеру с использованием языка HTML.
5. Программирование сайта.
Очень часто этап программирования и верстки объединяют в один. На мелких и средних проектах оба действия в состоянии выполнить один человек. На крупных проектах в силу специфики работ эти этапы разделяют.
На этапе программирования (как правило, с использованием DHTML, PHP, Perl, ASP и баз данных) происходит создание всех страниц сайта, определяется порядок работы меню, расставляются гипер-ссылки, создается динамика на сайте, программируются такие составляющие, как гостевая книга, форум, новостная лента и проч.
6. Наполнение сайта информацией.
На этом этапе информация, предоставленная Заказчиком, размещается на сайте, т.е. путем перевода в специальный формат текст и графика располагаются на сайте на определенных страницах, и эта информация становится доступной для просмотра.
7. Расположение сайта в сети Интернет.
Данный этап необязательно выполняется после проведения всех вышеперечисленных работ. Он заключается в том, что файлы сайта располагаются на хостинге.
8. Тестирование сайта.
Этот этап можно осуществить как до, так и после размещения сайта по его «родному» адресу. На этом этапе выявляются все ошибки и недочеты в программировании и написании текстов.
1. 14) Композиция веб-сайта
Композиция – это одна из важных частей проектирования веб-сайта, от продуманности которой иногда может зависеть очень многое. Эти нехитрые принципы помогут новичкам, а также тем, кто уже имеет некоторый опыт, делать свои сайты ещё более интересными, стильными и привлекательными. 1. Акцентирование – мощный инструмент для выделения наиболее важных деталей сайта. Для того, чтобы наилучшим образом применить акцентирование, необходимо составить иерархию важности каждого планируемого элемента страницы, и применить к первым пунктам этого списка. 2. Контраста в веб-дизайне можно достичь самыми различными способами, за счёт цветовых схем, размера и типа шрифтов, расположения элементов относительно друг друга. Если элементы дизайна будут контрастировать между собой, это придаст визуальное разнообразие сайту и позволит избежать заурядности в его внешнем виде. 3. Повторение предполагает неоднократное использование в дизайне одних и тех же элементов разными способами. Повторение может выражаться во множестве форм, включая использование того же цвета, очертаний, линий, шрифтов, изображений и общего подхода к стилизации. Повторение несет в себе такое огромное преимущество, как предсказуемость. Пользователь ожидает увидеть уже знакомые ему вещи, если в ключевых элементах дизайна прослеживаются согласованность и постоянство. Баланс бывает двух видов: симметричный и асимметричный. Симметричный баланс в дизайне достигается, когда левая и правая половины дизайна относительно той или иной оси являются как бы зеркальными копиями друг друга и несут идентичную визуальную нагрузку. Ассиметрия используется в оформлении смысловых блоков сайта, что в сочетании с параллакс-эффектом и простой чёрно-белой гаммой, смотрится стильно и необычно. Выравнивание – это упорядочение элементов таким образом, чтобы они максимально близко подступали к естественным линиям или границам, которые они образуют.