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

Основы веб-технологий (в том числе выполнение индивидуального проекта)

рабочая программа дисциплины
Закреплена за кафедройКафедра экономики и прикладной информатики (Бийск)
Направление подготовки09.02.07. Информационные системы и программирование
Администратор баз данных
Форма обученияОчная
Общая трудоемкость0 ЗЕТ
Учебный планФлБийск_09_02_07_Информационные системы и программирование-2025_9кл
Часов по учебному плану 72
в том числе:
аудиторные занятия 72
Виды контроля по семестрам
диф. зачеты: 2

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

Курс (семестр) 1 (1) 1 (2) Итого
Недель 17 22
Вид занятий УПРПДУПРПДУПРПД
Лекции 10 10 12 12 22 22
Лабораторные 24 24 26 26 50 50
Итого 34 34 38 38 72 72

Программу составил(и):
Преподаватель, Тигашева Надежда Викторовна

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

Рабочая программа дисциплины
Основы веб-технологий (в том числе выполнение индивидуального проекта)

разработана в соответствии с ФГОС:
Федеральный государственный образовательный стандарт среднего профессионального образования по специальности 09.02.07 ИНФОРМАЦИОННЫЕ СИСТЕМЫ И ПРОГРАММИРОВАНИЕ (приказ Минобрнауки России от 09.12.2016 г. № 1547)

составлена на основании учебного плана:
09.02.07 ИНФОРМАЦИОННЫЕ СИСТЕМЫ И ПРОГРАММИРОВАНИЕ
утвержденного учёным советом вуза от 29.04.2025 протокол № 6.

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

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

Заведующий кафедрой
Торопчина Елена Александровна


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

1.1.изучение современных веб-технологий и средств для создания веб-ресурсов, приобретение навыков и умений использования современных инструментальных средств при решении задач по созданию сайтов и веб-приложений

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

Цикл (раздел) ООП: ПОО

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

В результате освоения дисциплины обучающийся должен
3.1.Знать:
3.1.1.способы применения современных интернет-технологий;
основные компоненты веб-страниц;
основы создания веб-сайтов;
архитектуру, структурирование и представление сайтов;
правила безопасности при работе в интернете;
3.2.Уметь:
3.2.1.работать с современными интернет-технологиями;
создавать взаимосвязанные страницы сайтов;
структурировать информацию для ее публикации на веб-ресурсах;
3.3.Иметь навыки и (или) опыт деятельности (владеть):
3.3.1.не предусмотрено

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

Код занятия Наименование разделов и тем Вид занятия Семестр Часов Компетенции Литература
Раздел 1. Проектирование интерфейсов информационных систем на основе анализа пользовательского поведения
1.1. Инструменты и методы проектирования интерфейса Лекции 1 2 Л2.1, Л1.1
1.2. Проектирование пользовательского опыта и прототип интерфейсного решения Лекции 1 4 Л2.1, Л1.1
1.3. Адаптивный и отзывчивый дизайн. Разработка скетча верстки сайта Лабораторные 1 2 Л2.1, Л1.1
1.4. Адаптивный и отзывчивый дизайн. Разработка логотипа и баннера сайта Лабораторные 1 4 Л2.1, Л1.1
1.5. Разработка индивидуального проекта:выбор темы,актуальность, цели, задачи. Лабораторные 1 2
1.6. Виды визуальных компонентов интерфейса информационной системы Лекции 1 2 Л2.1, Л1.1
1.7. Разработка визуальных компонентов дизайна пользовательского интерфейса. Прототипирование сайта в графическом редакторе Figma Лабораторные 1 8 Л2.1, Л1.1
1.8. Знакомство с Tilda Лекции 1 2 Л2.1, Л1.1
1.9. Создание сайта на Tilda Лабораторные 1 8 Л2.1, Л1.1
Раздел 2. Язык гипертекстовой разметки документа
2.1. Язык гипертекстовой разметки документа. Основные теги и атрибуты Лекции 2 2 Л2.1, Л1.1
2.2. Заголовки, гиперссылки,строковые элементы и цитаты Лекции 2 2 Л2.1, Л1.1
2.3. Работа с HTML таблицами Лекции 2 2 Л2.1, Л1.1
2.4. Использование мультимедиа и картинок в HTML Лекции 2 2 Л2.1, Л1.1
2.5. Списки в HTML Лекции 2 2 Л2.1, Л1.1
2.6. Основы CSS Лекции 2 2 Л2.1, Л1.1
2.7. Разработка индивидуального проекта:Теоретические аспекты формирования выбранной темы. Лабораторные 2 4 Л2.1, Л1.1
2.8. Разработка контента Web-приложения на языке HTML, состоящего из нескольких страниц, с использованием различных функциональных тегов. Лабораторные 2 12 Л2.1, Л1.1
2.9. Разработка индивидуального проекта:Практические аспекты формирования выбранной темы Лабораторные 2 2 Л2.1, Л1.1
2.10. Разработка индивидуального проекта:Заключение, список источников и литературы Лабораторные 2 2
2.11. Зашита индивидуального проекта Лабораторные 2 6 Л2.1, Л1.1

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

5.1. Контрольные вопросы и задания для проведения текущего контроля и промежуточной аттестации по итогам освоения дисциплины
Примеры контрольных вопросов и заданий для проведения промежуточной аттестации по итогам освоения дисциплины

Тестовые задания

1. Атрибут тега <body>, который определяет цвет текста в документе…
a vlink
b text
c color
d bgcolor

2. Css-свойство цвета и фона, которое определяет, прокручивается ли фоновое изображение относительно окна браузера при использовании полосы прокрутки для относительно больших html-документов…
a Background-position
b Background-repeat
c Background-attachment
d Background

3. Css-свойство текста, которое устанавливает тип горизонтального выравнивания текста в блоке..
a Text-decoration
b Text-indent
c Text-transform
d Text-align

4. Css-свойство цвета и фона, которое определяет, будет ли повторяться фоновое изображение, относительно окна браузера при использовании полосы прокрутки для относительно больших html-документов…
a Background-position
b Background-repeat
c Background-attachment
d Background

5. Css-свойство, устанавливает значение полей вокруг содержимого элемента…
a padding
b margin
c border
d text

6. Html-документ можно создать с помощью…
a Любого текстового редактора
b Любого языка программирования
c Специальной системы программирования

7. Язык HTML используется для…
a создания текстового документа
b создания программ
c создания Web-страниц
d для создания баз данных

8. HTML расшифровывается как…
a HyperText Markup Language
b High Too My Link
c Hyperpyper Trob Meas Lock

9. Программами-браузерами являются…
a Opera
b Outlook
c Internet Explorer
d Mozilla Firefox
e Excel

10. Между этим тегом заключается документ HTML…
a body
b head
c html
d font

11. Атрибут тега <TR>, который задаёт тип горизонтального выравнивания содержимого всех ячеек строки…
Впишите ответ
__________________

12. Тег, добавляющий в HTML-документ горизонтальную линию…
Впишите ответ
__________________

13. Тег <title> отвечает за…
a название страницы, которое также будет отображено в поисковиках
b заголовок первого уровня на странице
c название маркированного списка
d название таблицы

14. Заголовок документа заключается в теге…
a html
b body
c head
d font

15. Тело документа заключается в теге…
a html
b body
c head
d font

Ответы:
1-b
2-c
3-d
4-b
5-a
6-a
7-c
8-a
9-b, c, d
10-c
11- align
12-hr
13-a
14-c
15-b

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

Примерные задания к итоговому тестированию:
1. Атрибут тега <body>, который определяет цвет текста в документе…
a vlink
b text
c color
d bgcolor

2. Css-свойство цвета и фона, которое определяет, прокручивается ли фоновое изображение относительно окна браузера при использовании полосы прокрутки для относительно больших html-документов…
a Background-position
b Background-repeat
c Background-attachment
d Background

3. Css-свойство текста, которое устанавливает тип горизонтального выравнивания текста в блоке..
a Text-decoration
b Text-indent
c Text-transform
d Text-align

4. Css-свойство цвета и фона, которое определяет, будет ли повторяться фоновое изображение, относительно окна браузера при использовании полосы прокрутки для относительно больших html-документов…
a Background-position
b Background-repeat
c Background-attachment
d Background

5. Css-свойство, устанавливает значение полей вокруг содержимого элемента…
a padding
b margin
c border
d text

6. Html-документ можно создать с помощью…
a Любого текстового редактора
b Любого языка программирования
c Специальной системы программирования

7. Язык HTML используется для…
a создания текстового документа
b создания программ
c создания Web-страниц
d для создания баз данных

8. HTML расшифровывается как…
a HyperText Markup Language
b High Too My Link
c Hyperpyper Trob Meas Lock

9. Программами-браузерами являются…
a Opera
b Outlook
c Internet Explorer
d Mozilla Firefox
e Excel

10. Между этим тегом заключается документ HTML…
a body
b head
c html
d font

11. Атрибут тега <TR>, который задаёт тип горизонтального выравнивания содержимого всех ячеек строки…
Впишите ответ
__________________

12. Тег, добавляющий в HTML-документ горизонтальную линию…
Впишите ответ
__________________

13. Тег <title> отвечает за…
a название страницы, которое также будет отображено в поисковиках
b заголовок первого уровня на странице
c название маркированного списка
d название таблицы

14. Заголовок документа заключается в теге…
a html
b body
c head
d font

15. Тело документа заключается в теге…
a html
b body
c head
d font

Ответы:
1-b
2-c
3-d
4-b
5-a
6-a
7-c
8-a
9-b, c, d
10-c
11- align
12-hr
13-a
14-c
15-b

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

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

6.1. Рекомендуемая литература
6.1.1. Основная литература
Авторы Заглавие Издательство, год Эл. адрес
Л1.1 Полуэктова Н. Р. Разработка веб-приложений: учебное пособие для среднего профессионального образования Юрайт, 2022 urait.ru
6.1.2. Дополнительная литература
Авторы Заглавие Издательство, год Эл. адрес
Л2.1 Тузовский А. Ф. Проектирование и разработка web-приложений: учебное пособие для среднего профессионального образования Юрайт, 2022 urait.ru
6.2. Перечень ресурсов информационно-телекоммуникационной сети "Интернет"
Название Эл. адрес
Э1 Электронная библиотечная система Алтайского государственного университета elibrary.asu.ru
Э2 Научная электронная библиотека elibrary elibrary.ru
Э3 Онлайн-курс portal.edu.asu.ru
6.3. Перечень программного обеспечения
ОС Windows
OC Linux
Приложения MS Office
Приложения LibraOffice
7-Zip
AcrobatReader
Стандартное специализированное ПО в соответствии с наименованием кабинетов
6.4. Перечень информационных справочных систем
Информационная справочная система:
СПС КонсультантПлюс (инсталлированный ресурс АлтГУ или http://www.consultant.ru/)
Профессиональные базы данных:
Электронная библиотечная система Алтайского государственного университета (http://elibrary.asu.ru/);
Научная электронная библиотека elibrary (http://elibrary.ru)

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

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

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

Для успешного овладения дисциплины необходимо выполнять следующие требования:
-посещать все лекционные и лабораторные занятия;
-все рассматриваемые на лекциях и лабораторных занятиях темы и вопросы обязательно фиксировать в тетради;
-обязательно выполнять все домашние задания, получаемые на лекциях или лабораторных занятиях;
-в случаях пропуска занятий по каким-либо причинам, необходимо обязательно самостоятельно изучать соответствующий материал.
При изучении дисциплины обучающимся рекомендуется пользоваться лекциями, учебниками и учебными пособиями. Рекомендуемый перечень литературы приведен в рабочей программе.
Запись лекции одна из основных форм активной работы студентов, требующая навыков и умения кратко, схематично, последовательно и логично фиксировать основные положения, выводы, обобщения, формулировки.
При подготовке к лабораторному занятию следует:
-внимательно изучить задание, определить круг вопросов;
-определить список необходимой литературы и источников, используя список, предложенный в рабочей программе;
-изучить конспект лекций по данной теме.
В процессе этой работы необходимо понять и запомнить основные положения рассматриваемого материала, примеры, поясняющие его, а также разобраться в иллюстративном материале.
Заканчивать подготовку следует закреплением материала, с использованием при необходимости соответствующих программных продуктов.
При реализации дисциплины используются активные и интерактивные формы проведения занятий.
При проведении лекционных занятий: лекция-беседа.
При проведении лабораторных занятий: индивидуальная работа, моделирование производственных процессов и ситуаций.
Индивидуальный проект: в результате освоения дисциплины учащимся необходимо написать индивидуальный проект по теме, выбранной из перечня. Индивидуальный проект должен быть представлен в виде завершенного учебного исследования или разработанного проекта: информационного, исследовательского, практико-ориентированного.
Выполнение индивидуального проекта обязательно для каждого студента. Положительная оценка защиты индивидуального проекта является условием допуска к промежуточной аттестации по дисциплине. В случае неявки на защиту индивидуального проекта по неуважительной причине
или получения неудовлетворительной оценки студент не допускается к промежуточной аттестации и формирует академическую задолженность, ликвидация которой осуществляется в установленном порядке.
В процессе работы над индивидуальным проектом, обучающиеся под контролем преподавателя, планируют свою деятельность в соответствии со
следующими этапами:
- подготовительный этап (ноябрь текущего года): обучающимся выбирается тема и руководитель проекта, формулируется цель проекта совместно с руководителем; преподавателем дисциплины заполняется ведомость регистрации тем и сроков выполнения проекта и передается заведующему отделением;
- основной этап (декабрь – апрель текущего года) на дисциплине осуществляется консультирование в части составления плана индивидуального
проектирования, по определению методологических характеристик проекта, структуры и оформления проекта, созданию продукта исследования, проверка научности, подготовки доклада защиты проекта.
- заключительный этап – защита проекта (май текущего года).
Защита проектов осуществляется в рамках часов дисциплины. Защита индивидуального проекта проводится публично в учебной аудитории в конце 2 семестра. Результат защиты индивидуального проекта засчитывается студенту в рамках балльно-рейтинговой системы рубежного контроля по
дисциплине, проставляется в технологической карте в графе «Индивидуальный проект» и предшествует итоговой аттестации по дисциплине.
Дифференцированный зачет проводится в виде теста. К промежуточной аттестации допускаются студенты, освоившие на положительную оценку все обязательные виды запланированных учебных заданий.