ЛР1 (1). Лекциях (Тема 1, лекции 12). Задание
 Скачать 173.19 Kb.
|
|
1 ЛАБОРАТОРНАЯ РАБОТА 1 Сравнительный анализ технологий верстки Целью работы является выявление отличительных особенностей различных стилей верстки веб-приложений. Теоретическая часть Нужно ознакомиться с теоретическим и практическим материалом, изложенным в лекциях (Тема 1, лекции 1-2). Задание 1. Выбрать вариант (см. ниже) 2. Сделать верстку макета (допускается неадаптивный интерфейс), используя элементы по спецификации HTML5: • Для отладки использовать любой доступный и удобный инструмента. Например, JSFiddle (https://jsfiddle.net/). • Структурные элементы прототипа должны быть «обезличены»: не должно быть никакого текста, рисунков, таблиц и пр. Только выделение заливкой цветом. • Стили выделить в файл style.css. Не использовать встроенные стили. 3. Внести подробное описание кода в отчет. Составить таблицу по элементам и селекторам CSS (в свободной форме). 4. Изучить фреймворк Bootstrap по русскоязычному руководству (https://html5css.ru/bootstrap4/default.php). 5. Повторить разработанный ранее шаблон с использованием Bootstrap (интерфейс должен быть адаптивным). 2 6. Внести подробное описание кода в отчет. Составить таблицу по элементам и селекторам CSS (в свободной форме). 7. Сравнить оба использованных подхода. Результаты сравнительной оценки сложности кода и других выбранных Вами параметров отразить в отчете (в свободной форме). 8. Сделать вывод. Поместить его в отчет. Варианты заданий Вариант 1 Вариант 2 Вариант 3 Вариант 4 3 Вариант 5 Вариант 6 Вариант 7 Вариант 8 |