Theory and Tasks for Students - Spring 2019
Задание D - More pages

На основе предыдущих заданий необходимо расширить свой сайт следующим образом:

  • Должна быть главная страница и соответствующая ссылка на неё в навигации;
  • Должна быть страница регистрацией с формой в качестве контента и ссылка на эту страницу в навигации;
  • Отдельная страница, на которой поверх всего макета отображается форма входа - она будет использоваться в следующем задании E, ссылка на эту страницу не нужна.

Каждая страница должна находиться, очевидно, в своём файле. Таблицы стилей обязательно должны быть вынесены в отдельный файл. Весь сайт должен следовать одному стилю, основанному на макете из задания C - этот макет можно видоизменить согласно вашему дизайну, например, можно переместить или вовсе убрать сайдбар или поставить навигацию в одну строку с названием сайта в шапке.

Форма входа должна быть позиционирована фиксировано поверх всех элементов странице и на её позицию не должна влиять прокрутка. Дизайн и содержание формы может отличаться от примера. Задавать стили плейсхолдерам полей ввода можно с помощью псевдоэлемента ::placeholder - важно, что здесь два знака двоеточия. Стили полей, которые сейчас в фокусе(например, текстовое поле, в которое сейчас осуществляется ввод) можно задавать с помощью псевдокласса :focus.

Пример формы входа