Натянуть HTML шаблон на CMS DLE
hirurg06 06.07.2016 Стол заказов 1549 2 комментария
Нужно купленный шаблон посадить на CMS DLE
Шаблон вот:
http://themes.fxoffice.net/fightclub/fightclub/home-light.html
DLE 11 кодировка 1251
http://dropmefiles.com/WxUXQ
ТЗ
Условия 100% завершения работы :
1) Движок работает, структура файлов чистая и понятная(т.е. нет тысячи папок с тестовыми файлами сайта и тд)
2) Минимум установленных плагинов(помимо тех что идут в коробке). Только самые необходимые
3) На странице только один тег H1 остальные теги h2, h3 ... идут в хронологическом порядке.
4) Кодировка сайта и БД не utm-8, а 1251 (если еще возможно исправить)
5) Использование тегов html5 помогающих роботу правильно понять структуру страницы nav, head, section, footer и т.д.
6) Код всех страниц полностью валиден. Валидность проверяем сервисом https://validator.w3.org/ При проверке каждой из страниц не должно быть ошибок Error и не более 5-ти Warning
7) Файл стилей должен быть валидным. Валидность проверяем здесь https://jigsaw.w3.org/css-validator/ При проверке не должно быть ошибок Error
8) Иконки сайта должны быть объеденные в sprites
9) Все наши javascript должны быть объеденные в один файл. Все сторонние библиотеки должны лежать на сервере в минимизированных версиях.(А лучше вообще во возможности свести к минимуму использование лишних скриптов). Все js файлы
подключаем в футере перед тегом
10) Два файла css и javascript должны быть в удобном для чтения форматированном виде, а также в минимизированном виде (браузеру отдаем именно минимизированный вид)
12) CRM(и ее плагины) должны генерировать валидный код, не должны добавлять ненужные библиотеки и другую труху. Если плагин генерирует много лишнего кода, то от этого плагина нужно отказаться.
13) Все фреймы убираем. Если это видео то скачиваем его на сервер и отображаем с помощью HTML5. Если это карта то просто вставляем картинку вместо карты.
14) meta-теги title, description и keywords заполнены и располагаются сразу после тега head
15) На сервере включено кеширование файлов на лету
17) закомментированный код удаляем
18) Кросбраузерность. Должна быть но без фанатизма, проверяем на версиях популярных браузеров 2-х годичной давности
19) 301 редирект на главную для 404 страницы
20) Для всех картинок автоматом прописываются alt и title
21) Не использовать strong, b - нужную толщину шрифта задать в CSS
22) Вся навигация сайта (меню, хлебные крошки, списки и тд.) с помощью ненумерованных списков (теги ul, li)
23) Циклические ссылки - страницы не должны ссылаться сами на себя. Чтобы например, открытая страница не ссылалась на себя в меню.
24) Удостовериться, что на сайте отсутствуют битые ссылки. http://www.deadlinkchecker.com/
25) Микроразметка всех меню, логотипа, страницы контактов, статей, хлебных крошек, картинок
26) Применить скрипт закрытия ссылок в jQuery для следующих ссылок в верхнем и нижнем меню. А также для исходящих ссылок на соц. сети
Вот код для этого:
Любой элемент, к которому дописан атрибут data-innerlink="http://site.ru" или data-extlink="http://site.ru" превратится в псевдо-ссылку, т.е. по клику будет поведение, характерное для ссылки
data-innerlink - внутренняя ссылка
data-extlink - внешняя
Шаблон вот:
http://themes.fxoffice.net/fightclub/fightclub/home-light.html
DLE 11 кодировка 1251
http://dropmefiles.com/WxUXQ
ТЗ
Условия 100% завершения работы :
1) Движок работает, структура файлов чистая и понятная(т.е. нет тысячи папок с тестовыми файлами сайта и тд)
2) Минимум установленных плагинов(помимо тех что идут в коробке). Только самые необходимые
3) На странице только один тег H1 остальные теги h2, h3 ... идут в хронологическом порядке.
4) Кодировка сайта и БД не utm-8, а 1251 (если еще возможно исправить)
5) Использование тегов html5 помогающих роботу правильно понять структуру страницы nav, head, section, footer и т.д.
6) Код всех страниц полностью валиден. Валидность проверяем сервисом https://validator.w3.org/ При проверке каждой из страниц не должно быть ошибок Error и не более 5-ти Warning
7) Файл стилей должен быть валидным. Валидность проверяем здесь https://jigsaw.w3.org/css-validator/ При проверке не должно быть ошибок Error
8) Иконки сайта должны быть объеденные в sprites
9) Все наши javascript должны быть объеденные в один файл. Все сторонние библиотеки должны лежать на сервере в минимизированных версиях.(А лучше вообще во возможности свести к минимуму использование лишних скриптов). Все js файлы
подключаем в футере перед тегом
10) Два файла css и javascript должны быть в удобном для чтения форматированном виде, а также в минимизированном виде (браузеру отдаем именно минимизированный вид)
12) CRM(и ее плагины) должны генерировать валидный код, не должны добавлять ненужные библиотеки и другую труху. Если плагин генерирует много лишнего кода, то от этого плагина нужно отказаться.
13) Все фреймы убираем. Если это видео то скачиваем его на сервер и отображаем с помощью HTML5. Если это карта то просто вставляем картинку вместо карты.
14) meta-теги title, description и keywords заполнены и располагаются сразу после тега head
15) На сервере включено кеширование файлов на лету
17) закомментированный код удаляем
18) Кросбраузерность. Должна быть но без фанатизма, проверяем на версиях популярных браузеров 2-х годичной давности
19) 301 редирект на главную для 404 страницы
20) Для всех картинок автоматом прописываются alt и title
21) Не использовать strong, b - нужную толщину шрифта задать в CSS
22) Вся навигация сайта (меню, хлебные крошки, списки и тд.) с помощью ненумерованных списков (теги ul, li)
23) Циклические ссылки - страницы не должны ссылаться сами на себя. Чтобы например, открытая страница не ссылалась на себя в меню.
24) Удостовериться, что на сайте отсутствуют битые ссылки. http://www.deadlinkchecker.com/
25) Микроразметка всех меню, логотипа, страницы контактов, статей, хлебных крошек, картинок
26) Применить скрипт закрытия ссылок в jQuery для следующих ссылок в верхнем и нижнем меню. А также для исходящих ссылок на соц. сети
Вот код для этого:
Любой элемент, к которому дописан атрибут data-innerlink="http://site.ru" или data-extlink="http://site.ru" превратится в псевдо-ссылку, т.е. по клику будет поведение, характерное для ссылки
data-innerlink - внутренняя ссылка
data-extlink - внешняя
jQuery(document).ready(function($) {
// Псевдо-ссылки
// Внутренние
$('body').on('click', '[data-innerlink]', function() {
window.location.href = ($(this).data('innerlink'));
});
// Внешние
$('body').on('click', '[data-extlink]', function() {
window.open($(this).data('extlink'));
});
});
<ul>
<li><span class="menu-link1">Главная</span></li>
<li><span class="menu-link1">Обратная связь</span></li>
</ul>
<div style="clear: both;"></div>
</div>
<div style="clear: both;"></div>