/HTML-CSS-2

Страница фотографий v2.0

Primary LanguageHTML

HTML&CSS#2

Иннокентий показал своим друзьям ваш сайт с фотографиями. У вредного товарища Бориса появились несколько замечаний. Кеша расстроился ведь ваш сайт ему сильно понравился. Но Иннокентий не отчаивается и снова спешит к вам за помощью.

  1. Из-за того, что Кеша хочет выложить свой сайт в Интернет, он попросил вас переделать разметку с использованием максимального числа семантических тегов, чтобы поисковые системы лучше индексировали его сайт и он всегда был в топах поиска;

  2. В дальнейшем Кеша хочет сделать свой сайт динамическим: добавить на него поиск, переход по разделам и многое другое. Для этого ему нужен новый каркас, который будет содержать:

    • Заголовок;
    • Футер;
    • Навигационное меню c тегами.
  3. Контентная зона должна содержать заголовок, выбранный в меню;

  4. Под заголовком контентная зона содержит карточки фотографий;

  5. Карточка состоит из следующих элементов:

    • Превью фотографии 320x240;
    • Справа от фотографии разместите блок с информацией:
      • Дата съемки;
      • Локация съемки;
      • Краткое описание.
    • Под блоком с информацией надо выводить теги, которые привязаны к фотографии.

В итоге вашей работы должен получить примерно такой сайт:

​​

Полезные ссылки:

  1. Макет