maxxlorge/html-css-2

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

HTML&CSS#2

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

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

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

   • Заголовок;
   • Футер;
   • Навигационное меню c тегами.

3. Контентная зона должна содержать заголовок, выбранный в меню;

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

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

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

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

​​

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

1. Макет