Web-Дизайн Простые задачи

Задание 1. Создать простую галерею изображений, используя языки HTML5 и CSS3.

Содержание задания:

 Создать простой неупорядоченный список из пяти элементов (в качестве маркера использовать квадрат). Каждый элемент должен представлять собой миниатюру (эскиз картинки размером в 200 пикселей по ширине), являющуюся ссылкой на полное изображение. При клике на миниатюру должна открываться страница с изображением в его полном размере. На странице с изображением должна быть кнопка "Назад" (именно кнопка, оформленная через стили, а не просто ссылка), ведущая обратно на страницу с миниатюрами.

 Для каждой страницы должен быть одинаковый фон (не просто белый, а текстура, например, с сайта http://pattern4site.ru/). У каждой страницы должна быть правильно оформленная структура HTML и подшит внешний файл со стилями CSS.

 Форма проведения:Практическая работа в компьютерной программе (загрузка результата архивом zip со всеми файлами сайта в Личный кабинет)

Задание 2. Создание макета и небольшого сайта на его основе

Содержание задания:

Разработать макет сайта, содержащий строку заголовка, панель навигации, основную контентную часть, боковую панель и подвал. Задать текстурированную подложку и цвета для каждого блока.

 На основании макета создать от пяти до восьми страниц сайта (тема по желанию) с одинаковым оформлением. В качестве контента использовать заголовки, текст, списки, картинки и видео. В подвале добавить иконки-ссылки на социальные сети и другие контактные данные.

                 У веб-страниц должна быть иконка для отображения во вкладке браузера и разное название в теге title. Меню должно работать и осуществлять навигацию между страницами сайта.

 Форма проведения:

Практическая работа в компьютерной программе (загрузка результата архивом zip со всеми файлами сайта )