Дизайн и верста 4 страниц сайта визитки
- Главная
- Список страниц с менюшкой разделов (раскрытие, раскладка меню)
- Страница с контентом
- Контакты
1. Дизайн по прототипам, по бутстраповской сетке на 12 колонок – Все слои разнесены по папкам и подписаны – Все кнопки имеют 3 состояния default / hover / active – Прототипы это всего лишь схематическое представление того что бы хотелось увидеть, тупо перерисовывать каждую линию или закорючку не нужно, нужно придумать оформления каждого блока по своему – Ширина макета 960 px, все остальное задний фон, нужно использовать какой то патерн для фона – Шапка с легкостью может стать вот такой
– Логотипа нет, организация занимается продажей электрической энергии и услугами в сфере ЖКХ, представляем логотип в виде двух электрических опор соединенных проводами, название сайте "коммунальник-тунгир.рф" – Футер неплохо сделан тут
, так же как и форма обратной связи
– Приятные цветовые решения которые нравятся можно глянуть тут
или тут
– Шрифты только гугл фонт и иконочный fontawescome – Контакты оформлены крависо тут
– Карты только яндекс карта – Обязательная прорисовка контента страницы, выравневание по левому краю H1 / H2 / H3 / H4 – заголовок страницы p – параграф li – список нумерованый и булитами img – картинка в тексте table – заголовок и обычные ячейчки можно что то
hr – разделитель a – ссылки сточные элементы –
блочные элементы –
2. Верстка на основе бутстрапа 3.5.*, макет не адаптивный просто статика 960px – В верстке использовать префикс для своих классов (.mk-menu), для классов Bootstrap-а использовать префикс не нужно, и для других библиотек – Футер всегда прибит к низу никаких min-height – Слайдер, swipe-slider, можно любой другой, главное что бы не древний – jade / less / stylus / sass приветствуется, но можно просто css и html – Разнести все по папкам – img – изображения для дизайна – images – контекстные изображения, например картинки слайдеров – css – js – html – Желательно использовать БЭМ, и элементам подвергающимся стилизации задавать классы например (.menu ul.menu__nav li a.menu__nav-href) – Не использовать в верстке id и селекторы тегов, теги работаю медленно, а id просто не нужно использовать в верстке НИКОГДА. – Не допускается вложенность более 2х уровней .slider .slider__wrapper/