- Валидность верстки, проверка на
- Кроссбраузерность (ie8 и выше, firefox, opera, chrome)
- Необходимо использовать заготовку (во вложении), в style.css стили стандартных тегов (a, h1, h3, p и т.п.), в frame.csss код шаблона.
- Меню должно состоять только из вложенных тегов ul, li, a
- Меню должно иметь класс a:hover и li.active a – (подчеркнутый текст)
- заголовки "Навигация", "Карта", "Новости и события", "Фотогалерея", "Карта" h3, красный фон – фон тега h3
- заголовок "Добро пожаловать на наш сайт" h1, подчеркивание – нижняя граница тега h1
- Слайдер должет состоять из тегов ul li img span (только сверстать, javascript не нужен)
- индикаторы переключения слайдов должны иметь класс active, при наличии которого индекатор становится подсвеченным
- переключатели слайдера должны быть тегами <a> с фоном, фон должен быть спрайтом
- с логотипа ссылка на главную
- в футере список "Тхеквондо, ..." – это меню
- в шапке плашки "Тхеквондо, ..." – это меню
- в новостях заголовок ссылкой
- в заголовке "Новости и события" подчеркивание – это нижняя граница тега h3
- в заголовке "Навигация" синий фон это фон тега h3
базовые теги (h1, h2, h3, img, ul, li) не должны содержать тегов без крайней необходимости
отдельные блоки должны быть обрамлены в div с классом по смыслу, например левое меню:
<div class = "left-side">
<div class = "left-menu">
<h3></h3>
<ul>
<li><a href = "#"></a></li>
</ul>
</div>
</div>
при этом селекторы формируются в виде:
.left-menu ul {}
.left-menu ul li {}
пример как делать не нужно:
<h3 class = "left-menu-header"></h3>
<ul class = "left-menu">
<li><a href = "#"></a></li>
</ul>
h3.left-menu-header {}
ul.left-menu {}
ul.left-menu li {}