Для сайта на вордпрессе (rekhod.ru) нужно внедрить несколько (я насчитал 8) дополнительных шаблонов верстки, по готовым psd и более-менее подробным описаниям того, как это должно работать. В результате хотим получить некий веб-кит, конструктор, из которого можно собрать новую страницу, используя только админку и результат вашего труда в этом проекте.
Более подробно все расписано в архиве с материалами для задания.
Также нужна переверстка шапки сайта, согласно psd, там же.
Основные требования:
1. фреймворк, бутстрап3,
2. тест в хроме, файрфоксе, яндекс, ИЕ, опере, сафари – на ноутах, ios и android устройствах
3. микроразметка
4. ID-разметка элементов форм
5. тест на PageSpeed Insights должен показать значение, близкое к 90%
6. JS и CSS из кода выносить в отдельные файлы, по возможности обходиться без JS.
7. utf-8 везде
8. Нужно сделать стили для заголовкой 1-3 уровней, списков, таблиц с заголовками, элементов форм
9. Все активные элементы должны иметь состояние при наведении, клике/тапе, выбранное состояние
10. каталог должен иметь строгую структуру.
htdocs (тут лежат все файлы .html)
|- – (каталог «-» дефис, файлов не содержит)
|-css
|-img
|-js
|-plugins
| |-jquery
| |-jquery-fancybox
| |-swfobject
|-swf
11. Именование CSS-файлов:
- reset.css – css-ресет.
- style.css – основные стили, которые относятся ко всему сайту и главной странице.
- inner.css – выносить стили, которые относятся к внутренним страницам, если нужно что-то переопределить.
- form.css – стили форм.
- pages, css – стиль постраничного вывода (страницы 1 2 3 4... 11 12)
- debug.css – временный файл используется программистами для правок верстки, которые потом должен пересмотреть верстальщик и вынести/подправить соответствующим образом.
- ie.css – стили для ИЕ.
- ie6.css – для ИЕ6.
В основных файлах не использовать хаков, только валидный CSS.
12. Проверить HTML-страницу на корректность вы можете с помощью специального валидатора W3C