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

Программа имеет простой и понятный интерфейс. Вы можете в одном документе сделать несколько страниц для вашего сайта. Можете сделать несколько документов по принципу: один документ - одна страница. Если вам понравился элемент в левой части, то просто перетяните его в правую часть. Программа Pencil бесплатная. Вы можете установить программу на linux Debian 9 и Ubuntu.

Если вы находитесь в гостях, то советую вам воспользоваться онлайн сервисами:

• wireframe.cc. Очень простая программа. У неё ограниченный набор возможностей. Вам будет доступен набор из нескольких простых фигур. Вы за несколько минут создадите предварительный макет страницы.
• cacoo.com. Тут можно сохранять свой документ в памяти. Существует ограничение на количество сохранённых проектов. В этом онлайн сервисе есть несколько готовых шаблонов с разной тематикой. Вас ждут наборы кнопок. Вы можете сделать не только страницу сайта, но и страницу для презентации. Есть иконки на разные темы. В бесплатном тарифе ограниченный набор иконок. Интерфейс программы содержит массу настроек. Пользовался этой программой несколько раз и доволен результатами.

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