Уроки HTML и CSS




Контрольное задание «Создание HTML-шаблона на основе PSD-файла»

Задание. Создать HTML-шаблон на основе PSD-шаблона. Требования:

  • вариант контрольной работы соответствует номеру в списке группы (подгруппы);
  • ссылка на скачивание файла PSD находттся рядом с номером варианта;
  • верстка с применением DIV;
  • наличие текста и фото;
  • внешняя таблица стилей;
  • максимальное соответствие дизайна с исходным файлом;
  • в верхнюю часть HTML-шаблона должен быть подключен слайдер. Слайдер можно найти в Интернет или в разделе Web-дизайн – Слайдеры этого сайта;
  • необходимо с помощью внешней каскадной таблицы стилей без изменения html-файла сделать главное меню двухуровневым. Пример на рисунке ниже. Пункты меню придумать самостоятельно, цвета должны соответствовать цветовому решению шаблона.

На этом сайте есть готовые примеры двухуровневых меню, которые можно скачать.

Вариант 1. Скачать PSD-шаблон


Вариант 2. Скачать PSD-шаблон


Вариант 3. Скачать PSD-шаблон


Вариант 4. Скачать PSD-шаблон


Вариант 5. Скачать PSD-шаблон


Вариант 6. Скачать PSD-шаблон


Вариант 7. Скачать PSD-шаблон


Вариант 8. Скачать PSD-шаблон


Вариант 9. Скачать PSD-шаблон


Вариант 10. Скачать PSD-шаблон


Вариант 11. Скачать PSD-шаблон


Вариант 12. Скачать PSD-шаблон


Вариант 13. Скачать PSD-шаблон


Вариант 14. Скачать PSD-шаблон


Вариант 15. Скачать PSD-шаблон