Нужно создать сайт
По HTML-реализации дерева - на DIV'ах, и нужно чтоб дочерние блоки имели такую же структуру как и родительские - строятся будут рекурсивно динамически, поэтому их ширина и отступ должны зависеть от родительского элемента. Чекбоксы не нужны.изысков не надо, все должно быть только мило, симпатчино, читабельно, чтоб информация легко воспринималась.Название: РБК
Тематика: Деньги/Заработки
Пока такая структура.
Что нужно:
1) Шапка: название/лого, можно предусмотреть слайдер картинок наподобие http://online-creditka.ru
2) верхний правый блок - блок авторизации/регистрации/краткого инфо. Для него нужно три разных реализации:
- Авторизация - выводятся просто два поля Email, Пароль + кнопка "войти" + ссылка "Забыли пароль?" + ссылка "Регистрация"
- Регистрация - выводятся поля email, пароль, повторите пароль + кнопка "Зарегистрироваться" + ссылка "Выполнить вход"
- Вход выполнен - отображается приветствие (напр. как на скрине, статус (бронзовый/серебряный и т.д.), баланс на счету и еще пара строчек по личной информации) + ссылок "Выйти" (как на скрине)
3) Меню - основное меню отображается на главной сайта, вероятно при такой структуре его логично сделать горизонтально. Без атворизации там выводятся что-то типа "Главная", "О сайте", "Форум", "Обратная связь"
Если пользователь авторизован - Дополнительно в меню как либо выделенная появляется кнопка "Кабинет"
4) В каждом разделе меню может быть подменюшка (напр. в Кабинет это будет "реферальная программа", "финансы", "Аккаунт", "Общая информация")
5) основное тело контента на главной и вообще на сайте без авторизации это будет просто описание + может пара баннеров, с тебя нужно будет какой либо текст в макет вставить чтоб посмотреть шрифтовое графическое оформление. Так же там будут табличные данные, нужен внешний вид и цветовое оформление таблицы (примерно 10х10), внешний вид ссылок
6) кабинет - нужны элементы управления такие как "кнопка", "дерево", пример дерева на скрине
вообще закладки там будут "реферальная программа", "финансы", "Аккаунт", "Общая информация". В закладке Аккаунт можно менять номер кошелька, email, Имя, пара элементов управления с галочками для настройки приватности. В закладке общая информация будут блок с последними новостями, список последних рефералов и/или начилсений, пример таблицы на скрине тоже есть
Все нужно в 2-3 PSD-файлах откуда можно вытащить необходимые отдельные элементы страницы для HTML-верстки.