Задание #1 (файл прикреплен)
Создайте макет страницы по приведенному образцу (дизайн не имеет значения). Используйте для верстки GRID и FLEX. У вас должно получиться два файла html и два файла css. Положите css в отдельную папку, картинки тоже в отдельную, например img. Для обоих вариантов создайте мобильную верстку.
Задание #2 (файл прикреплен)
Формы
- Создайте форму из трех текстовых полей. После ввода в первые два поля чисел и нажатия на кнопку, в третьем поле должен отобразиться итог: значение из первого поля минус значение второго поля.
- Разместите на странице произвольное количество пар radio+text. При переключение radio соответствующее текстовое поле должно активироваться (свойство disabled), а остальные неактивны. Ваш код не должен зависеть от количества таких пар. Используйте свойства объекта event.
Объект Window
- Создайте страницу, на которой расположите кнопку. По нажатию на кнопку открыть окно шириной 100 и высотой 200. Загрузите в это окно произвольную страницу. Она обязательно должна содержать кнопку «Закрыть», при нажатии на которую окно закроется.
Объект Document
- Создайте страницу, на которой расположите кнопку и картинку. Добейтесь, чтобы при нажатии на кнопку картинка менялась на другую. В наборе введите 3-5 картинок, они должны менять по кругу.
Объект Style
- Создайте HTML-страницу с двумя полями color и одной кнопкой. В одно поле должен вводиться цвет текста, в другое – цвет фона. При нажатии на кнопку, цвета страницы меняются на указанные в полях. Меняйте цвет не всего текста страницы, а одного абзаца
- Разместите на странице произвольный текст. При щелчке на этом тексте он должен стать жирным и наклонным.
- При щелчке мыши на текст вокруг него должна появляться цветная рамка со скругленными углами.
Свойство InnerHTML
- Введите на экран два текстовых поля, кнопку и текст «Результат» (заключите его в тег span). В поля вводятся цифры, и их сумма выводится вместо слова «Результат».
Задание #3 (файл прикреплен)
Контрольная работа (файл прикреплен)