Урок - Требования к дизайну для Drupal 6.

Главная » Курсы » Курс Drupal 6, Темизация. » Урок - Требования к дизайну для Drupal 6.

Обучающий онлайн курс
Drupal 6, Темизация.

Лицензия: Копирование запрещено.

HTML-элементы, которые должны быть прорисованы в дизайне.

  • Заголовки (элементы H1, H2, H3, H4, H5, H6).
    Для заголовков важны следующие моменты:
    • H1 - это основной заголовок страницы. Должен быть один на странице.
    • Заголовок может занимать более одной строки. Чаще всего используются два решения:
      • Разрешается вывод на несколько строк.
      • Справа текст скрывается.
    • Заголовок может иметь вложенную в себя ссылку.
<h1><a href="#">Text</a></h1>
  • Списки (ul - не нумерованный список, ol - нумерованный список, li -  элемент списка), со вложенностью.
  • Таблицы (table, thead, tbody, tfoot, th, td). Для табліцы выжны следующие моменты:
    • Выравнивание ячеек вертикально и горизонтально.
    • Наличие нумерации.
    • Нужно ли название таблицы? (элемент <caption>)
  • Ссылки должны быть обязательно прорисованы в двух состояниях:
    • normal - нормальная ссылка.
    • hover - вид ссылки при наведении.
    • состояние visited (посещенная страница) идет в плюс дизайна.
    • также в плюс идет состояние active (ссылка соответсвует текущей странице).
  • Груповой элемент (<fieldset>) с заголовком (<legend>).
  • Элементы форм должны быть одном стиле.
    • однострочный редактор (<input type="text">, <input type="password">)
    • многострочный редактор (<textarea>)
    • выпадающий список (<select>) c учетом группировки (<optgroup>)
    • "радио" кнопка (<input type="radio">)
    • "флажок" aka "чекбокс" (<input type="checkbox">)
    • элемент выбора даты
  • Кнопки (<button>, <input type="submit">, <input type="button">) должны быть выравнены по правому или левому краю.
  • Обязательно должен быть пример отображения элементов формы целиком в форме.

Логические элементы, которые должны быть прорисованы в дизайне.

  • Обратная навигация ("хлебные крошки")

Элементы необходимые Drupal 6.

  • Страница, когда сайт закрыт (например, когда обновляется).
  • Закладки (tabs)

Сопутсвующие элементы дизайна сайта.

  • Favicon (иконка сайта) - используется многими сервисами для отображения рядом с урлом или названием сайта, используется в браузерах на закладках и в меню.
  • Страница ошибки 403.
  • Страница ошибки 404.