Техническое задание на верстку

Техническое задание на верстку сайта, лендинга

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

 

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *