ГОСТ 8050-100

advertisement
ТЕХ ЗАДАНИЕ НА ВЕРСТКУ И НАТЯЖКУ
вертска



html5 css3 utf-8
названия классов и id должны по смыслу соответствовать применению
например, header, menu, footer, news
просьба разделять основные html блоки комментариями. Примерно так:
<!--—BEGIN FOOTER -->
<!--—END FOOTER -->
верстка под все браузеры, на ие 6 и 7 поставить заглушку вида –
Ваш браузер кака, скачайте новую версию. Взять можно отсюда
http://jreject.turnwheel.com

верстка под бутстрап грид, все адаптивно должно быть (отображаться на
разных устройствах - айфон, айпад, стандартный моник, большой моник)

для всех элементов, которые могут содержать текст различной длины,
который должен быть вписан в одну строку (например, для кнопок или
заголовков, если в дизайне не предусмотрено, что они могут занимать
больше одной строки), обязательно задавайте CSS свойство whitespace:nowrap.

если вы делаете обработку событий при нажатии на ссылки, следите за
тем, чтобы обработчики событий возвращали false, или же используйте
href='javascript:void(0)' вместо популярного href='#', чтобы страница не
скроллилась вверх.

если макет не проходит 100%-ную html-валидацию, постарайтесь по
крайней мере делать так, чтобы использование невалидного кода было
оправданно.

подключить гугл фонт Open Sans, обеспечить точное соответвие размера
и различных отступов (между строками, между буквами и тд) в тексте

fc_main.psd меню, лого, цвета хидера и футера, бэкграунд все это брать с
главной страницы (на других страницах могут отличаться эти вещи)

любые ховеры, подсвечивания должны быть плавными (практически все
элементы со ссылками меняют состояния - файл elements.psd) пример
как тут при наведение на фото
http://tympanus.net/codrops/collective/collective-55/

кнопка на самый верх появлятся при прокрутке вниз и исчезает на самом
верху
натяжка
Русский вордпресс последней версии. В админке вордпресса должны быть
следующие разделы:
Слайдер



слайдер на главной, где настраивается каждый слайд - фото и текст
(если нужно можно купить)
слайдер клиентов, где просто добавляются логотипы компаний
слайдер отзывов, где просто добавляются отзывы, аватары и имена
Страницы (fc_contact_us, fc_main, fc_services,
fc_services_page)
cтандартные страницы от вордпресса - тут будут такие страницы как главная,
услуги,страница самой услуги, о нас, контакты.Только на странице с услугой
fc_services_page будет виджет справа документов по тематике, т.е. например
услуга называется пожарная безопасность – тут же надо отобразить документы
по пожарной тематике)
Блог (fc_news, fc_news_page)
Тут новости, причем если пользователь хочет добавить новость, то ему надо
добавить заголовок, текст новости и картинки, т е грубо говоря чтобы шаблон
страницы был сохранен.
Слайдер новостей на главной работает по принципу 6 последних новостей.
Проекты (fc_ourworks, fc_ourworks_page)
Портфолио в вордпрессе. Должны быть добавлены след поля
Название объекта
Фото объекта (несколько фотографий можно загружать)
Тип
Дата
Адрес
Выполненные работы
Характеристика объекта
Описание произведенных работ (если сюда пользователь ничего не добавляет,
то и на странице сайта ничего не отображается)
Т.е. пользователь добавляет только эти поля, никакого хтмл, и на странице
отобржается инфа в нужном виде.
На самой странице Проекты должен работать фильтр на аяксе (выбираем
тип, город или год и автоматом показывает нужные проекты) либо
нажимаем кнопку “Все работы” и показывает все работы
Документы (fc_documents, fc_documents_page)
Страница с документами должна содержать следующие поля:
Номер документа
Название документа
Раздел материала
Прикрепленные файлы
Описание документа
На самой странице Документы должен работать поиск по названию
документа и фильтр по типу объекта (раздел материала), либо нажимаем
на кнопку “Все документы” и показываются все документы
Остальное
1) также отдельно вынести в настройку такие элементы как телефон, фб,
твиттер
2) принцип работы бокового меню, должен быть понятен из дизайна,
раскрывается там где надо и тп
Download