Техническое задание на верстку сайта, лендинга
- кроссбраузерная и адаптивная верстка
- верстка должна быть валидной, должна пройти проверку на соответствие стандартам W3C
- сайт должен корректно работать на всех устройствах
- соответствие макету
- сайт должен быстро загружаться. Должно быть не менее 80 пунктов по Гуглу https://developers.google.com/speed/pagespeed/insights/
- формы заявок должны быть рабочие – отправка заявки на почту/crm, валидация введенных данных. После отправки заявки должна открываться страница благодарности. Под валидацией понимается: нельзя отправить пустые заявки, в поле “телефон” можно ввести только цифры и символы + () (либо эти символы автоматически проставляются), в поле “емаил” можно ввести только емаил.
- Установить Яндекс.Метрика и Google Analytics с целями
- не верстать с помощью спрайтов (css sprite). Это нужно, чтобы в дальнейшем было легче редактировать изображения при необходимости
- заголовок страницы делать тегом Н1. Остальные заголовки/подзаголовки делать H2-H6
На странице может быть только 1 H1, 2 H2, и несколько H3-H6, а также тегов H2-H6 может не быть вообще на странице (например, если у нас короткий текст без подзаголовка) - Заголовки и подзаголовки делать H1-H3. Нельзя использовать тег H для выделения текста, его можно использовать только для заголовков/подзаголовков.
- учесть в верстке и программировании наличие title, meta keywords и meta description на всех страницах
- учесть в верстке и программировании наличие атрибутов alt, title для изображений
- текст старайтесь размещать как можно выше в коде
- теги B и STRONG использовать только в тексте. Для выделения других элементов (меню, заголовок и тп) использовать стили
- стили css и скрипты выделять в отдельные файлы и папки
- не использовать display:none или скрипты для скрытия контента, за исключением пунктов меню