Для студентов МГТУ им. Н.Э.Баумана по предмету Языки интернет-программированияИУ6 1-4 лабыИУ6 1-4 лабы
4,85511
2021-03-102021-03-10СтудИзба
Лабораторная работа: ИУ6 1-4 лабы
Описание
Условие у всех одинаковое
В архиве есть код и отчеты для каждой лабы
Условие:
В процессе выполнения работы реализовать следующие пункты:
В архиве есть код и отчеты для каждой лабы
Условие:
ЛР 1
- Выполните разметку HTML-страницы с использованием элементов семантической разметки текста. Напишите не менее 10 строк произвольного текста. Выделите в каждой строке несколько слов как более важные, значительно важные, добавьте математические формулы и пр. Также, с использованием семантической разметки, добавьте к тексту произвольные строки кода на любом языке программирования.
Подготовьте второй вариант разметки, отличающийся выделенными словами. Замените фрагменты, которые ранее отображались курсивом на фрагменты, отображаемые жирным шрифтом. - Сформируйте HTML-страницу с фрагментом расписания занятий (используйте элемент table). Выберите фрагмент расписания таким образом, чтобы хотя бы в одном месте возникала необходимость объединения ячеек таблицы.
- Подготовьте разметку формы регистрации на произвольном сайте. Для расположения элементов используйте табличную верстку.
- Используя валидаторы HTML (предустановленный в браузере или проверьте полученные HTML-страницы на наличие ошибок. Составьте таблицу выявленных ошибок, в которую внесите все ошибки валидации и их фактические проявления в браузере. Устраните все найденные ошибки.
ЛР 2
- Подготовьте разметку произвольного текста, содержащего не менее 10 строк (могут быть использованы материалы из лабораторной работы No 1) с использованием таблицы стилей. Продемонстрируйте выделение отдельных слов с помощью стилей, цвета и шрифта.
- С использованием элементов div подготовьте разметку таблицы, например, содержащей фрагмент расписания.
- Возьмите шаблон страницы Bootstrap (см. Приложение Б методического пособия). Измените цвет фона навигационной панели и подвала сайта на свое усмотрение.
- Вставьте:
- место текста “Вставьте сюда форму” форму из лабораторной работы 1;
- на место текста “Вставьте сюда таблицу” произвольную таблицу (на основе элементов table/tr/td);
- на место текста “Вставьте сюда текст” блок разметки текста (из пункта 1).
- Проверьте полученные HTML-страницы на наличие ошибок. Составьте таблицу выявленных ошибок, в которую внесите все ошибки валидации и их фактические проявления в браузере. Устраните все найденные ошибки.
ЛР 3
Написать jаvascript-код для вывода дерева элементов страницы, с которой этот код запущен. Отступы для отображения формировать как символ В процессе выполнения работы реализовать следующие пункты:
- Сформировать страницу с произвольным кодом разметки, но обеспечить уровень вложенности внутри элемента <body> не менее 3.
- добавить внутри элемента <body> секцию <div>, предназначенную для вывода результата обхода дерева элементов страницы.
- Выбрать способ активации рекурсивной программы обхода дерева элементов, реализовать и подключить эту программу.
- При проходе по узлам разметки обеспечить отладочный вывод в консоль. Привести в отчете содержимое консоли.
- Реализовать вывод на странице.
ЛР 4
Разработать страницу для оформления заказа товаров.- Реализовать форму для ввода наименования и стоимости. При нажатии на кнопку «Добавить», добавить введенные значения в таблицу.
- Сделать кнопку расчёта стоимости заказа.
- Поставить обработчик на изменение фона ячеек таблицы со стоимостью в тот момент, когда над ними находится указатель мыши.
- Подготовить страницу, содержащую таблицу товаров и их стоимости. На базе этой страницы обеспечить возможность выбора строк и добавления их в таблицу формирования заказа.
Характеристики лабораторной работы
Учебное заведение
МГТУ им. Н.Э.БауманаСеместр
Просмотров
142
Размер
11,34 Mb
Список файлов
LR1
1
bmstu.png
paper.jpg
styles.css
web.html
2
styles.css
web.html
3
paper.jpg
styles.css
web.html
LR1.doc
LR2
1
bmstu.png
paper.jpg
styles.css
web.html
2
styles.css
web.html
3
web.html
4
web.html
LR2.doc
LR3
LR3.doc
bmstu.png
LDV
10 марта 2021 в 05:13
![](https://s.studizba.com/z.php?f=/templates/si/i/noavatar.png&w=100&h=100&t=1"){kind=avatar}
