1. Подготовка к производству

Прежде чем фактически начать производство, уточняются первоначальные цели и оценивается состояние проекта.

 Карта сайта. Насколько велик сайт? Соответствует ли число страниц запланированному?

 Сложности визуального проектирования. Стала ли нарезка файлов на части ночным кошмаром или прошла достаточно гладко?

 Внутренние разработки. Укладываются ли инженеры в рамки бюджета/графика работ?

2. Заключение договора о хостинге

3. Формирование файловой структуры

URL текущей страницы, отображаемый в адресной строке браузера, будет дополнительным элементом навигации, если структура каталогов с файлами web-ресурса соответствует его логической структуре. Каждый раздел физически лучше представить в виде папки, название которой соответствует названию раздела, а основную страницу раздела — в виде файла index.htm, помещенного в эту папку. Тогда пользователь сможет перемещаться по навигации вверх, просто сокращая URL в адресной строке с конца.

4. Компоновка страниц

 Разрезание и оптимизация. Многослойные графические шаблоны нарезаются на части и преобразуются в графические объекты (графические элементы навигации, рисунки заднего фона и т.д.). Графические объекты сжимаются до минимально возможного размера с целью сокращения времени загрузки и сохраняются в форматах .gif или .jpg.

 Создание HTML-шаблонов. HTML-шаблон — это не имеющая конкретного содержимого HTML-страница, которая формируется дизайнерами производства путем воссоединения графических элементов и визуально соответствует графическому шаблону. Первый HTML-шаблон устанавливает глобальные стандарты, такие как навигация, структура таблиц, использование шрифтов, обработка COMMENT- и TITLE-тегов и т.п. Он тщательно проверяется на различных браузерах и платформах. Теперь этот шаблон может использоваться в производстве HTML для создания других шаблонов или конечных страниц с помощью команды Save As.

 Применение облегченных сценариев. Под «облегченным сценарием» имеется в виду то, что группа разработчиков страниц может запрограммировать без помощи программистов на JavaScript или DHTML. Такие эффекты как динамическая смена графики, формы, выпадающие меню, всплывающие окна и фреймы должны быть реализованы в HTML-шаблонах и проверены.

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

 Создание страниц стилей. Удачный сайт подчинен очень важной идее: разделение стиля и содержания. Это означает, что дизайн отражен в одном месте, а содержимое — в другом. Тогда для редизайна сайта достаточно изменить один только файл.

 Заполнение страниц. Момент, где возможно торможение по вине клиента, опаздывающего с поставкой контента. Это содержимое также должно быть заблаговременно представлено клиентом.

 Интеграция с внутренними разработками. Для интеграции внутреннего и внешнего содержимого логичный момент наступает сразу после завершения компоновки страниц. Но еще в начале этапа производства следует собрать вместе тех и других специалистов и разработать план интеграции и взаимодействия.