Заказать контрольную работу для заочников

по дисциплине «Основы web-технологий: HTML, CSS, JavaScript» для студентов 2 курса специальности 1-40 01 01 – программное обеспечение информационных технологий (полная и сокращенная формы обучения)

• Форматирование текста
• Карта ссылок
• CSS
• JavaScript. Обработка событий
• Объекты JavaScript: array. Создание японских кроссвордов
• Программирование форм
• Объекты JavaScript: Data

Контрольная работа: «Форматирование текста»

Создать сайт (заказать) в стиле HTML5 используя заданную структуру согласно варианта. (Структура сайта дана в конце этого файла!!!) Для оформления содержимого сайта использовать CSS3.

Заголовок сайта содержит фамилию, имя, отчество. Заголовок оформить в виде объемной надписи с использованием позиционирования и свойства z-index. Основное меню: «Форматирование, CSS, JS, Кроссворд, Форма, Даты». Каждый элемент основного меню содержит несколько заданий, которые появляются при выборе основного пункта меню в виде «Подзадание навигация».

Пункты «Подзадание навигация» для элемента основного меню «Форматирование»:

• «Предварительно отформатированный текст»: используя тег предварительно отформатированного текста вывести стихи
• «Цитаты»: используя теги для цитат, задать 3 различных цитаты
• «Списки»: используя теги задания списков, задать 3 различных списка (нумерованный, маркированный, список определений)
• «Таблицы»: представить информацию в виде таблицы (с объединением ячеек в строках или столбцах)
• «escape-последовательности»: вывести на страничку сайта код для создания таблицы с учетом форматирования
• «Закладки»: задать переходы внутри страницы
• «Виджет»: создать простой открывающийся и закрывающийся виджет, то есть фрагмент краткого изложения, по щелчку на котором открывается панель с дополнительной информацией используя теги details и summary

Подвал страницы сайта должен содержать сведения об авторских правах и адрес электронной почты.

Контрольная работа: «Карта ссылок»

В качестве логотипа вставить заданное изображение согласно варианту и сделать его картой ссылок.

Контрольная работа (заказать): «CSS»

Пункты «Подзадание навигация» для элемента основного меню «СSS»:

• «Наследование»: подготовьте документ с двумя разделами Первый раздел определяется первым стилем (буквы должны печататься коричневым по светло-серому фону расстояние между содержимым и рамкой элемента должно составлять 0,5 см текст выравнивается по левому и правому краям), второй — вторым (фон бирюзовый расстояние между содержимым и рамкой элемента должно составлять 0,5 см поля слева и справа от элемента по 1 см) Второй раздел должен быть вложен в первый, чтобы было видно наследование
• «Обтекание»: определите стиль nb таким образом, чтобы элемент заключался в рамку (бордюр), занимал (по ширине) половину окна браузера (независимо от его размера), был расположен у левого края, а остальные элементы страницы обтекали бы этот элемент справа
• «Рамка»: подготовьте стиль для абзаца, у которого слева и справа проводится вертикальная черта (на всю высоту абзаца)
• «Подложка»: подготовьте стиль абзаца "подложка" (ground) и стиль "надпись" (poster) Используя созданные стили, создайте страницу с надписью поверх подложки Подложка пишется очень крупными буквами мягкого светло-серого цвета Надпись пишется коричневыми буквами обычного размера
• «Двухколонный»: используя стили, сделайте страницу, в которой текст выводится в две колонки и первая буква каждой колонки оформлена в виде буквицы
• «Область с прокруткой»: постройте на экране две области с линейками прокрутки и поместите в них информационные элементы
• «Медиазапрос» Реализовать три медиазапроса: 1 Создать блочный элемент, в котором находится большой текст В зависимости от размера окна браузера уменьшать размеры блочного элемента и произвести усечение текста с добавлением многоточия 2 Изменить созданный сайт следующим образом: при уменьшении размера экрана до 300 пикселов, боковые панели с меню и анонсами рубрик убирались, оставался только Content 3 Создать следующий медиазапрос: при уменьшении размера окна браузера двухколонный текст с буквицей преобразовывается в одноколонный текст без буквицы
• «Селекторы атрибутов» Произвести задание стилевых свойств, используя следующие способы доступа: селекторы атрибутов значение атрибута в начале атрибута значение атрибута в середине атрибута значение атрибута в конце атрибута
• «Структурные псевдоклассы» Используя структурные псевдоклассы, задать следующие стилевые свойства для групп элементов: изменение только первого элемента группы изменение только последнего элемента группы изменение только четных элементов группы изменение только нечетных элементов группы изменение соседних двух элементов через три соседних элемента изменение только заданного элемента изменение всех элементов, кроме одного
• «Цветовые режимы» Для блока задать не менее трех различных способов отображения (с использованием свойства boder-radius) Для задания цвета использовать форматы hsl, hsla
• «Создание тени, градиентного фона, фильтры» Используя различные свойства теней для текста, создать: объемную надпись, наложить несколько теней на текст Создать градиентный фон для блока Применить к различным изображениям не менее 3 фильтров
• «Переходы, преобразования и анимация» Создать не менее 3 различных переходов Для блочных элементов создать следующие 2D-преобразования при наведении на них курсора мыши: масштабирование, перемещение, вращение, наклон
• «Flexbox, переключение разрешения изображений» Используя возможности Flexbox реализовать следующие действия: выравнивание текста по вертикали и горизонтали в блочном элементе смещение одного из элементов списка к правому или левому краю преобразование списка из вертикального в горизонтальный или из горизонтального в вертикальный при изменение размера экрана изменение порядка следования элементов списка на противоположный

Заказать задание: «JavaScript. Обработка событий»

Пункты «Подзадание навигация» для элемента основного меню «JS»:

• «Движение» Создайте страничку, на которой по основному тексту "проплывает" Ваше имя Алгоритм движения: текст двигается по заданной траектории (согласно варианта) через некоторое время текст "скачком" возвращается в исходное положение и все повторяется
• «Управление движением» Создайте страничку, на которой по основному тексту "плавает" Ваше имя Управление движением — при помощи экранных кнопок (для четных вариантов), при помощи кнопок клавиатуры (для нечетных вариантов)

Заказать задание: «Объекты JavaScript: array. Создание японских кроссвордов»

Задание для элемента основного меню «Кроссворд»: Создать страницу сайта для разгадывания японского кроссворда. Размер кроссворда должен быть не менее 20х30. Предусмотреть следующие возможности:

• Проверка правильности разгаданного кроссворда
• Очистка всего поля
• Правильный ответ

Кроссворд может быть цветным или черно-белым.

Заказать задание: «Программирование форм»

Задание для элемента основного меню «Форма»:

1. Разработать форму для ввода данных согласно заданной предметной области. Поля формы должны быть сгруппированы. Форма должна содержать следующие элементы:
   • текстовые поля,
   • флажки,
   • переключатели,
   • списки,
   • различные виды кнопок
   • текст-заместитель
   • отключить автозавершение для отдельных полей
   • атрибут list и связанный с ним элемент datalist
   • поле для ввода e-mail
   • поле ввода числа number c указанием диапазона и шага приращения
   • поле ввода url
   • поле ввода телефона
   • поле поиска
   • поле ввода данных по шаблону
   • поле ввода даты
   • ползунок с отображением выбранного значения
2. При открытии формы предусмотреть установку фокуса на первое поле
3. Форма должна содержать обязательные и необязательные поля Обязательные поля должны быть выделены с использованием свойств CSS
4. При вводе элементов формы предусмотреть проверку заполнения обязательных полей
5. Введенные данные должны отображаться на данной странице в виде динамически создаваемой таблицы по нажатии кнопки «Отправить»
6. Для отображения таблицы с формой использовать метод
7. documentmyForminsertAdjacentHTML("afterEnd", вставляемая строка содержащая таблицу)
8. Предусмотреть возможность удаления данных из результирующей таблицы

Заказать задание: «Объекты JavaScript: Data» Задание для элемента основного меню «Data». Разработать форму для ввода данных о сотрудниках. Введенные данные отображаются в виде таблицы. При добавлении нового сотрудника информация добавляется в таблицу. Поместить информацию в виде таблицы с результатом выполнения задания согласно варианта.

1. В анкете заполняется информация о десяти сотрудниках: фамилия, дата заключения контракта и срок (в годах), на какой заключен контракт. Создайте форму для ввода данных. Напишите сценарий, определяющий: дату окончания контракта.
2. В анкете заполняется информация о десяти сотрудниках: фамилия, дата заключения контракта и срок (в годах), на какой заключен контракт. Создайте форму для ввода данных. Напишите сценарий, определяющий сотрудников, контракт c которыми заканчивается в определенном году (год выбирается пользователем);
3. В анкете приводятся данные о шести сотрудниках: фамилия и дата приема на работу. Все сотрудники в зависимости от стажа работы разделяются на категории: проработавшие меньше года относятся к категории "молодой", от года до пяти лет — "опытный", более пяти лет — "ветеран". Напишите сценарий определения стажа работы каждого сотрудника и числа сотрудников в каждой категории.
4. В анкете заполняется информация о десяти сотрудниках: фамилия, дата заключения контракта и срок (в годах), на какой заключен контракт. Создайте форму для ввода данных. Напишите сценарий, определяющий сотрудников, контракт с которыми заканчивается в 1 квартале.
5. В анкете заполняется информация о семи сотрудниках: фамилия, дата заключения контракта. Ровно через одиннадцать месяцев после начала работы сотрудникам предоставляется отпуск продолжительностью 24 рабочих дня. Создайте форму для ввода данных. Напишите сценарий, определяющий дату начала и окончания отпуска для каждого из сотрудников.
6. В анкете заполняется информация о сотрудниках: фамилия, дата заключения контракта. Ровно через одиннадцать месяцев после начала работы сотрудникам предоставляется отпуск продолжительностью 28 рабочих дня. Создайте форму для ввода данных. Напишите сценарий, определяющий фамилии сотрудников, отпуск которым будет предоставлен в следующем календарном году.
7. В анкете заполняется информация о сотрудниках: фамилия, дата заключения контракта. Ровно через одиннадцать месяцев после начала работы сотрудникам предоставляется отпуск продолжительностью 48 рабочих дня. Создайте форму для ввода данных. Напишите сценарий, определяющий дату начала и окончания отпуска для каждого из сотрудников.
8. В анкете заполняется информация о сотрудниках: фамилия, дата заключения контракта, продолжительность отпуска. Ровно через одиннадцать месяцев после начала работы сотрудникам предоставляется отпуск, продолжительность которого оговорена в контракте (12, 24, 30, 48, 60 дней). Напишите сценарий, определяющий дату начала и окончания отпуска для каждого из сотрудников.
9. В анкете заполняется информация о сотрудниках: фамилия, дата заключения контракта и срок (в годах), на какой заключен контракт. Создайте форму для ввода данных. Напишите сценарий, определяющий месяц, о который закончится контракт.
10. В анкете заполняется информация о сотрудниках: фамилия, дата заключения контракта. Ровно через одиннадцать месяцев после начала работы сотрудникам предоставляется отпуск продолжительностью 24 рабочих дня. Создайте форму для ввода данных. Напишите сценарий, определяющий дату начала и окончания отпуска для каждого из сотрудников.
11. В анкете заполняется информация о сотрудниках: фамилия, дата заключения контракта и срок (в годах), на какой заключен контракт. Создайте форму для ввода данных. Напишите сценарий, определяющий день недели, в который закончится контракт.
12. В анкете заполняется информация о сотрудниках: фамилия, дата заключения контракта. Ровно через одиннадцать месяцев после начала работы сотрудникам предоставляется отпуск продолжительностью 36 рабочих дня. Создайте форму для ввода данных. Напишите сценарий, определяющий дату начала и окончания отпуска для каждого из сотрудников.
13. В анкете заполняется информация о сотрудниках: фамилия, дата заключения контракта, продолжительность отпуска. Ровно через одиннадцать месяцев после начала работы сотрудникам предоставляется отпуск, продолжительность которого оговорена в контракте (30, 48, 54, 60 дней). Напишите сценарий, определяющий дату начала и окончания отпуска для каждого из сотрудников.
14. В анкете заполняется информация о десяти сотрудниках: фамилия, дата заключения контракта и срок (в годах), на какой заключен контракт. Создайте форму для ввода данных. Напишите сценарий, определяющий дату окончания контракта.
15. В анкете заполняется информация о сотрудниках: фамилия, дата заключения контракта. Ровно через одиннадцать месяцев после начала работы сотрудникам предоставляется отпуск продолжительностью 54 рабочих дня. Создайте форму для ввода данных. Напишите сценарий, определяющий дату начала и окончания отпуска для каждого из сотрудников.
16. В анкете заполняется информация о сотрудниках: фамилия, дата заключения контракта и срок (в годах), на какой заключен контракт. Создайте форму для ввода данных. Напишите сценарий, определяющий месяц, о который закончится контракт.
17. В анкете приводятся данные о сотрудниках: фамилия, дата рождения и оклад. Все сотрудники в зависимости от возраста разделяются на категории: менее 30 лет — "молодой", от 30 до 55 — "средний возраст", более 55 — "старший возраст". Напишите сценарий вычисления возраста каждого сотрудника и размер средней зарплаты для любой категории.
18. В анкете приводятся данные о сотрудниках: фамилия и дата приема на работу. Напишите сценарий вычисления стажа работы (в годах) и определения максимального числа сотрудников с одинаковым стажем.
19. В анкете заполняется информация о семи сотрудниках: фамилия, дата заключения контракта. Ровно через одиннадцать месяцев после начала работы сотрудникам предоставляется отпуск продолжительностью 24 рабочих дня. Создайте форму для ввода данных. Напишите сценарий, определяющий фамилии сотрудников, отпуск которым будет предоставлен в заданном месяце (месяц выбирается пользователем).
20. В анкете заполняется информация о семи сотрудниках: фамилия, дата заключения контракта. Ровно через одиннадцать месяцев после начала работы сотрудникам предоставляется отпуск продолжительностью 24 рабочих дня. Создайте форму для ввода данных. Напишите сценарий, определяющий фамилии сотрудников, отпуск которых будет завершен в 1 квартале.
21. В анкете заполняется информация о сотрудниках: фамилия, дата заключения контракта. Ровно через одиннадцать месяцев после начала работы сотрудникам предоставляется отпуск продолжительностью 28 рабочих дня. Создайте форму для ввода данных. Напишите сценарий, определяющий фамилии сотрудников, отпуск которых будет завершен в следующем календарном году.
22. В анкете заполняется информация о сотрудниках: фамилия, дата заключения контракта. Ровно через одиннадцать месяцев после начала работы сотрудникам предоставляется отпуск продолжительностью 28 рабочих дня. Создайте форму для ввода данных. Напишите сценарий, определяющий фамилии сотрудников, которые в данный момент работают (не находится в отпуске), в зависимости от введенной пользователем даты.
23. В анкете заполняется информация о сотрудниках: фамилия, дата заключения контракта. Ровно через одиннадцать месяцев после начала работы сотрудникам предоставляется отпуск продолжительностью 48 рабочих дня. Создайте форму для ввода данных. Напишите сценарий, определяющий фамилии сотрудников, отпуск которым будет предоставлен зимой.
24. В анкете заполняется информация о сотрудниках: фамилия, дата заключения контракта. Ровно через одиннадцать месяцев после начала работы сотрудникам предоставляется отпуск продолжительностью 48 рабочих дня. Создайте форму для ввода данных. Напишите сценарий, определяющий фамилии сотрудников, отпуск которых будет завершен во 2 квартале.
25. В анкете заполняется информация о сотрудниках: фамилия, дата заключения контракта, продолжительность отпуска. Ровно через одиннадцать месяцев после начала работы сотрудникам предоставляется отпуск, продолжительность которого оговорена в контракте (12, 24, 30, 48, 60 дней). Напишите сценарий, определяющий фамилии сотрудников, начала отпусков которых приходятся на данный месяц (месяц выбирается пользователем).
26. В анкете заполняется информация о сотрудниках: фамилия, дата заключения контракта, продолжительность отпуска. Ровно через одиннадцать месяцев после начала работы сотрудникам предоставляется отпуск, продолжительность которого оговорена в контракте (12, 24, 30, 48, 60 дней). Напишите сценарий, определяющий в зависимости от введенной пользователем даты фамилии сотрудников, которым предоставлен отпуск.
27. В анкете заполняется информация о сотрудниках: фамилия, дата заключения контракта и срок (в годах), на какой заключен контракт. Создайте форму для ввода данных. Напишите сценарий, определяющий сотрудников, контракт с которыми заканчивается в определенном месяце (месяц выбирается пользователем).
28. В анкете заполняется информация о сотрудниках: фамилия, дата заключения контракта и срок (в годах), на какой заключен контракт. Создайте форму для ввода данных. Напишите сценарий, определяющий сотрудников, контракт с которыми заканчивается во 2 квартале.
29. В анкете заполняется информация о сотрудниках: фамилия, дата заключения контракта и срок (в годах), на какой заключен контракт. Создайте форму для ввода данных. Напишите сценарий, определяющий сотрудников, контракт с которыми заканчивается в определенное время года (время года выбирается).
30. В анкете заполняется информация о сотрудниках: фамилия, дата заключения контракта и срок (в годах), на какой заключен контракт. Создайте форму для ввода данных. Напишите сценарий, определяющий сотрудников, контракт с которыми завершен на заданную дату.