3172
.pdfМИНОБРНАУКИ РОССИИ Федеральное государственное бюджетное образовательное учреждение высшего образования
«Нижегородский государственный архитектурно-строительный университет»
О. Я. Родькина
WEB - ТЕХНОЛОГИИ
Учебно-методическое пособие
по подготовке к лекциям и практическим занятиям (включая рекомендации по организации самостоятельной работы) для обучающихся по дисциплине «Web - технологии» по направлению подготовки 09.03.02 Информационные системы и технологии, направленность (профиль) Информационные системы и технологии
Нижний Новгород
2022
МИНОБРНАУКИ РОССИИ Федеральное государственное бюджетное образовательное учреждение высшего образования
«Нижегородский государственный архитектурно-строительный университет»
О. Я. Родькина
WEB - ТЕХНОЛОГИИ
Учебно-методическое пособие
по подготовке к лекциям и практическим занятиям (включая рекомендации по организации самостоятельной работы) для обучающихся по дисциплине «Web - технологии» по направлению подготовки 09.03.02 Информационные системы и технологии, направленность (профиль) Информационные системы и технологии
Нижний Новгород ННГАСУ
2022
УДК 681.3 (075)
Родькина О.Я. Web - технологии: учебно-методическое пособие/ О.Я. Родькина; Нижегородский государственный архитектурно-строительный университет. – Нижний Новгород : ННГАСУ, 2022. – 11 с. – Текст : электронный.
Даются тематика лекций, их краткое содержание, а также тематика практических занятий и методические рекомендации по самостоятельной работе обучающихся по дисциплине «Web - технологии». Указывается необходимая литература и источники, разъясняется последовательность их изучения, выделяются наиболее сложные вопросы и даются рекомендации по их изучению.
Предназначено для обучающихся в ННГАСУ по дисциплине «Web - технологии» по направлению подготовки 09.03.02 Информационные системы и технологии, направленность (профиль) Информационные системы и технологии.
© О.Я. Родькина, 2022
©ННГАСУ, 2022.
Учебно-методическое пособие по подготовке к лекциям и практическим занятиям (включая рекомендации по организации самостоятельной работы) по дисциплине «Web - технологии» предназначены для студентов четвертого курса, обучающихся по направлению 09.03.02 Информационные системы и технологии, и содержат программу для проведения лекционных и практических занятий, а также методические рекомендации по самостоятельной работе.
Цель учебно-методического пособия: помочь студентам при изучении учебной программы с использованием лекционных материалов и рекомендуемой учебно-методической литературы при формировании необходимых компетенций дисциплины «Web - технологии».
Целями освоения дисциплины «Web - технологии» являются:
-формирование у будущих специалистов целостного представления о методах и подходах, используемых в web-разработке, а так же практических навыков;
-формирование умения и навыков работы с web-приложениями;
-изучение программных средств web-разработки.
Обобщенной целью преподавания данной дисциплины является формирование совместно с другими дисциплинами учебного плана и всеми формами образовательного процесса в университете, компетенций, знаний, умений и навыков, определяемых требованиями ФГОС ВО по направлению 09.03.02 Информационные системы и технологии.
В лекциях дается общая характеристика теоретических вопросов по темам дисциплины, излагаются основы построения и функционирования сети Интернет, эволюции концепций Web, основы HTML и CSS, технологии разработки web-сайтов, а так же основ разработки интернет-приложений с помощью JavaScript и PHP; на практических занятиях осуществляется групповая работа студентов и преподавателя по обсуждению практики применения рассмотренных технологий для разработки веб-сайтов.
Главной целью лекций является привитие студентам интереса к изучаемому материалу, формирование мотивации к последующему самостоятельному анализу рассматриваемой проблематики. На лекциях студентам раскрываются наиболее сложные вопросы и теоретические положения, показывается их практическая значимость, даются рекомендации по углубленному самостоятельному изучению теории и практики.
На лекциях по дисциплине «Web - технологии» широко используются активные формы проведения занятий. Такие формы организации образовательного процесса, способствуют разнообразному (индивидуальному, групповому, коллективному) изучению учебных вопросов (проблем), активному взаимодействию студентов и преподавателя, живому обмену мнениями между ними, нацеленному на выработку правильного понимания содержания изучаемой темы и способов ее практического использования.
Материал пропущенных лекций студент восстанавливает самостоятельно и по всем непонятным положениям и вопросам обращается за разъяснением к преподавателю.
Самостоятельная работа направлена на развитие компетенций дисциплины:
-ОПК-2. Способен понимать принципы работы современных информационных технологий и программных средств, в том числе отечественного производства, и использовать их при решении задач профессиональной деятельности.
-ОПК-6. Способен разрабатывать алгоритмы и программы, пригодные для практического применения в области информационных систем и технологий.
-ОПК-7. Способен осуществлять выбор платформ и инструментальных программно-аппаратных средств для реализации информационных систем.
-ПК-1. Способность выполнять интеграцию программных модулей и компонент.
-ПК-2. Способность выполнять работы по созданию (модификации) и сопровождению информационных систем.
Виды и формы самостоятельной работы студентов по дисциплине:
-подготовка к учебным занятиям включая систематическую проработку основной и дополнительной литературы;
-подготовка к экзамену.
|
Содержание разделов дисциплины «Web - технологии» |
представлено в |
|||||||
Таблице 1. |
|
|
|
|
|
|
|
|
|
|
|
Таблица 1. Содержание разделов дисциплины |
|||||||
|
|
|
|
|
|
|
|
|
|
|
|
|
Аудиторные |
|
|
|
|||
|
|
|
|
занятия |
|
Само |
|
Перечень |
|
|
|
|
|
(в часах) |
|
||||
|
|
|
|
стоя |
|
компетенций, |
|||
|
|
|
|
Лабораторные |
|
|
|
||
№ |
Наименование раздела |
Всего |
Лекции |
|
Практика |
тель |
|
формируемых |
|
п/ |
|
ная |
|
в процессе |
|||||
|
|
|
|
|
|||||
учебной дисциплины |
часов |
|
|
|
|
|
|||
п |
|
|
|
|
рабо |
|
освоения |
||
|
|
|
|
|
|
|
|||
|
|
|
|
|
|
|
та |
|
раздела |
|
|
|
|
|
|
|
|
|
|
1 |
Введение в основы |
10 |
2 |
|
|
|
8 |
|
ОПК-2, |
|
построения и |
|
|
|
|
|
|
|
|
|
функционирования сети |
|
|
|
|
|
|
|
|
|
Интернет |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2 |
Основные принципы |
10 |
2 |
|
|
8 |
ОПК-2, |
|
создания сайтов и их |
|
|
|
|
|
ОПК-7 |
|
размещения в сети Интернет |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
3 |
Основы языка разметки web- |
26 |
2 |
6 |
4 |
14 |
ОПК-2, ОПК- |
|
страниц HTML |
|
|
|
|
|
6, ОПК-7, |
|
|
|
|
|
|
ПК-1, ПК-2 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
4 |
Основы каскадных таблиц |
28 |
4 |
8 |
4 |
12 |
ОПК-2, ОПК- |
|
стилей CSS |
|
|
|
|
|
6, ОПК-7, |
|
|
|
|
|
|
ПК-1, ПК-2 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
5 |
|
33 |
3 |
10 |
4 |
16 |
ОПК-2, ОПК- |
|
Создание интерактивных |
|
|
|
|
|
6, ОПК-7, |
|
|
|
|
|
|
ПК-1, ПК-2 |
|
|
динамических web-страниц c |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
использованием JavaScript. |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
6 |
Серверный язык |
37 |
4 |
10 |
5 |
18 |
ОПК-2, ОПК- |
|
программирования PHP |
|
|
|
|
|
6, ОПК-7, |
|
|
|
|
|
|
ПК-1, ПК-2 |
|
|
|
|
|
|
|
|
|
|
Итого: |
144 |
17 |
34 |
17 |
76 |
|
|
|
|
|
|
|
|
|
На консультациях в течение семестра студенты могут обсуждать с преподавателем различные вопросы по тематике дисциплины.
В течение курса со студентами проводятся индивидуальные и групповые консультации по общетеоретическим вопросам, возникающим при самостоятельной работе студентов при подготовке к занятиям.
Перед экзаменом студентам выдаётся список примерных вопросов, по которым можно понять, на что нужно сделать упор при подготовке к экзамену. После получения перечня вопросов рекомендуется:
1)внимательно прочитать материал курса;
2)постараться разобраться с непонятными, в частности, новыми терминами, используя рекомендованную литературу;
3)выписать вопросы для подробного обсуждения с преподавателем на консультации.
Перечень примерных вопросов, выносимых на экзамен:
1.История возникновения Интернет, WorldWideWeb (WWW), и "стандартов Web".
2.Стек протоколов TCP/IP.
3.Принципы создания Web-страниц.
4.Элементы Web-страниц.
5.Структура HTML-документа и элементы разметки заголовка
документа
6.Взаимосвязи документов: элемент LINK.
7.Принципы применения таблиц в HTML – разметке
8.Основные понятия CSS, их назначение, определение и использование при форматировании HTMLдокумента.
9.Применение Web-страниц с таблицами.
10.Структура HTML-кода.
11.Применение списков. Маркированные списки. Нумерованные списки. Списки определений.
12.Использование гиперссылок. Внешние гиперссылки. Внутренние гиперссылки. Гиперссылки на адрес электронной почты.
13.Структура HTML-документа, содержащего фреймы. Описание фреймовой структуры.
14.Формы. Создание формы для регистрации сайта. Структура документа
сформами.
15.Основные понятия JavaScript.
16.Операторы JavaScript.
17.Расположение функций внутри HTML-документа.
18.Встроенные классы JavaScript.
19.Основные понятия событий JavaScript.
20.Основные понятия PHP.
21.Методы встраивания PHP-кода.
22.Операторы PHP.
23.Константы в PHP.
24.Функции для работы со строками.
25.Выбор доменного имени.
26.Архитектуры распределённой обработки информации
27.Безопасность в Интернете
28.Скрытие IP-адреса, веб - анонимайзеры
29.Анонимная отправка электронной почты»
30.Схема сайта
31.Именование страниц
32.Монохроматические цветовые схемы
33.Дополнительные цветовые схемы
34.Триадические цветовые схемы
35.Определение гарнитуры шрифта для заголовков, подзаголовков и основного текста. Некоторые секреты выравнивания
36.Базовые типы данных HTML
37.Ссылки – мнемоники в HTML
38.Формальное определение HTML, и проверка
39.Формат и назначение элементов разметки заголовка
40.Форматирование текста
41.Организованная в таблицы графика
42.Интерактивное меню навигации средствами CSS
43.Схемы css-позиционирования. Способы позиционирования элементов
44.Абсолютное и относительное позиционирование
45.Способы отправки данных на сервер и их обработке с помощью PHP
46.Основы клиентсерверных технологий. HTML-формы и отправка данных с ее помощью
47.Краткая характеристика методов Post и Get
48.Взаимодействие PHP и MySQL
49.Способы взаимодействия PHP и СУБД MySQL.
50.Создание каталога товаров.
Показатели оценки по зачёту представлены в таблице 3.
Таблица 3 Показатели оценки по экзамену
Показатели |
Баллы |
Оценка |
Критерий оценки |
оценивания |
|
|
|
компетенций |
|
|
|
Результаты |
4,5 - 5,0 |
«отлично» |
ставится обучающемуся, показавшему |
освоения |
|
|
глубокие систематизированные |
дисциплины |
|
|
знания учебного материала, в полной |
соответствует |
|
|
мере соответствующие требованиям к |
требованиям ФГОС |
|
|
уровню подготовки обучающегося, |
|
|
|
проявившему творческие способности |
|
|
|
в понимании, изложении и |
|
|
|
использовании учебного материала |
|
|
|
при решении поставленных задач, |
|
|
|
умеющему обобщать информацию, |
|
|
|
аргументировано и практически без |
|
|
|
ошибок ответившему на все вопросы. |
Результаты |
3,5 - 4,4 |
«хорошо» |
ставится обучающемуся, |
освоения |
|
|
продемонстрировавшему достаточно |
дисциплины |
|
|
полные знания учебного материала, в |
соответствует |
|
|
целом соответствующие требованиям |
требованиям ФГОС |
|
|
к уровню подготовки обучающегося, |
|
|
|
способность к их самостоятельному |
|
|
|
восполнению и обновлению в ходе |
|
|
|
решения поставленных задач, умение |
|
|
|
|
|
|
|
систематизировать информацию, |
|
|
|
допустившему негрубые ошибки и |
|
|
|
недочеты. |
|
|
|
|
Результаты |
2,5 - 3,4 |
«удовлетвор |
ставится обучающемуся, показавшему |
освоения |
|
ительно» |
уровень знаний учебного материала в |
дисциплины |
|
|
объёме, минимально необходимом для |
соответствует |
|
|
решения поставленных задач, знание |
требованиям ФГОС |
|
|
основ дисциплины, владеющего |
|
|
|
навыками логического мышления и |
|
|
|
допустившему непринципиальные |
|
|
|
ошибки при ответе на вопросы. |
|
|
|
|
Результаты |
0,0 - 2,4 |
«неудовлетв |
ставится обучающемуся, показавшему |
освоения |
|
орительно» |
существенные пробелы в знании |
дисциплины НЕ |
|
|
основного учебного материала, |
соответствует |
|
|
допустившему принципиальные |
требованиям ФГОС |
|
|
ошибки при применении знаний, |
|
|
|
которые не позволяют ему приступить |
|
|
|
к решению поставленных задач без |
|
|
|
дополнительной подготовки. |
Печатные и электронные издания
1.Малашкевич, В. Б.; Интернет-программирование: лабораторный практикум.; ПГТУ, Йошкар-Ола; 2017; http://biblioclub.ru/index.phppage=book&id=476400 (Электронное издание)
2.Петрунина, , Е. Б.; Лабораторные работы по теме «Основы HTML» : учебно-методическое пособие.; Университет ИТМО, Институт холода и биотехнологий, Санкт-Петербург; 2013; http://www.iprbookshop.ru/67240.html (Электронное издание)
3.Кудряшев, , А. В.; Введение в современные веб-технологии : учебное пособие.; ИнтернетУниверситет Информационных Технологий (ИНТУИТ), Ай Пи Ар Медиа, Москва, Саратов; 2020; http://www.iprbookshop.ru/89430.html (Электронное издание)
4.Фролов, , А. Б., Нагаевой, , И. А.; Web-сайт. Разработка, создание, сопровождение : учебное пособие.; Вузовское образование, Саратов; 2020; http://www.iprbookshop.ru/93989.html (Электронное издание)
5.Основы web-технологий : учебное пособие.; Интернет-Университет Информационных Технологий (ИНТУИТ), Ай Пи Ар Медиа, Москва; 2020; http://www.iprbookshop.ru/97560.html (Электронное издание)
6.Говорова, С. В.; Web-технологии : учебное пособие (лабораторный практикум).; СевероКавказский федеральный университет, Ставрополь; 2019; http://www.iprbookshop.ru/92671.html (Электронное издание)
Перечень иных общедоступных ресурсов сети «Интернет»
1 Федеральная служба государственной статистики РФ [Электронный ресурс]. - Электронные данные. - Режим доступа: http://www.gks.ru/.
2 Федеральный портал по научной и инновационной деятельности [Электронный ресурс]. - Электронные данные. - Режим доступа: http: //www.sci-innov.ru/.
3 Научная и учебно-методическая литература [Электронный ресурс]. - Электронные данные. - Режим доступа: http://www.intuit.ru.
4 Научный журнал «Вестник Российской академии естественных наук» [Электронный ресурс]. - Электронные данные. - Режим доступа: http://www.ras.ru/publishing/rasherald/rasherald_archive.aspx.
5 Научный журнал «Интеграл» [Электронный ресурс]. - Электронные данные. –
Режим доступа:http: //www.portalnano.ru/read/databases/publication/j ournal_integral.
6 Научный журнал «Инновации» [Электронный ресурс]. - Электронные данные. –
Режим доступа: http://ojs.innovjoum.ru/index.php/innov
7 Научный журнал «Информатика и системы управления» [Электронный ресурс].
– Электронные данные. - Режим доступа: http://ics.khstu.ru/
8 Научный журнал «Информационные системы и технологии» [Электронный ресурс]. - Электронные данные. - Режим доступа: http://guunpk.ru/science/joumal/isit
9 Научный журнал «Информационные технологии» [Электронный ресурс]. - Электронные данные. - Режим доступа: http://novtex.ru/IT/
10 Научный журнал «Нейрокомпьютеры: разработка, применение» [Электронный ресурс].- Электронные данные. – Режим доступа: http:
//www.radiotec.ru/catalog.php?cat=jr7
11 Научный журнал «Программные продукты и системы» [Электронный ресурс]. - Электронные данные. – Режим доступа: http://www.swsys.ru/
12 Научная электронная библиотека elibrary (http://elibrary.ru)