МИНОБРНАУКИ РОССИИ
федеральное государственное бюджетное образовательное учреждение высшего образования
«Алтайский государственный университет»

Дизайн и разработка Web-приложений

рабочая программа дисциплины
Закреплена за кафедройКафедра экономики и прикладной информатики (Бийск)
Направление подготовки09.03.03. Прикладная информатика
ПрофильERP-системы и прикладное программирование
Форма обученияЗаочная
Общая трудоемкость6 ЗЕТ
Учебный планФлБийск_z09_03_03_Прикладная информатика_ERP-2025
Часов по учебному плану 216
в том числе:
аудиторные занятия 30
самостоятельная работа 173
контроль 13
Виды контроля по курсам
экзамены: 3
зачеты: 3

Распределение часов по курсам

Курс 3 Итого
Вид занятий УПРПДУПРПД
Лекции 10 10 10 10
Лабораторные 20 20 20 20
Сам. работа 173 173 173 173
Часы на контроль 13 13 13 13
Итого 216 216 216 216

Программу составил(и):
канд.техн.наук, ст.преподаватель, Колгатин Владимир Николаевич

Рецензент(ы):
ст.преподаватель, Кураев Максим Иванович

Рабочая программа дисциплины
Дизайн и разработка Web-приложений

разработана в соответствии с ФГОС:
Федеральный государственный образовательный стандарт высшего образования - бакалавриат по направлению подготовки 09.03.03 Прикладная информатика (приказ Минобрнауки России от 19.09.2017 г. № 922)

составлена на основании учебного плана:
09.03.03 Прикладная информатика
утвержденного учёным советом вуза от 26.06.2023 протокол № 6.

Рабочая программа одобрена на заседании кафедры
Кафедра экономики и прикладной информатики (Бийск)

Протокол от 29.04.2025 г. № 6
Срок действия программы: 2025-2026 уч. г.

Заведующий кафедрой


1. Цели освоения дисциплины

1.1.познакомить студентов с технологиями проектирования сайтов, вёрстки (разметки и форматирования) веб-страниц, в соответствии со стандартами и рекомендациями W3C; принципами создания динамических веб-сайтов;
Знание языков.
Опыт вёрстки.
научить технологиям разметки (HTML5, XML, DTD), каскадных стилевых таблиц (CSS2, CSS3), веб-программирования (JavaScript, DOM2, PHP), создания информационных систем с веб-интерфейсом в архитектуре MVC;
дать практические навыки развёртывания инфраструктуры, создания, размещения и сопровождения веб-сайтов, использования современных веб-технологий.

2. Место дисциплины в структуре ООП

Цикл (раздел) ООП: Б1.В.01

3. Компетенции обучающегося, формируемые в результате освоения дисциплины

ПК-1 Способен выполнять моделирование архитектуры предприятия, разработку требований и проектирование программного обеспечения
ПК-2 Способен выполнять работы по созданию, внедрению, сопровождению и модификации информационных систем в прикладных областях
В результате освоения дисциплины обучающийся должен
3.1.Знать:
3.1.1.принципы построения сайтов, основы веб-программирования;
основные принципы работы Apache и платформы LAMP;
языки разметки XML, HTML5, CSS;
основы языков программирования PHP, JavaScript;
объектную модель документа (DOM2);
понятия фреймворков и библиотек (JQuery, xAjax, Yii);
основные принципы работы шаблонизаторов, технологию AJAX;
технологии использования API свободных веб-сервисов.
3.2.Уметь:
3.2.1.выполнять вёрстку (разметку) и формление веб-страниц;
проектировать и разворачивать базы данных в СУБД SQLite/MariaDB/PostgreSQL;
писать программные модули для управления данными и отображения контента с использованием языка программирования PHP;
создавать интерактивные элементы на основе DOM, JavaScript и технологии Ajax;
выполнять разметку страниц с использованием веб-шаблонов;
использовать API свободных веб-сервисов.
3.3.Иметь навыки и (или) опыт деятельности (владеть):
3.3.1.инструментальными средствами вёрстки, форматирования и веб-программирования;
основными приёмами по созданию веб-страниц и динамических веб-сайтов с использованием методологии MVC;
опытом размещения, сопровождения, настройки (в т.ч. защиты) сайтов на удалённом веб-сервере.

4. Структура и содержание дисциплины

Код занятия Наименование разделов и тем Вид занятия Курс Часов Компетенции Литература
Раздел 1. Современные технологии разработки веб-сайтов
1.1. Введение. Сам. работа 3 4 ПК-2, ПК-1 Л1.1, Л2.1
1.2. Сетевые настройки. Сам. работа 3 4 ПК-2, ПК-1 Л1.1, Л2.1
Раздел 2. Разметка документов
2.1. Язык разметки документов XML. Лекции 3 1 ПК-2, ПК-1 Л1.1, Л2.1
2.2. Чтене лекции и литературы. Сам. работа 3 4 ПК-2, ПК-1 Л1.1, Л2.1
2.3. XML-документы. Лабораторные 3 1 ПК-2, ПК-1 Л1.1, Л2.1
2.4. Доработка лабораторной работы. Сам. работа 3 4 ПК-2, ПК-1 Л1.1, Л2.1
2.5. Стандарты HTML. Сам. работа 3 4 ПК-2, ПК-1 Л1.1, Л2.1
2.6. HTML-страницы. Лабораторные 3 1 ПК-2, ПК-1 Л1.1, Л2.1
2.7. Доработка лабораторной работы. Сам. работа 3 4 ПК-2, ПК-1 Л1.1, Л2.1
2.8. Введение в технологию CSS. Лекции 3 1 ПК-2, ПК-1 Л1.1, Л2.1
2.9. Чтене лекции и литературы. Сам. работа 3 6 ПК-2, ПК-1 Л1.1, Л2.1
2.10. Работа с CSS. Лабораторные 3 1 ПК-2, ПК-1 Л1.1, Л2.1
2.11. Доработка лабораторной работы. Сам. работа 3 4 ПК-2, ПК-1 Л1.1, Л2.1
2.12. Создание «правильных» web-сайтов. Лекции 3 1 ПК-2, ПК-1 Л1.1, Л2.1
2.13. Чтене лекции и литературы. Сам. работа 3 6 ПК-2, ПК-1 Л1.1, Л2.1
2.14. Размещение веб-сайтов на сервере. Лабораторные 3 1 ПК-2, ПК-1 Л1.1, Л2.1
2.15. Доработка лабораторной работы. Сам. работа 3 4 ПК-2, ПК-1 Л1.1, Л2.1
Раздел 3. Фронт-енд разработка
3.1. Введение в ECMAScript. Лекции 3 1 ПК-2, ПК-1 Л1.1, Л2.1
3.2. Чтене лекции и литературы. Сам. работа 3 4 ПК-2, ПК-1 Л1.1, Л2.1
3.3. Знакомство с JavaScript. Лабораторные 3 1 ПК-2, ПК-1 Л1.1, Л2.1
3.4. Доработка лабораторной работы. Сам. работа 3 6 ПК-2, ПК-1 Л1.1, Л2.1
3.5. Технология AJAX. Лабораторные 3 1 ПК-2, ПК-1 Л1.1, Л2.1
3.6. Доработка лабораторной работы. Сам. работа 3 8 ПК-2, ПК-1 Л1.1, Л2.1
3.7. Объектная модель документа. Лекции 3 1 ПК-2, ПК-1 Л1.1, Л2.1
3.8. Чтене лекции и литературы. Сам. работа 3 4 ПК-2, ПК-1 Л1.1, Л2.1
3.9. Применение DOM2 в скриптах. Лабораторные 3 1 ПК-2, ПК-1 Л1.1, Л2.1
3.10. Доработка лабораторной работы. Сам. работа 3 8 ПК-2, ПК-1 Л1.1, Л2.1
3.11. Введение в юзабилити. Сам. работа 3 4 ПК-2, ПК-1 Л1.1, Л2.1
3.12. Повышение доступности сайта. Лабораторные 3 1 ПК-2, ПК-1 Л1.1, Л2.1
3.13. Доработка лабораторной работы. Сам. работа 3 4 ПК-2, ПК-1 Л1.1, Л2.1
3.14. Развёртывание CMS Drupal. Лабораторные 3 1 ПК-2, ПК-1 Л1.1, Л2.1
3.15. Доработка лабораторной работы. Сам. работа 3 8 ПК-2, ПК-1 Л1.1, Л2.1
Раздел 4. Бэк-енд программирование
4.1. Основы серверного программирования. Лекции 3 1 ПК-2, ПК-1 Л1.1, Л2.1
4.2. Чтене лекции и литературы. Сам. работа 3 6 ПК-2, ПК-1 Л1.1, Л2.1
4.3. Платформа LAMP. Хостинг сайта. Лабораторные 3 1 ПК-2, ПК-1 Л1.1, Л2.1
4.4. Доработка лабораторной работы. Сам. работа 3 4 ПК-2, ПК-1 Л1.1, Л2.1
4.5. Применение реляционных СУБД в веб-программировании. Лекции 3 1 ПК-2, ПК-1 Л1.1, Л2.1
4.6. Чтене лекции и литературы. Сам. работа 3 4 ПК-2, ПК-1 Л1.1, Л2.1
4.7. Веб-приложение, работающее с реляционной БД (ввод и редактирование данных). Лабораторные 3 1 ПК-2, ПК-1 Л1.1, Л2.1
4.8. Доработка лабораторной работы. Сам. работа 3 6 ПК-2, ПК-1 Л1.1, Л2.1
4.9. Безопасность веб-приложений. Лекции 3 1 ПК-2, ПК-1 Л1.1, Л2.1
4.10. Чтене лекции и литературы.Чтене лекции и литературы. Сам. работа 3 4 ПК-2, ПК-1 Л1.1, Л2.1
4.11. Веб-приложение, работающее с реляционной БД (поиск и удаление данных). Лабораторные 3 1 ПК-2, ПК-1 Л1.1, Л2.1
4.12. Доработка лабораторной работы. Сам. работа 3 6 ПК-2, ПК-1 Л1.1, Л2.1
4.13. Веб-приложение, работающее с реляционной БД (работа с файлами, графикой, временем, сессиями). Лабораторные 3 1 ПК-2, ПК-1 Л1.1, Л2.1
4.14. Доработка лабораторной работы. Сам. работа 3 6 ПК-2, ПК-1 Л1.1, Л2.1
4.15. Заголовки HTTP. Лекции 3 0,5 ПК-2, ПК-1 Л1.1, Л2.1
4.16. Чтене лекции и литературы. Сам. работа 3 4 ПК-2, ПК-1 Л1.1, Л2.1
4.17. Заголовки HTTP. Лабораторные 3 1 ПК-2, ПК-1 Л1.1, Л2.1
4.18. Доработка лабораторной работы. Сам. работа 3 6 ПК-2, ПК-1 Л1.1, Л2.1
4.19. Веб-сервер Apache. Лекции 3 0,5 ПК-2, ПК-1 Л1.1, Л2.1
4.20. Чтене лекции и литературы. Сам. работа 3 4 ПК-2, ПК-1 Л1.1, Л2.1
4.21. Управление веб-сервером Apache. Лабораторные 3 2 ПК-2, ПК-1 Л1.1, Л2.1
4.22. Доработка лабораторной работы. Сам. работа 3 6 ПК-2, ПК-1 Л1.1, Л2.1
Раздел 5. Архитектурные решения
5.1. Архитектурные решения в веб-программировании. Лекции 3 0,5 ПК-2, ПК-1 Л1.1, Л2.1
5.2. Чтене лекции и литературы. Сам. работа 3 4 ПК-2, ПК-1 Л1.1, Л2.1
5.3. CAPTCHA своими руками Лабораторные 3 1 ПК-2, ПК-1 Л1.1, Л2.1
5.4. Доработка лабораторной работы. Сам. работа 3 4 ПК-2, ПК-1 Л1.1, Л2.1
5.5. Агрегатор новостных лент на своём сайте Лабораторные 3 1 ПК-2, ПК-1 Л1.1, Л2.1
5.6. Доработка лабораторной работы. Сам. работа 3 4 ПК-2, ПК-1 Л1.1, Л2.1
5.7. API Яндекс.Карты. Лабораторные 3 1 ПК-2, ПК-1 Л1.1, Л2.1
5.8. Доработка лабораторной работы. Сам. работа 3 4 ПК-2, ПК-1 Л1.1, Л2.1
5.9. Фреймворки веб-программирования. Лекции 3 0,5 ПК-2, ПК-1 Л1.1, Л2.1
5.10. Чтене лекции и литературы. Сам. работа 3 4 ПК-2, ПК-1 Л1.1, Л2.1
5.11. Знакомство с фреймворком Yii. Лабораторные 3 1 ПК-2, ПК-1 Л1.1, Л2.1
5.12. Доработка лабораторной работы. Сам. работа 3 7 ПК-2, ПК-1 Л1.1, Л2.1

5. Фонд оценочных средств

5.1. Контрольные вопросы и задания для проведения текущего контроля и промежуточной аттестации по итогам освоения дисциплины
Задания для оценки сформированности компетенций:
ПК-1 Способен выполнять моделирование архитектуры предприятия, разработку требований и проектирование программного обеспечения
Код и наименование индикатора достижения профессиональной компетенции
ПК-1.1. Знает концепцию архитектуры предприятия, нотации моделирования бизнес-процессов и программного обеспечения.
ПК-1.2. Умеет описывать архитектуру предприятия, разрабатывать модели бизнес-процессов, выполнять объектно-ориентированный анализ и проектирование программного обеспечения.
ПК-1.3. Владеет инструментами моделирования архитектуры
предприятия и её элементов, технологией проектирования программного обеспечения по методологии MDA.

ПК-2 Способен выполнять работы по созданию, внедрению, сопровождению и модификации информационных систем в прикладных областях
Код и наименование индикатора достижения профессиональной компетенции
ПК-2.1. Знает модели жизненного цикла и методологии созданию информационных систем.
ПК-2.2. Умеет выполнять базовые работы по созданию, внедрению, сопровождению и модификации информационных систем в прикладных областях.
ПК-2.3. Владеет технологиями создания, внедрения, сопровождения и модификации информационных систем в прикладных областях.

1. Содержание вопроса: Какой тег используется для определения заголовка страницы?
Выберите один правильный ответ и обоснуйте свой выбор
а) <title>;
в) <h1>;
с) <header>;
г) <head>.
Правильный ответ: а
Обоснование: тег определяет название документа, которое отображается во вкладке браузера.
Ответ студента может быть написан в собственной трактовке, эквивалентной по смыслу приведенному правильному ответу

2. Содержание вопроса: Что означает атрибут async в скрипте JavaScript?
Выберите один правильный ответ и обоснуйте свой выбор
а) скрипт загружается синхронно;
б) скрипт блокирует рендеринг страницы;
в) скрипт запускается сразу после загрузки;
г) скрипт выполняется асинхронно параллельно другим процессам.
Правильный ответ: г
Обоснование: позволяет браузеру продолжить загрузку страницы и другие операции, пока скрипт ещё не завершён.
Ответ студента может быть написан в собственной трактовке, эквивалентной по смыслу приведенному правильному ответу

3. Содержание вопроса: Какие методы HTTP-запросов используются для передачи данных на сервер?
Выберите один правильный ответ и обоснуйте свой выбор
а) GET и POST;
б) PUT и DELETE;
в) HEAD и OPTIONS;
г) TRACE и CONNECT.
Правильный ответ: а
Обоснование: метод GET запрашивает данные с сервера, метод POST отправляет данные на сервер.
Ответ студента может быть написан в собственной трактовке, эквивалентной по смыслу приведенному правильному ответу

4. Содержание вопроса: Какой инструмент предназначен для автоматического обновления стилей CSS на странице при изменении файлов?
Выберите один правильный ответ и обоснуйте свой выбор
а) npm run dev;
б) grunt-watch;
в) webpack-dev-server;
г) Babel.
Правильный ответ: б
Обоснование: популярный инструмент автоматизации задач разработки, включая мониторинг изменений файлов
Ответ студента может быть написан в собственной трактовке, эквивалентной по смыслу приведенному правильному ответу

5. Содержание вопроса: Какой элемент HTML является основным контейнером для всей разметки страницы?
Выберите один правильный ответ и обоснуйте свой выбор
а) <html>;
б) <body>;
в) <div>;
г) <main>
Правильный ответ: а
Обоснование: элемент обозначает корневой узел документа и включает в себя всю структуру HTML-страницы. Все остальные элементы располагаются внутри элемента <html>.
Ответ студента может быть написан в собственной трактовке, эквивалентной по смыслу приведенному правильному ответу

6. Содержание вопроса: Как называется событие, возникающее при полной готовности DOM-модели (Document Object Model)?
а) load;
б) ready;
с) click;
г) submit.
Правильный ответ: б
Обоснование: событие срабатывает тогда, когда структура HTML-документа полностью построена, но ещё не загружены внешние ресурсы вроде изображений или таблиц стилей. Ответ студента может быть написан в собственной трактовке, эквивалентной по смыслу приведенному правильному ответу

7. Содержание вопроса: Что делает директива display: none; в CSS?
Правильный ответ: полностью скрывает элемент, освобождая занимаемое им пространство
Ответ студента может быть написан в собственной трактовке, эквивалентной по смыслу приведенному правильному ответу

8. Содержание вопроса: Какой вид сетки Flexbox лучше подходит для динамического изменения размеров элементов относительно родительского контейнера?
Правильный ответ: гибкая сетка Flexbox отлично справляется с изменением размеров дочерних элементов в зависимости от доступного пространства родителя
Ответ студента может быть написан в собственной трактовке, эквивалентной по смыслу приведенному правильному ответу

9. Содержание вопроса: Какой протокол обеспечивает шифрование данных, передаваемых между браузером и сервером?
Правильный ответ: SSL/TLS
Ответ студента может быть написан в собственной трактовке, эквивалентной по смыслу приведенному правильному ответу

10. Содержание вопроса: Что значит термин "Responsive Design"?
Правильный ответ: подход, при котором сайт динамически перестраивается под ширину экрана любого устройства — будь то компьютер, планшет или смартфон.
Ответ студента может быть написан в собственной трактовке, эквивалентной по смыслу приведенному правильному ответу

Критерии оценивания:
Тест состоит из вопросов закрытого типа с выбором одного ответа/ выбором нескольких ответов, вопросов открытого типа. В вопросах с выбором одного ответа / нескольких ответов, студент либо выбирает правильный ответ и получает 1 балл, либо выбирает не правильный ответ и получает 0 баллов.
Оценка «отлично» (85-100 баллов) - Ставится студенту, если он выполняет работу полностью, в логических рассуждениях и обосновании решения нет пробелов и ошибок, четко излагает свои мысли на поставленные вопросы, умеет тесно связывать теорию с практикой, правильно обосновывает принятое решение, в котором нет правовых ошибок (возможна одна неточность, описка, не являющаяся следствием незнания или непонимания учебного материала).
Оценка «хорошо» (70-84 баллов) - Ставится студенту, если он выполняет работу полностью, правильно применяет теоретические положения при решении практических вопросов и задач, владеет необходимыми навыками и приемами их выполнения, однако, была допущена одна ошибка или два-три недочета в решении задачи (если эти виды работы не являлись специальным объектом проверки).
Оценка «удовлетворительно» (50-69 баллов) - Ставится студенту, если он имеет знания только основного материала, но не усваивает его деталей, допускает неточности, недостаточно правильные формулировки, нарушения логической последовательности в изложении материала, испытывает затруднения при выполнении практических работ, однако, были допущены несколько ошибок (более двух-трех).
Оценка «неудовлетворительно» (0-49 баллов) - Ставится студенту, который не выполняет самостоятельную работу (как в полном объеме, так и частично), допускает большое количество ошибок при решении задач и в ответе на поставленные вопросы.
5.2. Темы письменных работ для проведения текущего контроля (эссе, рефераты, курсовые работы и др.)
Не предусмотрены.
5.3. Фонд оценочных средств для проведения промежуточной аттестации
Задания для оценки сформированности компетенций:
ПК-1 Способен выполнять моделирование архитектуры предприятия, разработку требований и проектирование программного обеспечения
Код и наименование индикатора достижения профессиональной компетенции
ПК-1.1. Знает концепцию архитектуры предприятия, нотации моделирования бизнес-процессов и программного обеспечения.
ПК-1.2. Умеет описывать архитектуру предприятия, разрабатывать модели бизнес-процессов, выполнять объектно-ориентированный анализ и проектирование программного обеспечения.
ПК-1.3. Владеет инструментами моделирования архитектуры
предприятия и её элементов, технологией проектирования программного обеспечения по методологии MDA.

ПК-2 Способен выполнять работы по созданию, внедрению, сопровождению и модификации информационных систем в прикладных областях
Код и наименование индикатора достижения профессиональной компетенции
ПК-2.1. Знает модели жизненного цикла и методологии созданию информационных систем.
ПК-2.2. Умеет выполнять базовые работы по созданию, внедрению, сопровождению и модификации информационных систем в прикладных областях.
ПК-2.3. Владеет технологиями создания, внедрения, сопровождения и модификации информационных систем в прикладных областях.

1. Содержание вопроса: Какой тег используется для определения заголовка страницы?
Выберите один правильный ответ и обоснуйте свой выбор
а) <title>;
в) <h1>;
с) <header>;
г) <head>.
Правильный ответ: а
Обоснование: тег определяет название документа, которое отображается во вкладке браузера.
Ответ студента может быть написан в собственной трактовке, эквивалентной по смыслу приведенному правильному ответу

2. Содержание вопроса: Что означает атрибут async в скрипте JavaScript?
Выберите один правильный ответ и обоснуйте свой выбор
а) скрипт загружается синхронно;
б) скрипт блокирует рендеринг страницы;
в) скрипт запускается сразу после загрузки;
г) скрипт выполняется асинхронно параллельно другим процессам.
Правильный ответ: г
Обоснование: позволяет браузеру продолжить загрузку страницы и другие операции, пока скрипт ещё не завершён.
Ответ студента может быть написан в собственной трактовке, эквивалентной по смыслу приведенному правильному ответу

3. Содержание вопроса: Какие методы HTTP-запросов используются для передачи данных на сервер?
Выберите один правильный ответ и обоснуйте свой выбор
а) GET и POST;
б) PUT и DELETE;
в) HEAD и OPTIONS;
г) TRACE и CONNECT.
Правильный ответ: а
Обоснование: метод GET запрашивает данные с сервера, метод POST отправляет данные на сервер.
Ответ студента может быть написан в собственной трактовке, эквивалентной по смыслу приведенному правильному ответу

4. Содержание вопроса: Какой инструмент предназначен для автоматического обновления стилей CSS на странице при изменении файлов?
Выберите один правильный ответ и обоснуйте свой выбор
а) npm run dev;
б) grunt-watch;
в) webpack-dev-server;
г) Babel.
Правильный ответ: б
Обоснование: популярный инструмент автоматизации задач разработки, включая мониторинг изменений файлов
Ответ студента может быть написан в собственной трактовке, эквивалентной по смыслу приведенному правильному ответу

5. Содержание вопроса: Какой элемент HTML является основным контейнером для всей разметки страницы?
Выберите один правильный ответ и обоснуйте свой выбор
а) <html>;
б) <body>;
в) <div>;
г) <main>
Правильный ответ: а
Обоснование: элемент обозначает корневой узел документа и включает в себя всю структуру HTML-страницы. Все остальные элементы располагаются внутри элемента <html>.
Ответ студента может быть написан в собственной трактовке, эквивалентной по смыслу приведенному правильному ответу

6. Содержание вопроса: Как называется событие, возникающее при полной готовности DOM-модели (Document Object Model)?
а) load;
б) ready;
с) click;
г) submit.
Правильный ответ: б
Обоснование: событие срабатывает тогда, когда структура HTML-документа полностью построена, но ещё не загружены внешние ресурсы вроде изображений или таблиц стилей. Ответ студента может быть написан в собственной трактовке, эквивалентной по смыслу приведенному правильному ответу

7. Содержание вопроса: Что делает директива display: none; в CSS?
Правильный ответ: полностью скрывает элемент, освобождая занимаемое им пространство
Ответ студента может быть написан в собственной трактовке, эквивалентной по смыслу приведенному правильному ответу

8. Содержание вопроса: Какой вид сетки Flexbox лучше подходит для динамического изменения размеров элементов относительно родительского контейнера?
Правильный ответ: гибкая сетка Flexbox отлично справляется с изменением размеров дочерних элементов в зависимости от доступного пространства родителя
Ответ студента может быть написан в собственной трактовке, эквивалентной по смыслу приведенному правильному ответу

9. Содержание вопроса: Какой протокол обеспечивает шифрование данных, передаваемых между браузером и сервером?
Правильный ответ: SSL/TLS
Ответ студента может быть написан в собственной трактовке, эквивалентной по смыслу приведенному правильному ответу

10. Содержание вопроса: Что значит термин "Responsive Design"?
Правильный ответ: подход, при котором сайт динамически перестраивается под ширину экрана любого устройства — будь то компьютер, планшет или смартфон.
Ответ студента может быть написан в собственной трактовке, эквивалентной по смыслу приведенному правильному ответу

Критерии оценивания:
Тест состоит из вопросов закрытого типа с выбором одного ответа/ выбором нескольких ответов, вопросов открытого типа. В вопросах с выбором одного ответа / нескольких ответов, студент либо выбирает правильный ответ и получает 1 балл, либо выбирает не правильный ответ и получает 0 баллов.
Оценка «отлично» (85-100 баллов) - Ставится студенту, если он выполняет работу полностью, в логических рассуждениях и обосновании решения нет пробелов и ошибок, четко излагает свои мысли на поставленные вопросы, умеет тесно связывать теорию с практикой, правильно обосновывает принятое решение, в котором нет правовых ошибок (возможна одна неточность, описка, не являющаяся следствием незнания или непонимания учебного материала).
Оценка «хорошо» (70-84 баллов) - Ставится студенту, если он выполняет работу полностью, правильно применяет теоретические положения при решении практических вопросов и задач, владеет необходимыми навыками и приемами их выполнения, однако, была допущена одна ошибка или два-три недочета в решении задачи (если эти виды работы не являлись специальным объектом проверки).
Оценка «удовлетворительно» (50-69 баллов) - Ставится студенту, если он имеет знания только основного материала, но не усваивает его деталей, допускает неточности, недостаточно правильные формулировки, нарушения логической последовательности в изложении материала, испытывает затруднения при выполнении практических работ, однако, были допущены несколько ошибок (более двух-трех).
Оценка «неудовлетворительно» (0-49 баллов) - Ставится студенту, который не выполняет самостоятельную работу (как в полном объеме, так и частично), допускает большое количество ошибок при решении задач и в ответе на поставленные вопросы.

6. Учебно-методическое и информационное обеспечение дисциплины

6.1. Рекомендуемая литература
6.1.1. Основная литература
Авторы Заглавие Издательство, год Эл. адрес
Л1.1 Локхарт Дж. Современный PHP. Новые возможности и передовой опыт: ДМК Пресс, 2016 // ЭБС издательство Лань e.lanbook.com
6.1.2. Дополнительная литература
Авторы Заглавие Издательство, год Эл. адрес
Л2.1 Беликова С. А. , Беликов А. Н. Основы HTML и CSS: проектирование и дизайн веб-сайтов: учебное пособие по курсу «Web-разработка» Южный федеральный университет, 2020 biblioclub.ru
6.2. Перечень ресурсов информационно-телекоммуникационной сети "Интернет"
Название Эл. адрес
Э1 Курс "Дизайн и разработка WEB-приложений" https://portal.edu.asu.ru/course/view.php?id=12506
6.3. Перечень программного обеспечения
GNU/Linux (любой дистрибутив);
Opera, Google Chrome/Chromium, Mozilla Firefox, links;
FileZilla, Dolphin/Nautilus;
Amaya, BlueFish;
Apache;
MariaDB, phpMyAdmin;
PHP, phpStorm/NetBeans;
SQLite3, sqliteman/sqlitebrowser.
Microsoft Windows
Microsoft Office
7-Zip
AcrobatReader
6.4. Перечень информационных справочных систем
Не предусмотрены.

7. Материально-техническое обеспечение дисциплины

Аудитория Назначение Оборудование
№ 201 (филиал в г. Бийске) лаборатория системного и прикладного программирования – учебная аудитория для проведения занятий всех видов (дисциплинарной, междисциплинарной и модульной подготовки), групповых и индивидуальных консультаций, текущего контроля и промежуточной аттестации. Учебная мебель; рабочее место преподавателя; компьютеры; доска магнитно-маркерная; проектор; экран; переносной ноутбук из аудитории № 207.
№ 204 (филиал в г. Бийске) лаборатория информационно-коммуникационных систем – учебная аудитория для проведения занятий всех видов (дисциплинарной, междисциплинарной и модульной подготовки), групповых и индивидуальных консультаций, текущего контроля и промежуточной аттестации/ Учебная мебель; рабочее место преподавателя; компьютеры; доска меловая; кафедра; стенд/

8. Методические указания для обучающихся по освоению дисциплины

На лекциях преподаватель знакомит слушателей с основными понятиями и положениями по текущей теме. На лекциях слушатель получает только основной объём информации по теме. Только посещение лекций является недостаточным для подготовки к лабораторным занятиям и экзамену. Требуется также самостоятельная работа по изучению основной и дополнительной литературы и закрепление полученных на лабораторных занятиях навыков.
Практические задания по темам выполняются на лабораторных занятиях в компьютерном классе. Если лабораторные занятия пропущены (по уважительной или неуважительной причине), то соответствующие задания необходимо выполнить самостоятельно и представить результаты преподавателю на очередном занятии, консультации или через образовательный портал.
Самостоятельная работа студентов – способ активного, целенаправленного приобретения студентом новых для него знаний, умений и навыков без непосредственного участия в этом процессе преподавателя.
Качество получаемых студентом знаний напрямую зависит от качества и количества необходимого доступного материала, а также от желания (мотивации) студента их получить. При обучении осуществляется целенаправленный процесс взаимодействия студента и преподавателя для формирования знаний, умений и навыков.
Все необходимые методические материалы размещены на образовательном портале АлтГУ https://portal.edu.asu.ru/course/view.php?id=2927