inglobal

Главная   Digital агентство   Услуги   Клиенты   Проекты   Wiki   Контакты

Требования к верстке html-страниц для изготовления сайта

• Структура проекта: корневая папка с вложенными папками и файлами [?]
  Скачать структуру проекта
  
• Формат файлов: html, css, js, png, gif, jpg, jpeg.
• Все файлы должны иметь осмысленное название (название страницы) и должны быть набраны латиницей [?]
  Например, приемлемо: index.html, registration_top.jpg; не приемлемо: 001.html, что-то.js.
• Кодировка текстовых файлов (html, css, js, json, xml): utf-8 без BOM.
• Форматирование отступов: tab.
• Обрамление строковых параметров: двойная кавычка ".

• Отображение должно быть адаптивным (если не оговорено иное).
• Вёрстка должна идентично отображаться в последних версиях браузеров (до -2 поколений включительно) Chrome, Opera, Firefox, Safari, Internet Explorer, Edge.
• Вёрстка должна идентично отображаться в браузерах по-умолчанию на устройствах (до -3 поколений включительно) android и iOS.
• Отсутствие горизонтального скролла до минимального разрешения.

• Вес: до 50Кб.
• Документ должен быть валидным [?]
  Файлы должны проходить валидацию одним из сервисов: validator.w3.org, validator.w3.org/nu
• Верстка должна проходить тест на переполнение контентом до 200% от макета.
• Ссылки выполнять только тегом <a></a>.
• Абзацы выполнять только тегом <p></p>.

• Вес: до 50Кб.
• Файлы стилей: общий css/common.css + для отдельных страниц индивидуальные.
• Обязательное использование reset.css или normalize.css.
• Не использовать !important.
• Не использовать вложенность селекторов больше двух.
• Указать альтернативные варианты шрифта в конце перечисления шрифтов.
• Указать цвет фона для блока с фоновым изображением.
• Для всех изображений должны быть прописаны размеры.

• Вес: до 50Кб.
• Файлы скриптов: общий js/common.js + для отдельных страниц индивидуальные.
• Подключать все скрипты до </body>, желательно до </head>.
• Элементы, реагирующие на наведение и клик не должны при смене своего состояния изменять верстку (если не предусмотрено иное).
• Кнопки социальных сетей должны быть рабочими [?]
  Тесты осуществляются на тестовых номерах приложений, если регистрация приложений для соцсети требуется. При этом номера приложений в соцсетях должны быть переменными для изменения в начале js/common.js.
• Формы регистрации, авторизации и т.д., а также всплывающие окна должны быть рабочими [?]
  Тесты осуществляются на тестовых json-файлах, которые располагаются в upload папке и вызываются ajax запросами. При этом адреса обращений ajax запросов должны быть переменными для изменения в начале js/common.js. Тесты осуществляются на предмет вывода ошибок и всплывающих окон, подсветки полей и т.д.