Верстка сайта на Битрикс

Цена договорная • наличный расчёт, безналичный расчёт, электронные деньги
01 сентября 2014, 14:42 • 10 откликов • 45 просмотров
Нужно сверстать сайт и подключить к 1С Битрикс. 1С Битрикс уже куплен. Для примера есть точно такой же сайт на MODX klinker-russia.ru. Я ранее уже рамещал эту тему, но прошло много времени и я думаю ответы фрилансеров уже потеряли актуальность.

Дополнительно пришлем макеты сайта в псд.

Итоговый макет html-верстки (html-макет) должен соответствовать требованиям:
 кодировка: UTF-8;
 язык разметки макета: HTML5;
 валидность HTML-верстки: стандарты World Wide Web Consortium;
 язык верстки макета: CSS 3;
 файлы CSS должны соответствовать Синтаксическому стандарту CSS
 код языка верстки страницы (компонента) расположить в отдельных файлах с расширением .css:
o верстка страниц:
 код общей верстки страницы расположить в файле template.css;
 код установки цвета – в файле color.css;
 код установки стилей, шрифтов и т.п. – в файле styles.css.
o верстка шаблонов компонентов:
 весь код в файле template.css в корне компонента;
 адаптивность к CMS: Битрикс – управление сайтом, версия 14.5;
 метод верстки: блочный, использование таблиц – по отдельному обоснованному согласованию;
 вид макета верстки: адаптивный;
 шрифт текста контента: Arial Narrow;
 Комментирование основных html-блоков: начало и окончание;
 Разметка файлов стилей (CSS) комментариями:
/* ___________ 1. reset css_______________ */
/* ___________ 2. header _________________ */
/* ___________ 3. content_________________ */
/* _______________ 3.1. headers __________ */
/* _______________ 3.2. links ____________ */
/* _______________ 3.3. forms ____________ */
/* ___________ 4. footer _________________ */
/* ___________ 5. sidebar ________________ */
дополнительное комментирование – без фанатизма;
 высота блоков:
o динамическая с минимальной высотой;
o фиксированная высота – по согласованию;
 блок «footer»:
o фиксация в нижней части браузера;
 Наименование классов и id: должно соответствовать смыслу и логике применения, на английском языке;
 длинные селекторы CSS: строго по согласованию;
 структура папок и файлов верстки: по правилам и алгоритмам (иерархии) шаблонов сайта (компонентов) CMS;
 ссылки: относительные;
 контент страниц: в соответствии с дизайн-макетом.
 Применение Javascript: строго по согласованию. При использовании скриптов большого объема на одной стринице (в 1 компоненте) - через создание подключаемого отдельного файла, тоже и для обработчиков событий;
 Адаптивность к разрешению мониторов просмотра страниц сайта:
o От 1024х768 до 1600х1200 пикселей (от 17" ЭЛТ до 19" ЭЛТ или 17" LCD).
o Основное разрешение: 1280х1024 пикселей (19" ЭЛТ или 17" LCD);
 кроссбраузерность (минимальные требования): IE 6+, FF 2+, Opera 9+, Chrome 1+, Safari 3+;
 горизонтальная составляющая разрешения экрана: 1024px;
 минимальное разрешение страниц шаблона (для горизонтальной полосы прокрутки): 360 px;
 Адаптивность к операционным системам:
o Microsoft Windows;
o Mac OS;
o Linux
 Примечания к верстве отдельных элементов дизайн-шаблона:
o Pop-up окна
 Для всех элементов контента, которые могут содержать текст различной длины, который должен быть вписан в одну строку (например, для кнопок или заголовков, если в дизайне не предусмотрено, что они могут занимать больше одной строки), применить свойство CSS: white-space:nowrap.
 Все промежуточные результаты работы должны демонстрироваться через Интернет, т.е. без архивов, только ссылки на свёрстанные макеты.

Сколько будет стоить данная работа? Сколько по времени?