Одна из главных задач в начале создания сайта — приведение мысли «я хочу красивый сайт» от стадии облачных мыслей на тему к внятному техническому заданию. Вообще-то на этом этапе можно уже ввести все нужные функции, описать что и где должно быть и как это все будет выглядеть. Визуальное представление страницы как черновика сайта и называется мокапом (англ. mockup).
Совсем не нужно сразу программировать страницу для того чтобы понять где и что будет. Достаточно просто набросать на листике бумаги основные элементы, или воспользоваться специальными программами.
Balsamiq Mockups
Платная программа, написанная с использованием Adobe Air — один из самых удобных продуктов такого рода. Кроме основных функций рисования страниц может быть дополнен экспортом готового черновика в Ваш любимый формат (HTML + CSS, MXML etc).
Скачать
Скачать бесплатно
Онлайн программа для создания прототипов (очень похожа на Balsamiq)
есть безплатная версия лучшей програми Mockup Builder http://mockupbuilder.com/