План создания сайта

Сегодня я хочу написать свое видение о том, какой должен быть план создания сайта. Допустим, Вы самостоятельно делаете всю работу, либо работает веб-студия, не важно. Через данные этапы создания сайта пройти необходимо.
Итак, приступим. Все по порядку.
План создания сайта:
1. Подготовительные работы.
На данном этапе создания сайта необходимо определиться с имеющимися/необходимыми ресурсами для создания сайта. Сюда входят ресурсы компьютеров(-а), имеющиеся скрипты, движки (CMS – система управления сайтом), программное обеспечение (ПО) и т.д. Что необходимо иметь?
В первую очередь мощный компьютер дизайнера, так как на его «машине» ведутся самые ресурсозатрачиваемые аппаратные процессы. На сей компьютер ложится обязанность нарисовать эскиз шаблона в Adobe Photoshop (ПО), а иногда и некоторые элементы для экономии часов времени в 3D Studio MAX (ПО).
Далее, необходимо запастись следующими ПО: Adobe Dreamweaver, FTP-менеджер (Filezilla, Cute FTP, Total Commander и т.д., функционал у данных FTP-клиентов примерно равный) – верстальщику; Denwer (Джентльменский Набор Web-Разработчика), набор CMS и скриптов – программисту, и базовый комплект для создания сайта готов.
Желательно портфолио.
2. Составление технического задания (ТЗ).
Второй этап начинается при работе непосредственно с клиентом (для себя тоже желательно делать ТЗ, так как полет фантазий в ходе создания сайта может уйти далеко от первоначальной идеи; я не даю оценку таким действиям, для себя можно делать что угодно, а для заказчика должны быть установлены четкие грани функционала сайта). На данном этапе определяются желания заказчика, сопоставляются с техническими возможностями программиста, и все это приводится к единому документу, на основании которого заказчик не должен требовать при создании сайта большего, чем описано данным документом, а разработчик(-и) должен обеспечить работоспособность всех функций, оговоренных с заказчиком. В сети доступно найти множество примеров ТЗ, поэтому не ленимся и прогугливаем запрос «техническое задание для сайта». Для разработчика на данном этапе так же важно понять, которую из CMS он выберет на данный проект, возможно, это должен быть просто статический сайт с внедрением скриптов, таких как, допустим, опрос на сайте. Еще один момен, который иногда ну просто необходим: количество правок эскиза дизайнера, их советую делать не более 5-10, иначе заказчик по ходу дела все будет хотеть править, несмотря на ТЗ.
Бесплатные CMS с широким функционалом:
- WordPress, на нем работает данный сайт, используется для создания блогов, так называемых дневников, но может быть применен при создании сайта-визитки, в котором присутствует 5-10 страниц;
- DLE – движек для варезных и новостных сайтов (движек платный, существует Null, бесплатная версия), примеры: http://zerav.ru, http://novirus.com.ua, http://softstrana.ru, http://protrance.com.ua…
- Joomla – универсальный движок как для статических, так и для динамических сайтов, запутанная админка, пример сайта: http://integratelecom.com.ua/;
- Drupal – универсальный движок как для статических, так и для динамических сайтов, мощный набор скриптов и модулей, пример: http://drupal.by.
3. Разработка эскиза дизайна.
Здесь вроде-бы все просто: заказчик на 2м этапе говорит, что хочет видеть, дизайнер уточняет и подхватывает идею, и идет домой, искурив нехилый косяк, переносит желание заказчика в электронный вид. При этом чаще всего используется программа Adobe Photoshop последней версии. Далее, перегнанный в jpeg среднего качества эскиз шаблона пересылается/показывается заказчику, тот, в соответствии с количеством предусмотренных правок, утверждает эскиз, который далее идет на верстку верстальщику.
4. Верстка эскиза.
Здесь тоже все прозрачно: получив эскиз сайта, верстальщик делает свою работу, при этом учитывая, на какую CMS далее будет натянут шаблон.
Проверка шаблона сайта ведется в следующих браузерах: Internet Explorer 6-…, Opera 8-…, NetScape(FireFox) 2-…, GoogleChrome.
5. Установка сайта на хостинг.
В соответствии с ТЗ выбирается хостинг для сайта. Советую каждый сайт заказчика устанавливать на выделенный IP, так как часто хостер может на один IP повесить множество (50 и более) сайтов, при этом если один попадает в черный список поисковиков/антивирусников, то под тот же фильтр могут залететь и остальные «соседи» по IP, ну и проходимость на «соседях» может влиять на скорость загрузки сайта. Поэтому, 20$ в год могут лишить Вас в дальнейшем больших головных болей.
На сем этапе покупается хостинг и доменное имя сайта. Далее ведется работа программиста по установке на хостинг CMS и настраиваются модули для рождаемого сайта.
6. Натягивание шаблона.
После того, как программист настроил работу движка, ему отправляется верстальщиком шаблон, который он «натягивает» на движок. На данном этапе готов «сайт под ключ»
7. Наполнение контентом.
Данный этап включает в себя наполнение сайта текстами, картинками, статьями, одним словом, контентом. Если в дальнейшем заказчику требуется продвижение сайта, то подключается оптимизатор, который строит карту сайта, прописывает поля для поисковиков и т.д., в общем, проводит внутреннюю оптимизацию. К слову по оптимизации, если она предусмотрена изначально, то оптимизатор включается на 5м этапе и работает вместе с программистом для «правильного» прописывания и отображения последним урлов и т.д…
8. Тестирование.
На данном завершающем этапе вся команда разработчиков (а на западе отдельная группа людей) садится за тестирование сайта, желательно пригласить для этого процесса человека, не связанного с данным проектом, да вообще не связанного с разработками веб-проектов, так сказать обычного юзера. При обнаруженных багах допустивший ошибку (верстальщик или программист) исправляют проколы, и теперь сайт готов к сдаче заказчику.
Вот и все. Это мое видение на план создания сайта. Если с чем не согласны или есть дополнения, жду комментов.
До новых постов, Добрый SEO-блоггер.
2leep.com
Приятного времяпровождения на моем SEO-блоге
richkeeper
17 Дек, 2009
Мне кажется ТЗ должно быть составленно в самом начале и объеденнено с пунктом подготовки.
Ну по поводу создания эскиза также считаю, что сначала прорисовка картинки, а уже затем вёрстка.
admin
20 Дек, 2009
У меня изначально был разбит план на более мелкие этапы, но за неимением желания еще больше растягивать данную тему вышло что вышло
Ну а насчет дизайн -> верстка, так это только на шаблонных движках, как DLE, к примеру, может быть иначе (под готовую верстку чужого шаблона рисовать дизайн). Обычно верстальщик режет именно макет дизайна.