ИТм-406. «Web-программирование». Весна 2022
Учебные часы
Лабораторные работы 16 ч.
Курсовая работа
Экзамен.
Зачетная неделя с 28 марта по 2 апреля.
Сессия с 4 по 16 апреля.
Задание по дисциплине на весенний семестр 2022 г.
(в аудитории при себе всегда иметь наушники, чтобы можно было просмотреть видео)
1. Выполнить практическую часть.
Скачайте необходимые материалы по этой ссылке. В архиве даны видео, которые взяты с курсов повышения квалификации, поэтому может быть отвлечение ведущего на аудиторию. Вы можете воспользоваться любыми другими обучающими материалами.
Предварительно изучите метод верстки web-страниц на Flexbox. Теоретический материал (теория flex-верстки – разное изложение материала):
- https://tproger.ru/translations/how-css-flexbox-works/
- https://html5book.ru/css3-flexbox/
- https://developer.mozilla.org/ru/docs/Learn/CSS/CSS_layout/Flexbox
- Тренажер по флексбоксу https://flexboxfroggy.com/#ru
Установите современный текстовый редактор для web-разработки на выбор:
- SublimeText и все необходимые плагины (инструкцию см. на этой странице)
- можете воспользоваться портабельной версией SublimeText можно скачать здесь.
- или можно установить Visual Studio Code (инструкцию см. в файле «Настройка_VSC_структура_HTML-5.mkv»). В этом же файле см. как использовать VSC и создание структуры документа HTML-5
Клавиатурные сокращения для плагина EMMET см. в соответствующих файлах.
2. Выполните уроки из видео 1_Flexbox_часть_1.mkv и 1_Flexbox_часть_2.mkv. Для задания в конце урока исходные файлы расположены в папке 1 lesson cleer.
3. Выполните видеоуроки из папки Flex-итоговый проект. Скачать можно здесь
4. Выполните контрольное задание - создайте адаптивный макет на Flexbox на основе шаблона PSD согласно своему варианту.
Ссылки на макеты:
Контрольное задание по Flex верстке «Создание адаптивного шаблона на основе PSD-шаблона».
Варианты 1-15
Контрольное задание по Flex-верстке «Создание адаптивного шаблона на основе PSD-шаблона».
Варианты 16-30
Варианты
1. Бутакова Екатерина Романовна (вариант 1)
2. Вагин Максим Александрович (вариант 2)
3. Веретенова Наталья Романовна (вариант 3)
4. Герцев Кирилл Сергеевич (вариант 4)
5. Динза Эрнандес Даяна Вальфридовна (вариант 5)
6. Дубровский Александр Владимирович (вариант 6)
7. Исмаилов Роман Русланович (вариант 7)
8. Клименкова Ксения Владимировна (вариант 8)
9. Климова Алиса Андреевна (вариант 9)
10. Коренюгин Степан Андреевич (вариант 10)
11. Красодымский Владимир Николаевич (вариант 11)
12. Лушников Дмитрий Игоревич (вариант 12)
13. Митракова Виктория Викторовна (вариант 13)
14. Наумов Александр Геннадьевич (вариант 14)
15. Новиков Вячеслав Кириллович (вариант 15)
16. Сайфутдинова Александра Рустамовна (вариант 16)
17. Саламонов Александр Андреевич (вариант 17)
18. Терентьева Анна Андреевна (вариант 18)
19. Третьяков Александр Дмитриевич (вариант 19)
20. Черепков Константин Сергеевич (вариант 20)
21. Шило Ольга Дмитриевна (вариант 21)
2. Выполнить курсовую работу – создать сайт на любой CMS на свободную тему.
Курсовая работа должна быть размещена на бесплатном хостинге. Рекомендуется хостинг https://beget.com/ru/free-hosting
Этапы работы:
Этап 1. Структура и контент. Выбрать тему сайта, создать структуру сайта, можно в виде вложенного списка.
Минимальная структура:
- Главная страница с адаптивным слайдером
- Раздел 1
- раздел 1.1
- раздел 1.2
- Раздел 2
- раздел 2.1
- раздел 2.2
- Контакты с формой обратной связи и картой Google или Яндекс.
- Карта сайта для пользователей.
- Карта сайта для поисковых систем.
Собрать контент для сайта: тексты, фото, видео.
Этап 2. Создать прототипы страниц. Прототипов должно быть два: для главной страницы и для типовой. При проектировании дизайна предусмотреть наличие адаптивного слайдера на главной странице.
Ознакомительные материалы по прототипам можно скачать по адресу https://yadi.sk/d/50wX34eQwJvJkA
Видео взято с курсов повышения квалификации, поэтому может быть отвлечение ведущего на аудиторию. Вы можете воспользоваться любыми другими обучающими материалами.
Прототип можно сделать в цветном или черно-белом варианте, в графической программе или аккуратно от руки на выбор. Обязательно должны быть подписи к блокам. Примеры прототипов приведены ниже. Щелкните по изображению для увеличения.
Этап 3. Согласно прототипам создать дизайны в Figma. Для этого необходимо зарегистрироваться на сайте Figma.com
Технологии Figma изучить самостоятельно. Обучающие материалы можно скачать по адресу https://yadi.sk/d/UbaEJrsltCUMww
Видео взято с курсов повышения квалификации, поэтому может быть отвлечение ведущего на аудиторию. Вы можете воспользоваться любыми другими обучающими материалами.
Этап 4. По дизайнам в Figma создать два HTML шаблона (для главной страницы и для типовой), адаптивные под различные устройства методом Flexbox.
Этап 5. Реализовать HTML-шаблоны на CMS по выбору.
Этап 6. Реализовать структуру сайта и наполнить сайт контентом.
Одним из важнейших критериев при оценке сайта будет проверка возможности работать контент-менеджеру без HTML-кода. Т.е. все тексты, изображения, видео должны иметь возможность вставки на сайт без использования знаний HTML.
Этап 7. Написать пояснительную записку. Скачать требования к оформлению ПЗ. Сделать презентацию. Скачать шаблон презентации
3. Написать научную статью по теме web-технологий.
Требования к статье:
- не менее 5 страниц;
- оригинальность не менее 70%. Проверяется преподавателем в системе "Антиплагиат. Вуз";
- форматирование согласно требованиям к оформлению статей. Скачать шаблон статьи. Скачать правила оформления источников
В конце семестра – ЭКЗАМЕН
Оценка за экзамен будет выставлена согласно набранным баллам. Действует рейтинговая система.
Критерии оценки:
- 55-70 баллов – «Удовлетворительно»
- 71-85 баллов – «Хорошо»
- 86-100 баллов - «Отлично»
ЗИТмc-211. «Web-дизайн». Осень 2021 - Весна 2022
Дисциплина «Web-дизайн»
Осень 2021 г. - установочное занятие (2 ч.).
Весна 2022 - все ссылки на работы высылать преподавателю на адрес vlnataly@mail.ru
1. Лекция «Методы верстки веб-страниц» (2 ч.)
2. Сдать домашнюю контрольную работу
Контрольная работа включает два задания:
Задание 1. Создание web-сайта средствами статических технологий HTML и CSS. В качестве обучающих материалов по технологиями HTMl и CSS Вы можете использовать уроки из раздела Учебные курсы – HTML и CSS.
Сайт должен быть размещен на бесплатном хостинге, например на https://beget.com/ru/free-hosting
Задание 2. Верстка web-сайта средствами системы управления контентом (CMS) - Joomla, Wordpress, онлайн-сервисы Wix, Ucoz и т.п. с использованием контента, собранного для задания 1. В качестве обучающих материалов можно использовать уроки по CMS MODx Revolution.
Сайт должен быть размещен на бесплатном хостинге, например на https://beget.com/ru/free-hosting
Методические указания к выполнению контрольной работы можно скачать здесь.
3. Лабораторные работы (8 ч.).
Выполнить уроки 7 и 8 по блочной верстке из раздела Учебные курсы – HTML и CSS..
4. ЭКЗАМЕН по блочной верстке по вариантам. Варианты см. в разделе Контрольное задание по блочной верстке.
Пу-411 ИТк. «Web-программирование» Весна-Осень 2022
Задание на осенний семестр 2022 г.
1. Изучить язык программирования PHP. Обучающие материалы – бесплатный видеокурс Михаила Русакова
https://blog.myrusakov.ru/freephp7.html
Сдавать эти уроки не надо, только для самостоятельного обучения.
2. Выполнить контрольную работу. Создать сайт на PHP и MySQL. Сайт разместить на бесплатном хостинге, например, на https://beget.com/ru/free-hosting
- методические указания к контрольной работе есть в Timeline, также Вы можете скачать их здесь;
- обучающие материалы к контрольной работе – видеокурс Михаила Русакова по ссылке https://yadi.sk/d/qCYCs5N1peDE6Q
3. Подготовиться к экзамену (практическое задание) - для этого изучить уроки 1, 2, 3, 5 из раздела Учебные курсы - Уроки PHP и MySQL.
Осень 2022 г.
1. Сдать домашнюю контрольную работу.
2. Лабораторные работы - 16 ч. (8 пар). Контрольные работы по лабораторным. Контрольные работы разместить на бесплатном хостинге, например, на https://beget.com/ru/free-hosting
3. Экзамен (тестирование).
2. Лабораторные работы на осенний семестр 2022
Варианты для выполнения контрольных работ (по лабораторным работам):
1. Аверин Даниил Вячеславович (вариант 1)
2. Агишева Александра Алексеевна (вариант 2)
3. Анненков Владимир Евгеньевич (вариант 3)
4. Михалев Кирилл Владимирович (вариант 4)
5. Олегов Владислав Игоревич (вариант 5)
6. Олегов Святослав Игоревич (вариант 6)
7. Уразаева Эльвина Маратовна (вариант 7)
8. Хисамутдинова Элина Наиеловна (вариант 8)
9. Чернышов Константин Ильич (вариант 9)
Перед выполнением контрольных работ рекомендуется изучить уроки 1, 2, 3, 5 из раздела Учебные курсы - Уроки PHP и MySQL. Сдавать эти уроки не надо.
1. Выполнить контрольное задание 1 по PHP "Шаблон сайта" по вариантам. Прежде, чем выполнять контрольную работу, рекомендуется повторить Урок 3 «Создание сайта на PHP. Упражнение 1». Вариант определяется по таблице вверху задания. Варианты HTML-шаблонов скачайте здесь.
Требования к контрольной работе 1:
HTML-шаблон сайта перевести на PHP. Требования к php-сайту:
- блоки сайта, общие для всех страниц сайта должны включаться в web-страницу с использованием функции include();
- включаемых блоков должно быть не менее трех: верхнее меню, боковое меню, подвал;
- на php-сайте создать не менее трех взаимосвязанных гиперссылками страниц с разным содержимым основного (изменяемого) контента;
- выполненное упражнение разместить на бесплатном хостинге, в Timeline прикрепить выполненное задание в соответствующую ячейку и ссылку на бесплатный хостинг, где размещено задание.
2. Выполнить контрольную работу 2 по PHP и MySQL по вариантам. Варианты можно скачать здесь. Перед выполнением рекомендуется повторить Урок 5. «Формы и базы данных в web». Вариант определяется по таблице вверху задания. Выполненное упражнение разместить на бесплатном хостинге, в Timeline прикрепить выполненное задание в соответствующую ячейку и ссылку на бесплатный хостинг, где размещено задание.
3. Экзамен
До экзамена допускаются студенты, которые сдали домашнюю контрольную работу и аудиторные лабораторные работы.
Для получения оценки за экзамен необходимо пройти тест в системе Timeline по языку программирования PHP. Для подготовки используйте теоретический материал, который можно скачать здесь.
Оценка за экзамен выставляется по результатам теста.
- 86-100% - отлично
- 71-85% - хорошо
- 55-70% - удовлетворительно
ИТМс-201. «Web-программирование». Весна 2022
Учебные часы
Лекции 16 ч.
Лабораторные работы 48 ч.
Экзамен.
Зачетная неделя с 6 по 11 июня.
Сессия с 13 по 25 июня.
Задание по дисциплине на весенний семестр 2022 г.
(в аудитории при себе всегда иметь наушники, чтобы можно было просмотреть видео)
Все лабораторные и контрольные работы на серверных технологиях для сдачи должны быть размещены на бесплатном хостинге. Рекомендуется хостинг https://beget.com/ru/free-hosting
Часть 1. Верстка методом Flexbox
Скачайте необходимые материалы по этой ссылке. В архиве даны видео, которые взяты с курсов повышения квалификации, поэтому может быть отвлечение ведущего на аудиторию. Вы можете воспользоваться любыми другими обучающими материалами.
Предварительно изучите метод верстки web-страниц на Flexbox. Теоретический материал (теория flex-верстки – разное изложение материала):
- https://tproger.ru/translations/how-css-flexbox-works/
- https://html5book.ru/css3-flexbox/
- https://developer.mozilla.org/ru/docs/Learn/CSS/CSS_layout/Flexbox
- Тренажер по флексбоксу https://flexboxfroggy.com/#ru
Установите современный текстовый редактор для web-разработки на выбор:
- SublimeText и все необходимые плагины (инструкцию см. на этой странице)
- можете воспользоваться портабельной версией SublimeText можно скачать здесь.
- или можно установить Visual Studio Code (инструкцию см. в файле «Настройка_VSC_структура_HTML-5.mkv»). В этом же файле см. как использовать VSC и создание структуры документа HTML-5
Клавиатурные сокращения для плагина EMMET см. в соответствующих файлах.
2. Выполните уроки из видео 1_Flexbox_часть_1.mkv и 1_Flexbox_часть_2.mkv. Для задания в конце урока исходные файлы расположены в папке 1 lesson cleer.
3. Выполните видеоуроки из папки Flex-итоговый проект. Скачать можно здесь
4. Выполните контрольное задание - создайте адаптивный макет на Flexbox на основе шаблона PSD согласно своему варианту.
Ссылки на макеты:
Контрольное задание по Flex верстке «Создание адаптивного шаблона на основе PSD-шаблона».
Варианты 1-15
Контрольное задание по Flex-верстке «Создание адаптивного шаблона на основе PSD-шаблона».
Варианты 16-30
Часть 2. PHP и MySql
1. Выполнить уроки 1, 2, 3, 5 по PHP и MySql из раздела Учебные курсы - Уроки PHP и MySQL. Урок 5 должен быть размещен на бесплатном хостинге. Рекомендуется хостинг https://beget.com/ru/free-hosting
2. Пройти тест по урокам PHP и MySQL 1, 2, 3, 5 в системе Таймлайн.
3. Выполнить контрольную работу 1 по PHP "Шаблон сайта" по вариантам. Варианты по фамилиям см. внизу этой страницы. Варианты HTML-шаблонов скачайте здесь.
Требования к контрольной работе 1:
HTML-шаблон сайта перевести на PHP. Требования к php-сайту:
- блоки сайта, общие для всех страниц сайта должны включаться в web-страницу с использованием функции include();
- включаемых блоков должно быть не менее трех: верхнее меню, боковое меню, подвал;
- на php-сайте создать не менее трех взаимосвязанных гиперссылками страниц с разным содержимым основного (изменяемого) контента.
4. Выполнить контрольную работу 2 по PHP и MySQL по вариантам. Варианты можно скачать здесь. Работу разместить на бесплатном хостинге.
Часть 3. Изучить CMS Revolution
Выполнить все уроки из раздела «Уроки MODx Revolution». Сайт должен быть размещен на бесплатном хостинге.
Часть 4. Итоговая контрольная работа
Создать сайт на свободную тему на CMS Revolution.
Контрольная работа должна быть размещена на бесплатном хостинге. Рекомендуется хостинг https://beget.com/ru/free-hosting
Этапы работы:
Этап 1. Структура и контент. Выбрать тему сайта, создать структуру сайта, можно в виде вложенного списка.
Минимальная структура:
- Главная страница с адаптивным слайдером
- Раздел 1
- раздел 1.1
- раздел 1.2
- Раздел 2
- раздел 2.1
- раздел 2.2
- Контакты с формой обратной связи и картой Google или Яндекс.
- Карта сайта для пользователей.
- Карта сайта для поисковых систем.
Собрать контент для сайта: тексты, фото, видео.
Этап 2. Создать прототипы страниц. Прототипов должно быть два: для главной страницы и для типовой. При проектировании дизайна предусмотреть наличие адаптивного слайдера на главной странице.
Ознакомительные материалы по прототипам можно скачать по адресу https://yadi.sk/d/50wX34eQwJvJkA
Видео взято с курсов повышения квалификации, поэтому может быть отвлечение ведущего на аудиторию. Вы можете воспользоваться любыми другими обучающими материалами.
Прототип можно сделать в цветном или черно-белом варианте, в графической программе или аккуратно от руки на выбор. Обязательно должны быть подписи к блокам. Примеры прототипов приведены ниже. Щелкните по изображению для увеличения.
Этап 3. Согласно прототипам создать дизайны в Figma. Для этого необходимо зарегистрироваться на сайте Figma.com
Технологии Figma изучить самостоятельно. Обучающие материалы можно скачать по адресу https://yadi.sk/d/UbaEJrsltCUMww
Видео взято с курсов повышения квалификации, поэтому может быть отвлечение ведущего на аудиторию. Вы можете воспользоваться любыми другими обучающими материалами.
Этап 4. По дизайнам в Figma создать два HTML шаблона (для главной страницы и для типовой), адаптивные под различные устройства методом Flexbox.
Этап 5. Реализовать HTML-шаблоны на CMS MODX Revolution
Этап 6. Реализовать структуру сайта и наполнить сайт контентом.
Одним из важнейших критериев при оценке сайта будет проверка возможности работать контент-менеджеру без HTML-кода. Т.е. все тексты, изображения, видео должны иметь возможность вставки на сайт без использования знаний HTML.
Часть 5. Написать научную статью по теме web-технологий.
Требования к статье:
- не менее 5 страниц;
- оригинальность не менее 70%. Проверяется преподавателем в системе "Антиплагиат. Вуз";
- форматирование согласно требованиям к оформлению статей. Скачать шаблон статьи. Скачать правила оформления источников
В конце семестра – ЭКЗАМЕН – тест по теоретическому материалу (PHP). Лекции приложены в Таймлайн.
Действует рейтинговая система.
Критерии оценки:
- 55-70 баллов – «Удовлетворительно»
- 71-85 баллов – «Хорошо»
- 86-100 баллов - «Отлично»
Варианты
1. Алиева Арина Эминовна (вариант 1)
2. Аношкин Михаил Сергеевич (вариант 2)
3. Баринов Павел Игоревич (вариант 3)
4. Блинова Татьяна Михайловна (вариант 4)
5. Брызгалов Андрей Иванович (вариант 5)
6. Волегова Екатерина Денисовна (вариант 6)
7. Воронина Александра Сергеевна (вариант 7)
8. Герлых Владимир Константинович (вариант 8)
9. Голубева Варвара Михайловна (вариант 9)
10. Дремина Екатерина Леонидовна (вариант 10)
11. Дьяконов Иван Викторович (вариант 11)
12. Зеленин Сергей Сергеевич (вариант 12)
13. Зимин Дмитрий Валерьевич (вариант 13)
14. Иванова Екатерина Игоревна (вариант 14)
15. Ищенко Оксана Евгеньевна (вариант 15)
16. Качин Антон Кириллович (вариант 16)
17. Кашин Игорь Михайлович (вариант 17)
18. Кузнецов Илья Дмитриевич (вариант 18)
19. Мешкова Виктория Владиславовна (вариант 19)
20. Миндубаева Полина Ильдаровна (вариант 20)
21. Пинжаков Егор Иванович (вариант 21)
22. Попов Кирилл Олегович (вариант 22)
23. Прокин Иван Алексеевич (вариант 23)
24. Прыкин Владимир Владиславович (вариант 24)
25. Султакаев Андрей Игоревич (вариант 25)
26. Сухарев Матвей Павлович (вариант 26)
27. Тарейкина Юлия Александровна (вариант 27)
28. Червякова Ирина Игоревна (вариант 28)
29. Шаньгина Кристина Алексеевна (вариант 29)
30. Юрпалова Анна Максимовна (вариант 30)
ИТк-403. «Web-программирование». Весна 2022
Учебные часы
Лекции 18 ч.
Лабораторные работы 36 ч.
Экзамен.
Зачетная неделя с 4 по 9 апреля.
Сессия с 11 по 16 апреля.
Задание по дисциплине на весенний семестр 2022 г.
Все лабораторные и контрольные работы на серверных технологиях для сдачи должны быть размещены на бесплатном хостинге. Рекомендуется хостинг https://beget.com/ru/free-hosting
1. Выполнить уроки PHP и MySql из раздела Учебные курсы - Уроки PHP и MySQL. Урок 5. разместить на бесплатном хостинге.
2. Пройти тест по урокам PHP и MySQL 1, 2, 3, 5 в системе Таймлайн.
3. Выполнить контрольную работу 1 по PHP "Шаблон сайта" по вариантам. Варианты внизу этой страницы. Варианты HTML-шаблонов скачайте здесь.
Требования к контрольной работе 1:
HTML-шаблон сайта перевести на PHP. Требования к php-сайту:
- блоки сайта, общие для всех страниц сайта должны включаться в web-страницу с использованием функции include();
- включаемых блоков должно быть не менее трех: верхнее меню, боковое меню, подвал;
- на php-сайте создать не менее трех взаимосвязанных гиперссылками страниц с разным содержимым основного (изменяемого) контента.
4. Выполнить контрольную работу 2 по PHP и MySQL по вариантам. Варианты можно скачать здесь. Работу разместить на бесплатном хостинге.
5. Выполнить 8 лабораторных работ по CMS MODx Revolution из раздела Учебные курсы – Уроки МОDx Revolution. Сайт разместить на бесплатном хостинге, например, на https://beget.com/ru/free-hosting или каком-нибудь другом. Сдавать все работы сразу.
6. Выполнить контрольную работу по CMS – создать сайт на любой CMS на свободную тему, разместить на бесплатном хостинге.
Требования к сайту на CMS:
- макет сайта должен быть адаптивным, можно взять готовый HTML-шаблон;
- на сайте должно быть не менее 10 страниц;
- наличие адаптивного слайдера. Слайдер можно найти в Интернет или в разделе Верстка сайта – Адаптивные лайдеры этого сайта;
- наличие карты сайта;
- наличие формы обратной связи.
7. Написать научную статью по теме web-технологий.
Требования к статье:
- не менее 5 страниц;
- оригинальность не менее 70%. Проверяется преподавателем в системе "Антиплагиат. Вуз";
- форматирование согласно требованиям к оформлению статей. Скачать шаблон статьи. Скачать правила оформления источников
8. Пройти тест по теоретическому материалу (PHP). Лекции приложены в Таймлайн.
В конце семестра – ЭКЗАМЕН.
Действует рейтинговая система.
Критерии оценки:
- 55-70 баллов – «Удовлетворительно»
- 71-85 баллов – «Хорошо»
- 86-100 баллов - «Отлично»
Варианты
1. Власов Кирилл Денисович (вариант 1)
2. Гудошников Анатолий Сергеевич (вариант 2)
3. Железнова Элеонора Владиславовна (вариант 3)
4. Злобина Мария Олеговна (вариант 4)
5. Куликов Станислав Алексеевич (вариант 5)
6. Назмутдинов Андрей Денисович (вариант 6)
7. Носков Евгений Александрович (вариант 7)
8. Путенков Роман Андреевич (вариант 8)
9. Селиванова Надежда Александровна (вариант 9)
10. Челноков Игорь Викторович (вариант 10)
11. Чиркова Дарья Александровна (вариант 11)
12. Чудинов Павел Юрьевич (вариант 12)
ИТм-406. «Web-программирование». Весна 2022
Учебные часы
Лабораторные работы 16 ч.
Курсовая работа
Экзамен.
Зачетная неделя с 28 марта по 2 апреля.
Сессия с 4 по 16 апреля.
Задание по дисциплине на весенний семестр 2022 г.
(в аудитории при себе всегда иметь наушники, чтобы можно было просмотреть видео)
1. Выполнить практическую часть.
Скачайте необходимые материалы по этой ссылке. В архиве даны видео, которые взяты с курсов повышения квалификации, поэтому может быть отвлечение ведущего на аудиторию. Вы можете воспользоваться любыми другими обучающими материалами.
Предварительно изучите метод верстки web-страниц на Flexbox. Теоретический материал (теория flex-верстки – разное изложение материала):
- https://tproger.ru/translations/how-css-flexbox-works/
- https://html5book.ru/css3-flexbox/
- https://developer.mozilla.org/ru/docs/Learn/CSS/CSS_layout/Flexbox
- Тренажер по флексбоксу https://flexboxfroggy.com/#ru
Установите современный текстовый редактор для web-разработки на выбор:
- SublimeText и все необходимые плагины (инструкцию см. на этой странице)
- можете воспользоваться портабельной версией SublimeText можно скачать здесь.
- или можно установить Visual Studio Code (инструкцию см. в файле «Настройка_VSC_структура_HTML-5.mkv»). В этом же файле см. как использовать VSC и создание структуры документа HTML-5
Клавиатурные сокращения для плагина EMMET см. в соответствующих файлах.
2. Выполните уроки из видео 1_Flexbox_часть_1.mkv и 1_Flexbox_часть_2.mkv. Для задания в конце урока исходные файлы расположены в папке 1 lesson cleer.
3. Выполните видеоуроки из папки Flex-итоговый проект. Скачать можно здесь
4. Выполните контрольное задание - создайте адаптивный макет на Flexbox на основе шаблона PSD согласно своему варианту.
Ссылки на макеты:
Контрольное задание по Flex верстке «Создание адаптивного шаблона на основе PSD-шаблона».
Варианты 1-15
Контрольное задание по Flex-верстке «Создание адаптивного шаблона на основе PSD-шаблона».
Варианты 16-30
Варианты
1. Бутакова Екатерина Романовна (вариант 1)
2. Вагин Максим Александрович (вариант 2)
3. Веретенова Наталья Романовна (вариант 3)
4. Герцев Кирилл Сергеевич (вариант 4)
5. Динза Эрнандес Даяна Вальфридовна (вариант 5)
6. Дубровский Александр Владимирович (вариант 6)
7. Исмаилов Роман Русланович (вариант 7)
8. Клименкова Ксения Владимировна (вариант 8)
9. Климова Алиса Андреевна (вариант 9)
10. Коренюгин Степан Андреевич (вариант 10)
11. Красодымский Владимир Николаевич (вариант 11)
12. Лушников Дмитрий Игоревич (вариант 12)
13. Митракова Виктория Викторовна (вариант 13)
14. Наумов Александр Геннадьевич (вариант 14)
15. Новиков Вячеслав Кириллович (вариант 15)
16. Сайфутдинова Александра Рустамовна (вариант 16)
17. Саламонов Александр Андреевич (вариант 17)
18. Терентьева Анна Андреевна (вариант 18)
19. Третьяков Александр Дмитриевич (вариант 19)
20. Черепков Константин Сергеевич (вариант 20)
21. Шило Ольга Дмитриевна (вариант 21)
2. Выполнить курсовую работу – создать сайт на любой CMS на свободную тему.
Курсовая работа должна быть размещена на бесплатном хостинге. Рекомендуется хостинг https://beget.com/ru/free-hosting
Этапы работы:
Этап 1. Структура и контент. Выбрать тему сайта, создать структуру сайта, можно в виде вложенного списка.
Минимальная структура:
- Главная страница с адаптивным слайдером
- Раздел 1
- раздел 1.1
- раздел 1.2
- Раздел 2
- раздел 2.1
- раздел 2.2
- Контакты с формой обратной связи и картой Google или Яндекс.
- Карта сайта для пользователей.
- Карта сайта для поисковых систем.
Собрать контент для сайта: тексты, фото, видео.
Этап 2. Создать прототипы страниц. Прототипов должно быть два: для главной страницы и для типовой. При проектировании дизайна предусмотреть наличие адаптивного слайдера на главной странице.
Ознакомительные материалы по прототипам можно скачать по адресу https://yadi.sk/d/50wX34eQwJvJkA
Видео взято с курсов повышения квалификации, поэтому может быть отвлечение ведущего на аудиторию. Вы можете воспользоваться любыми другими обучающими материалами.
Прототип можно сделать в цветном или черно-белом варианте, в графической программе или аккуратно от руки на выбор. Обязательно должны быть подписи к блокам. Примеры прототипов приведены ниже. Щелкните по изображению для увеличения.
Этап 3. Согласно прототипам создать дизайны в Figma. Для этого необходимо зарегистрироваться на сайте Figma.com
Технологии Figma изучить самостоятельно. Обучающие материалы можно скачать по адресу https://yadi.sk/d/UbaEJrsltCUMww
Видео взято с курсов повышения квалификации, поэтому может быть отвлечение ведущего на аудиторию. Вы можете воспользоваться любыми другими обучающими материалами.
Этап 4. По дизайнам в Figma создать два HTML шаблона (для главной страницы и для типовой), адаптивные под различные устройства методом Flexbox.
Этап 5. Реализовать HTML-шаблоны на CMS по выбору.
Этап 6. Реализовать структуру сайта и наполнить сайт контентом.
Одним из важнейших критериев при оценке сайта будет проверка возможности работать контент-менеджеру без HTML-кода. Т.е. все тексты, изображения, видео должны иметь возможность вставки на сайт без использования знаний HTML.
Этап 7. Написать пояснительную записку. Скачать требования к оформлению ПЗ. Сделать презентацию. Скачать шаблон презентации
3. Написать научную статью по теме web-технологий.
Требования к статье:
- не менее 5 страниц;
- оригинальность не менее 70%. Проверяется преподавателем в системе "Антиплагиат. Вуз";
- форматирование согласно требованиям к оформлению статей. Скачать шаблон статьи. Скачать правила оформления источников
В конце семестра – ЭКЗАМЕН
Оценка за экзамен будет выставлена согласно набранным баллам. Действует рейтинговая система.
Критерии оценки:
- 55-70 баллов – «Удовлетворительно»
- 71-85 баллов – «Хорошо»
- 86-100 баллов - «Отлично»
ЗИТмт-203 (303). «Web-программирование». Весна 2021 – Осень 2021
Осень 2021
1. Сдать домашнюю контрольную работу. Требования приведены в конце задания.
2. Выполнить урок 5 из раздела Учебные курсы – Уроки PHP и MySQL. Работа 5 должна быть размещена на бесплатном хостинге, например, на https://beget.com/ru/free-hosting Ссылку выслать в Таймлайн.
3. Выполнить контрольное задание по варианту. Варианты можно скачать здесь. Задание должно быть размещено на бесплатном хостинге. Ссылку выслать в Таймлайн.
Каждый студент выполняет свой вариант.
Александрова Алена Сергеевна (вариант 1)
Болдинов Павел Алексеевич (вариант 2)
Быков Виталий Николаевич (вариант 3)
Глухова Полина Владимировна (вариант 4)
Ертова Валерия Сергеевна (вариант 5)
Истомина Эллина Олеговна (вариант 6)
Калошин Александр Игоревич (вариант 7)
Каюмов Михаил Линарович (вариант 8)
Костин Антон Сергеевич (вариант 9)
Малых Валерия Вячеславовна (вариант 10)
Марченко Иван Андреевич (вариант 11)
Мельников Александр Сергеевич (вариант 12)
Поденко Александр Алексеевич (вариант 13)
Сидоренко Лейла Рафилевна (вариант 14)
Трофимова Екатерина Олеговна (вариант 15)
Хисамова Влада Андреевна (вариант 16)
Храмцова Александра Владимировна (вариант 17)
Шаймиева Анита Романовна (вариант 18)
4. Пройти экзаменационный тест (35 вопросов, 90 минут, 1 попытка). Теорию к тесту можно скачать здесь или в Таймлайн. Вопросы к тесту можно скачать в Таймлайн.
Домашняя контрольная работа на осенний семестр 2021 г.
1. Изучить язык программирования PHP. Обучающие материалы – бесплатный видеокурс Михаила Русакова
https://blog.myrusakov.ru/freephp7.html
Сдавать эти уроки не надо, только для самостоятельного обучения.
2. Выполнить контрольную работу.
- методические указания к контрольной работе есть в Timeline, также Вы можете скачать их здесь;
- обучающие материалы к контрольной работе – видеокурс Михаила Русакова по ссылке https://yadi.sk/d/qCYCs5N1peDE6Q. На основе этих материалов нужно сделать контрольную работу.
3. Выполненную контрольную работу разместить на бесплатном хостинге, например на https://beget.com/ru/free-hosting, в Timeline прикрепить пояснительную записку в соответствующую ячейку и ссылку на бесплатный хостинг, где размещено задание.
ЗИТмт-202С (302С). «Web-программирование». Весна 2021 – Осень 2021
Осень 2021
1. Сдать домашнюю контрольную работу. Требования приведены в конце задания.
2. Выполнить урок 5 из раздела Учебные курсы – Уроки PHP и MySQL. Работа 5 должна быть размещена на бесплатном хостинге, например, на https://beget.com/ru/free-hosting Ссылку выслать в Таймлайн.
3. Выполнить контрольное задание по варианту. Варианты можно скачать здесь. Задание должно быть размещено на бесплатном хостинге. Ссылку выслать в Таймлайн.
Каждый студент выполняет свой вариант.
Волков Дмитрий Алексеевич (вариант 1)
Журавлев Константин Валерьевич (вариант 2)
Кузнецов Роман Сергеевич (вариант 3)
Ларионов Андрей Игоревич (вариант 4)
Леушин Константин Олегович (вариант 5)
Лобанов Роман Андреевич (вариант 6)
Минасян Воски Асатуровна (вариант 7)
Новоселова Людмила Александровна (вариант 8)
Остальцев Алексей Дмитриевич (вариант 9)
Поляков Захар Викторович (вариант 10)
Попов Юрий Юрьевич (вариант 11)
Рыбакина Роза Вахитовнам (вариант 12)
4. Пройти экзаменационный тест (35 вопросов, 90 минут, 1 попытка). Теорию к тесту можно скачать здесь или в Таймлайн. Вопросы к тесту можно скачать в Таймлайн.
Домашняя контрольная работа на осенний семестр 2021 г.
1. Изучить язык программирования PHP. Обучающие материалы – бесплатный видеокурс Михаила Русакова
https://blog.myrusakov.ru/freephp7.html
Сдавать эти уроки не надо, только для самостоятельного обучения.
2. Выполнить контрольную работу.
- методические указания к контрольной работе есть в Timeline, также Вы можете скачать их здесь;
- обучающие материалы к контрольной работе – видеокурс Михаила Русакова по ссылке https://yadi.sk/d/qCYCs5N1peDE6Q. На основе этих материалов нужно сделать контрольную работу.
3. Выполненную контрольную работу разместить на бесплатном хостинге, например на https://beget.com/ru/free-hosting, в Timeline прикрепить пояснительную записку в соответствующую ячейку и ссылку на бесплатный хостинг, где размещено задание.
ЗИТц-204С (304С). «Web-дизайн». Весна-осень 2021
Задание на осень 2021 г.
1. Выполнить уроки из раздела Создание сайта на HTML5. Выполненный сайт в архиве загрузить в Таймлайн или на облако, ссылку прислать в Таймлайн.
2. Из раздела Уроки адаптивной верстки прочитать теорию адаптивной верстки и выполнить Урок 1. Сетка Bootstrap. Выполненные файлы в архиве загрузить в Таймлайн или на облако, ссылку прислать в Таймлайн.
3. Сдать домашнюю контрольную работу. Контрольная работа включает два задания:
Задание 1. Создание web-сайта средствами статических технологий HTML и CSS. В качестве обучающих материалов по технологиями HTMl и CSS Вы можете использовать уроки из раздела Учебные курсы – HTML и CSS.
Сайт должен быть размещен на бесплатном хостинге, например на https://beget.com/ru/free-hosting
Задание 2. Верстка web-сайта средствами системы управления контентом (CMS) - Joomla, Wordpress, онлайн-сервисы Wix, Ucoz и т.п. с использованием контента, собранного для задания 1. В качестве обучающих материалов можно использовать уроки по CMS MODx Revolution.
Сайт должен быть размещен на бесплатном хостинге, например на https://beget.com/ru/free-hosting
Методические указания к выполнению контрольной работы можно скачать здесь.
4. Пройти экзаменационный тест в Таймлайн. Доступ к тесту будет открыт когда будут сданы все задания, включая домашние.
___________________
Весна 2021. Установочные лекции 4 ч.
Лекция «Структура web-дизайна. HTML и CSS» + задание на домашнюю контрольную работу.
Лекция «Методы верстки веб-страниц»
Пу-411 ИТк. «Web-дизайн» Весна-осень 2021
Дисциплина «Web-дизайн»
Весна 2021 г. - установочная лекция (2 ч.).
Осень 2021 г. - сдать домашнюю контрольную работу, лекция (2 ч.), лабораторные работы (6 ч.), ЭКЗАМЕН (тестирование по HTML и CSS).
Задание на осень 2021 г.
Лабораторный практикум
1. Выполнить уроки из раздела Создание сайта на HTML5. Выполненный сайт в архиве загрузить в Таймлайн или на облако, ссылку прислать в Таймлайн.
2. Из раздела Уроки адаптивной верстки прочитать теорию адаптивной верстки и выполнить Урок 1. Сетка Bootstrap. Выполненные файлы в архиве загрузить в Таймлайн или на облако, ссылку прислать в Таймлайн.
3. Сдать домашнюю контрольную работу. Контрольная работа включает два задания:
Задание 1. Создание web-сайта средствами статических технологий HTML и CSS. В качестве обучающих материалов по технологиями HTMl и CSS Вы можете использовать уроки из раздела Учебные курсы – HTML и CSS.
Сайт должен быть размещен на бесплатном хостинге, например на https://beget.com/ru/free-hosting
Задание 2. Верстка web-сайта средствами системы управления контентом (CMS) - Joomla, Wordpress, онлайн-сервисы Wix, Ucoz и т.п. с использованием контента, собранного для задания 1. В качестве обучающих материалов можно использовать уроки по CMS MODx Revolution.
Сайт должен быть размещен на бесплатном хостинге, например на https://beget.com/ru/free-hosting
Методические указания к выполнению контрольной работы можно скачать здесь.
4. Пройти экзаменационный тест в Таймлайн. Доступ к тесту будет открыт когда будут сданы все задания, включая домашние.
ИТц-304. Дисциплина «Web-дизайн». Осень 2021
Задание на осенний семестр 2021 г. для гр. ИТц-304
Лекции 8 ч.
Лабораторные работы 26 ч.
1. Из раздела Учебные курсы – HTML и CSS выполнить уроки 1–9. Для изучения курса предварительно скачайте папку CD с материалами к урокам (141 Мб).
2. Прочитать теорию адаптивной верстки из раздела Теория адаптивной верстки и выполнить урок по адаптивной верстке из раздела Сетка Bootstrap.
В конце семестра – ЭКЗАМЕН – пройти тест в системе Timeline
- 86-100 баллов – «Отлично»
- 71-85 балла – «Хорошо»
- 55-70 баллов – «Удовлетворительно»
ИТмс-201. Дисциплина «Web-дизайн». Осень 2021
Задание на осенний семестр 2021 г. для гр. ИТмс-201
Лекции 8 ч.
Лабораторные работы 48 ч.
1. Из раздела Учебные курсы – HTML и CSS выполнить уроки 1–9. Для изучения курса предварительно скачайте папку CD с материалами к урокам (141 Мб).
2. Изучить теоретический материал и выполнить уроки из раздела Уроки по фреймворку Bootstrap 4.
Выполнить контрольное задание согласно своему варианту – создать адаптивный html-шаблон из psd-шаблона средствами фреймворка Bootstrap.
Требования к адаптивному макету:
– макет должен иметь различное расположение блоков на экранах разной ширины. Предварительно необходимо сделать эскиз сетки html-страницы для пяти экранов (xs, sm, md, lg, xl). Продемонстрировать эскиз при сдаче контрольного задания;
– навигационная панель должна сворачиваться в кнопку с выпадающим меню;
– в макет включить адаптивный слайдер - карусель Bootstrap или любой другой адаптивный слайдер. Слайдер можно найти в Интернет или в разделе Web-дизайн – Слайдеры этого сайта;
– в макет включить как минимум одно модальное окно и два компонента на выбор;
– при необходимости часть элементов дизайна макета можно скрыть на маленьком экране;
– окончательный вариант должен быть максимально похож на исходник;
– рекомендуется просмотреть видеокурс http://
В конце семестра – ЭКЗАМЕН – пройти тест в системе Timeline
- 86-100 баллов – «Отлично»
- 71-85 балла – «Хорошо»
- 55-70 баллов – «Удовлетворительно»
Варианты
1. Алиева Арина Эминовна (вариант 1)
2. Аношкин Михаил Сергеевич (вариант 2)
3. Баринов Павел Игоревич (вариант 3)
4. Блинова Татьяна Михайловна (вариант 4)
5. Брызгалов Андрей Иванович (вариант 5)
6. Волегова Екатерина Денисовна (вариант 6)
7. Воронина Александра Сергеевна (вариант 7)
8. Герлых Владимир Константинович (вариант 8)
9. Голубева Варвара Михайловна (вариант 9)
10. Дремина Екатерина Леонидовна (вариант 10)
11. Дьяконов Иван Викторович (вариант 11)
12. Зеленин Сергей Сергеевич (вариант 12)
13. Зимин Дмитрий Валерьевич (вариант 13)
14. Иванова Екатерина Игоревна (вариант 14)
15. Ищенко Оксана Евгеньевна (вариант 15)
16. Качин Антон Кириллович (вариант 16)
17. Кашин Игорь Михайлович (вариант 17)
18. Кузнецов Илья Дмитриевич (вариант 18)
19. Мешкова Виктория Владиславовна (вариант 19)
20. Миндубаева Полина Ильдаровна (вариант 20)
21. Пинжаков Егор Иванович (вариант 21)
22. Попов Кирилл Олегович (вариант 22)
23. Прокин Иван Алексеевич (вариант 23)
24. Прыкин Владимир Владиславович (вариант 24)
25. Султакаев Андрей Игоревич (вариант 25)
26. Сухарев Матвей Павлович (вариант 26)
27. Тарейкина Юлия Александровна (вариант 27)
28. Червякова Ирина Игоревна (вариант 28)
29. Шаньгина Кристина Алексеевна (вариант 29)
30. Юрпалова Анна Максимовна (вариант 30)
ИТМ-406. Дисциплина «Web-дизайн». Осень 2021
Задание на осенний семестр 2021 г. для гр. ИТМ-406
Лекции 16 ч.
Лабораторные работы 16 ч.
1. Из раздела Учебные курсы – HTML и CSS выполнить уроки 1–9. Для изучения курса предварительно скачайте папку CD с материалами к урокам (141 Мб).
В конце семестра – ЭКЗАМЕН - тестирование. Действует рейтинговая система.
- 55-70 баллов – «Удовлетворительно»
- 71-85 баллов – «Хорошо»
- 86-100 баллов - «Отлично»
ИТМ-406. Дисциплина «Web-программирование». Осень 2021
Задание по дисциплине на осенний семестр 2021 г.
Лекции 16 ч.
Лабораторные раболты 32 ч.
1. Изучить теоретический материал и выполнить уроки из раздела Уроки по фреймворку Bootstrap 4.
Выполнить контрольное задание согласно своему варианту – создать адаптивный html-шаблон из psd-шаблона средствами фреймворка Bootstrap.
Требования к адаптивному макету:
– макет должен иметь различное расположение блоков на экранах разной ширины. Предварительно необходимо сделать эскиз сетки html-страницы для пяти экранов (xs, sm, md, lg, xl). Продемонстрировать эскиз при сдаче контрольного задания;
– навигационная панель должна сворачиваться в кнопку с выпадающим меню;
– в макет включить адаптивный слайдер - карусель Bootstrap или любой другой адаптивный слайдер. Слайдер можно найти в Интернет или в разделе Web-дизайн – Слайдеры этого сайта;
– в макет включить как минимум одно модальное окно и два компонента на выбор;
– при необходимости часть элементов дизайна макета можно скрыть на маленьком экране;
– окончательный вариант должен быть максимально похож на исходник;
– рекомендуется просмотреть видеокурс http://
2. Выполнить уроки PHP и MySql из раздела Учебные курсы - Уроки PHP и MySQL. Урок 5 разместить на бесплатном хостинге, например, на https://beget.com/ru/free-hosting или каком-нибудь другом.
3. Пройти тест по урокам PHP и MySQL 1, 2, 3, 5 в системе Таймлайн.
4. Выполнить контрольную работу 1 по PHP "Шаблон сайта" по вариантам. Варианты внизу этой страницы. Варианты HTML-шаблонов скачайте здесь.
Требования к контрольной работе 1:
HTML-шаблон сайта перевести на PHP. Требования к php-сайту:
- блоки сайта, общие для всех страниц сайта должны включаться в web-страницу с использованием функции include();
- включаемых блоков должно быть не менее трех: верхнее меню, боковое меню, подвал;
- на php-сайте создать не менее трех взаимосвязанных гиперссылками страниц с разным содержимым основного (изменяемого) контента.
5. Выполнить контрольную работу 2 по PHP и MySQL по вариантам. Варианты можно скачать здесь. Работу разместить на бесплатном хостинге.
6. Выполнить 8 лабораторных работ по CMS Revolution из раздела Учебные курсы – Уроки МОDx Revolution. Сайт разместить на бесплатном хостинге, например, на https://beget.com/ru/free-hosting или каком-нибудь другом. Разместить на бесплатном хостинге. Сдавать все работы сразу.
7. Пройти тест по теоретическому материалу (PHP). Лекции приложены в Таймлайн.
В конце семестра – ДИФФЕРИНЦИРОВАННЫЙ ЗАЧЕТ.
Действует рейтинговая система.
Критерии оценки:
- 55-70 баллов – «Удовлетворительно»
- 71-85 баллов – «Хорошо»
- 86-100 баллов - «Отлично»
Варианты
1. Бутакова Екатерина Романовна (вариант 1)
2. Вагин Максим Александрович (вариант 2)
3. Веретенова Наталья Романовна (вариант 3)
4. Герцев Кирилл Сергеевич (вариант 4)
5. Динза Эрнандес Даяна Вальфридовна (вариант 5)
6. Дубровский Александр Владимирович (вариант 6)
7. Исмаилов Роман Русланович (вариант 7)
8. Клименкова Ксения Владимировна (вариант 8)
9. Климова Алиса Андреевна (вариант 9)
10. Коренюгин Степан Андреевич (вариант 10)
11. Красодымский Владимир Николаевич (вариант 11)
12. Лушников Дмитрий Игоревич (вариант 12)
13. Митракова Виктория Викторовна (вариант 13)
14. Наумов Александр Геннадьевич (вариант 14)
15. Новиков Вячеслав Кириллович (вариант 15)
16. Сайфутдинова Александра Рустамовна (вариант 16)
17. Саламонов Александр Андреевич (вариант 17)
18. Терентьева Анна Андреевна (вариант 18)
19. Третьяков Александр Дмитриевич (вариант 19)
20. Черепков Константин Сергеевич (вариант 20)
21. Шило Ольга Дмитриевна (вариант 21)
ИТМ-406. Дисциплина «Информационные технологии в рекламе»
Осенний семестр 2021 г.
Скачать методические указания по дисциплине «Информационные технологии в рекламе».
1. Создать рекламный модуль организации в программе растровой или векторной графики на выбор – задание 1 из методических указаний.
2. Изучить программу верстки Adobe InDesign и теоретический материал по созданию полиграфических изданий. Получить сертификат для портфолио студента в системе Национального Открытого Университета «ИНТУИТ».
Для этого сначала необходимо зарегистрироваться на сайте intuit.ru.
Затем в системе ИНТУИТ необходимо в разделе «Графика и дизайн» пройти курс «Макетирование и верстка в Adobe InDesign». Курс заканчивается экзаменом с оценкой. Преподавателю представить оценку за экзамен и сертификат в личном кабинете ИНТУИТ.
Важно! Чтобы начать проходить курс, необходимо выбрать функцию «Записаться», а затем опцию «Бесплатно».
Исходных файлов в этих курсах не предоставляют, поэтому для прохождения практических работ тексты и изображения необходимо подобрать самостоятельно.
3. Создать и подготовить к печати многостраничное рекламное издание организации – задание 2 из методических указаний.
4. Выполнить лабораторную работу «Создание виртуального тура». Скачать файл лабораторной работы Lab_virtualnyj-tur.doc. Дистрибутивы и дополнительные файлы к лаб. работе можно скачать по этой ссылке https://disk.yandex.ru/d/GMj5JUcdlW3P6w
5. Выполнить контрольное задание: создать виртуальный тур как минимум из трех 3D панорам. 3D панорамы найдите в интернете. Все исходники сохранить и представить преподавателю при сдаче контрольной работы.
6-11. Изучение возможностей HTML5 и CSS3 для создания рекламных модулей. Выполнение лабораторных работ и контрольной работы из раздела Учебные курсы – Анимация CSS3. Создание баннеров
13. Выполнить творческое (контрольное) задание
Создать рекламный баннер своей фирмы средствами HTML и CSS3.
Требования к баннеру:
1. Размер не менее 1000px по ширине.
2. Наличие фонового изображения, заголовка и рекламного текста.
3. Должны быть использованы следующие свойства css анимации:
- transition
- rotate
- scale
- skew
- перемещение текста (или изображений)
- точка трансформации
- 3D трансформация
4. Анимация баннера должна быть повторяющейся, переход от итерации к итерации должен быть плавным без резких скачков (данные функции рассмотрены в Общем уроке по CSS анимации в разделе Повторяющаяся анимация с плавной сменой итераций
На основании приведенных выше требований Вам необходимо предварительно подобрать материалы (фото, тексты), продумать сценарий анимации.
ЭКЗАМЕН
Тестирование по CSS3 анимации
ЗИЭ-502, ЗИТм-501. «Web-программирование» Весна-осень 2021. «Web-дизайн» Осень 2020
Дисциплина «Web-программирование»
Задание к осенней сессии 2021
1. Выполнить курсовую работу – создать сайт на любой CMS на свободную тему.
Курсовая работа должна быть размещена на бесплатном хостинге. Рекомендуется хостинг https://beget.com/ru/free-hosting
Этапы работы:
Этап 1. Выбрать тему сайта, создать структуру сайта, можно в виде вложенного списка.
Минимальная структура:
- Главная страница с адаптивным слайдером
- Раздел 1
- раздел 1.1
- раздел 1.2
- Раздел 2
- раздел 2.1
- раздел 2.2
- Контакты с формой обратной связи и картой Google или Яндекс.
- Карта сайта для пользователей.
- Карта сайта для поисковых систем.
Этап 1. Собрать контент для сайта: тексты, фото, видео.
Этап 2. Создать прототипы страниц. Прототипов должно быть два: для главной страницы и для типовой. При проектировании дизайна предусмотреть наличие адаптивного слайдера на главной странице.
Ознакомительные материалы по прототипам можно скачать по адресу https://yadi.sk/d/50wX34eQwJvJkA
Видео взято с курсов повышения квалификации, поэтому может быть отвлечение ведущего на аудиторию. Вы можете воспользоваться любыми другими обучающими материалами.
Прототип можно сделать в цветном или черно-белом варианте, в графической программе или аккуратно от руки на выбор. Обязательно должны быть подписи к блокам. Примеры прототипов приведены ниже. Щелкните по изображению для увеличения.
Этап 3. Согласно прототипам создать дизайны в Figma. Для этого необходимо зарегистрироваться на сайте Figma.com
Технологии Figma изучить самостоятельно. Обучающие материалы можно скачать по адресу https://yadi.sk/d/UbaEJrsltCUMww
Видео взято с курсов повышения квалификации, поэтому может быть отвлечение ведущего на аудиторию. Вы можете воспользоваться любыми другими обучающими материалами.
Этап 4. По дизайнам в Figma создать два HTML шаблона (для главной страницы и для типовой), адаптивные под различные устройства. Технологию адаптивной верстки выбрать самостоятельно (Flex, Bootstrap, медиазапросы или др.).
Этап 5. Реализовать HTML-шаблоны на CMS по выбору.
Этап 6. Реализовать структуру сайта и наполнить сайт контентом.
Одним из важнейших критериев при оценке сайта будет проверка возможности работать контент-менеджеру без HTML-кода. Т.е. все тексты, изображения, видео должны иметь возможность вставки на сайт без использования знаний HTML.
Этап 7. Написать пояснительную записку. Скачать требования к оформлению ПЗ
______________________
Весна 2021
Домашняя контрольная работа на весенний семестр 2021 г.
1. Изучить язык программирования PHP. Обучающие материалы – бесплатный видеокурс Михаила Русакова
https://blog.myrusakov.ru/freephp7.html
Сдавать эти уроки не надо, только для самостоятельного обучения.
2. Выполнить контрольную работу.
- методические указания к контрольной работе есть в Timeline, также Вы можете скачать их здесь;
- обучающие материалы к контрольной работе – видеокурс Михаила Русакова по ссылке https://yadi.sk/d/qCYCs5N1peDE6Q
3. Выполненную контрольную работу разместить на бесплатном хостинге, например на https://beget.com/ru/free-hosting, в Timeline прикрепить саму работу в соответствующую ячейку и ссылку на бесплатный хостинг, где размещено задание.
4. Лабораторные работы - выполнить урок 5 из раздела Учебные курсы – Уроки PHP и MySQL. Работу разместить на бесплатном хостинге, например на https://beget.com/ru/free-hosting
5. ЗАЧЕТ С ОЦЕНКОЙ - тест по PHP в системе Таймлайн. Теорию к зачету можно скачать здесь. Для допуска к зачету необходимо сдать домашнюю контрольную работу и урок 5. В тесте 25 вопросов, дается 70 минут, одна попытка. Оценка выставляется по результатам теста:
- 55-70% - удовлетоврительно;
- 71-85% - хорошо;
- 86-100% - отлично.
_________________
Осень 2020 - установочные лабораторные работы 4 ч.
Выполнить уроки 1, 2, 3 из раздела Учебные курсы – Уроки PHP и MySQL.
Дисциплина «Web-дизайн»
Осенний семестр 2020 г. - 6 ч. лабораторных работ, ЭКЗАМЕН.
Для допуска к экзамену необходимо сдать следующие контрольные точки:
1. Задание 1 из домашней контрольной работы.
2. Задание 2 из домашней контрольной работы.
3. Контрольное задание из урока по созданию анимации на HTML5 и CSS3. Контрольное задание сформулировано в конце урока по ссылке Учебные курсы – Уроки HTML5 и CSS3 – Общий урок. CSS анимация. Предварительно надо выполнить сам урок, чтобы научиться создавать анимацию. Сдавать преподавателю урок не надо, только контрольное задание.
ЭКЗАМЕН
Тестирование по HTML и CSS. Тест будет открыт на экзамене.
__________________________________________________
Домашняя контрольная работа по дисциплине «Web-дизайн»
К осенней сессии 2020 г. выполнить домашнюю контрольную работу. Методические указания к контрольной работе можно скачать здесь.
Контрольная работа по дисциплине «Web-дизайн» включает два задания:
Задание 1. Создание web-сайта средствами статических технологий HTML и CSS. В качестве обучающих материалов по технологиями HTMl и CSS Вы можете использовать уроки из раздела Учебные курсы – Уроки HTML и CSS. Сайт разместить на бесплатном хостинге, например на https://beget.com/ru/free-hosting
Задание 2. Верстка web-сайта средствами системы управления контентом (CMS) с использованием контента, собранного для задания 1. Сайт разместить на бесплатном хостинге, например на https://beget.com/ru/free-hosting
Вариант контрольной работы определяется по двум последним цифрам номера зачетной книжки из приложения 1.
Согласно варианту контрольной работы определяется тема web-сайта из приложения 2.
Минимальные требования к web-сайтам
Требования к web-сайту в задании 1
- Разработанный web-сайт должен включать не менее пяти web-страниц, связанных гиперссылками.
- Сайт необходимо писать «вручную» в текстовом редакторе типа Notepad++ или т.п.
- Макет сайта должен быть выполнен методом блочной верстки с использованием тега DIV.
- Использование web-сайта должно быть доступно в локальном режиме.
- Сайту нужно подобрать доменное имя (www.zagorod.ru, www.myhouse.com и т.п). Свободно доменное имя или нет, можно проверить средствами специального сервиса для определения доменных имен, например, на сайте www.webnames.ru. Регистрировать доменное имя не надо.
- На каждой странице web-сайта должна присутствовать навигационная панель (глобальная навигация).
- С каждой страницы сайта должен быть обеспечен переход (установлена гиперссылка) на головную (начальную) страницу сайта.
- Сайт должен иметь название («Каталог загородной недвижимости», «Магазин игрушек», «Кафе 21-й век» и т.п.).
- Каждая страница сайта должна содержать логотип и название предприятия. Обычно изображение логотипа одновременно является гиперссылкой перехода на главную страницу.
- Величину каждой web-страницы по высоте рекомендуется делать не более чем два экрана.
- Форматирование всех элементов должно осуществляться средствами CSS. Обязательно наличие внешней таблицы стилей с описанием элементов, общих для всех страниц сайта (заголовки, фоны, форматирование абзацев). Локальное форматирование допускается в минимальном количестве.
- Внизу на каждой странице сайта должна быть указана контактная информация.
- Сайт должен содержать страницу «Карта сайта».
- Все рисунки должны быть выполнены с замещающим текстом alt.
- Размер шрифта сайта должен быть в пределах 10–12 пт. для оформления текста. Размер шрифта для оформления заголовков, названия страниц и т.д. не оговаривается.
- В программный код сайта должны быть обязательно включены скрипты (часы, календарь, различные эффекты, меню и т.п.). Всего должно быть 2–3 скрипта. Один из используемых скриптов должен быть счетчиком посетителей сайта.
- В код сайта должны быть включены методы продвижения сайта в Интернет (title, H1–H6, META (content, keywords), strong и другие).
Требования к web-сайту в задании 2
- Web-сайт должен быть выполнен на свободно-распространяемом (бесплатном) программном обеспечении. Рекомендуется CMS Joomla.
- В качестве контента web-сайта должна быть использована информация, собранная для web-сайта в задании 1 (тексты, изображения, баннеры и др.)
- В качестве дизайна web-сайта использовать шаблон на выбор из бесплатно-распространяемых в сети Интернет.
- В административной части сайта должны быть созданы не менее трех пользователей с разными правами (включая администратора сайта).
- На всех страницах сайта должны присутствовать модули поиска и обратной связи, остальные модули можно выбрать по желанию.
- Все остальные требования к web-сайту смотреть в пунктах 1, 5, 6, 7, 8, 9, 10, 12, 13, 17, 18 раздела «Требования к web-сайту в задании 1».
ЗИТм-402. «Web-дизайн» Весна-осень 2021
Задание на осень 2021 г.
1. Выполнить практикум на тему «Создание сайта на HTML5». Работы загрузить в Таймлайн или на облако (и ссылку привести в Таймлайн).
2. Сдать домашнюю контрольную работу
Контрольная работа включает два задания:
Задание 1. Создание web-сайта средствами статических технологий HTML и CSS. В качестве обучающих материалов по технологиями HTMl и CSS Вы можете использовать уроки из раздела Учебные курсы – HTML и CSS.
Сайт должен быть размещен на бесплатном хостинге, например на https://beget.com/ru/free-hosting
Задание 2. Верстка web-сайта средствами системы управления контентом (CMS) - Joomla, Wordpress, онлайн-сервисы Wix, Ucoz и т.п. с использованием контента, собранного для задания 1. В качестве обучающих материалов можно использовать уроки по CMS MODx Revolution.
Сайт должен быть размещен на бесплатном хостинге, например на https://beget.com/ru/free-hosting
Методические указания к выполнению контрольной работы можно скачать здесь.
3. ЭКЗАМЕН по HTML и CSS в виде тестирования в Timeline.
Задание на весну 2021 г.
Выполнить первые три урока из раздела Учебные курсы – HTML и CSS.
ЗИТм-402. Web-программирование. Осень 2021 – Осень 2022
Дисциплина «Web-программирование»
Осень 2021
Установочные лабораторные работы 4 ч.
Выполнить уроки 1, 2, 3 из раздела Учебные курсы – Уроки PHP и MySQL
Работы вложить в Таймлайн
Домашняя контрольная работа на весенний семестр 2022 г.
1. Изучить язык программирования PHP. Обучающие материалы – бесплатный видеокурс Михаила Русакова
https://blog.myrusakov.ru/freephp7.html
Сдавать эти уроки не надо, только для самостоятельного обучения.
2. Выполнить контрольную работу.
- методические указания к контрольной работе есть в Timeline, также Вы можете скачать их здесь;
- обучающие материалы к контрольной работе – видеокурс Михаила Русакова по ссылке https://yadi.sk/d/qCYCs5N1peDE6Q
3. Выполненную контрольную работу разместить на бесплатном хостинге, например на https://beget.com/ru/free-hosting, в Timeline прикрепить саму работу в соответствующую ячейку и ссылку на бесплатный хостинг, где размещено задание.
4. Лабораторные работы - выполнить урок 5 из раздела Учебные курсы – Уроки PHP и MySQL. Работу разместить на бесплатном хостинге, например на https://beget.com/ru/free-hosting
5. ЗАЧЕТ С ОЦЕНКОЙ - тест по PHP в системе Таймлайн. Теорию к зачету можно скачать здесь. Для допуска к зачету необходимо сдать домашнюю контрольную работу и урок 5. В тесте 30 вопросов, дается 90 минут, одна попытка. Оценка выставляется по результатам теста:
- 55-70% - удовлетоврительно;
- 71-85% - хорошо;
- 86-100% - отлично.
Задание на осенний семестр 2022
1. Выполнить курсовую работу – создать сайт на любой CMS на свободную тему.
Курсовая работа должна быть размещена на бесплатном хостинге. Рекомендуется хостинг https://beget.com/ru/free-hosting
Этапы работы:
Этап 1. Выбрать тему сайта, создать структуру сайта, можно в виде вложенного списка.
Минимальная структура:
- Главная страница с адаптивным слайдером
- Раздел 1
- раздел 1.1
- раздел 1.2
- Раздел 2
- раздел 2.1
- раздел 2.2
- Контакты с формой обратной связи и картой Google или Яндекс.
- Карта сайта для пользователей.
- Карта сайта для поисковых систем.
Этап 1. Собрать контент для сайта: тексты, фото, видео.
Этап 2. Создать прототипы страниц. Прототипов должно быть два: для главной страницы и для типовой. При проектировании дизайна предусмотреть наличие адаптивного слайдера на главной странице.
Ознакомительные материалы по прототипам можно скачать по адресу https://yadi.sk/d/50wX34eQwJvJkA
Видео взято с курсов повышения квалификации, поэтому может быть отвлечение ведущего на аудиторию. Вы можете воспользоваться любыми другими обучающими материалами.
Прототип можно сделать в цветном или черно-белом варианте, в графической программе или аккуратно от руки на выбор. Обязательно должны быть подписи к блокам. Примеры прототипов приведены ниже. Щелкните по изображению для увеличения.
Этап 3. Согласно прототипам создать дизайны в Figma. Для этого необходимо зарегистрироваться на сайте Figma.com
Технологии Figma изучить самостоятельно. Обучающие материалы можно скачать по адресу https://yadi.sk/d/UbaEJrsltCUMww
Видео взято с курсов повышения квалификации, поэтому может быть отвлечение ведущего на аудиторию. Вы можете воспользоваться любыми другими обучающими материалами.
Этап 4. По дизайнам в Figma создать два HTML шаблона (для главной страницы и для типовой), адаптивные под различные устройства. Технологию адаптивной верстки выбрать самостоятельно (Flex, Bootstrap, медиазапросы или др.).
Этап 5. Реализовать HTML-шаблоны на CMS по выбору.
Этап 6. Реализовать структуру сайта и наполнить сайт контентом.
Одним из важнейших критериев при оценке сайта будет проверка возможности работать контент-менеджеру без HTML-кода. Т.е. все тексты, изображения, видео должны иметь возможность вставки на сайт без использования знаний HTML.
Этап 7. Написать пояснительную записку. Скачать требования к оформлению ПЗ
В конце семестра – ЭКЗАМЕН
ЗИТм-402. «Информационные технологии в рекламе». Осень 2021 - Весна 2022
Осень 2021
Установочная лабораторныя работа 2 ч.
Выполнить лабораторную работу по анимации на HTML5 и CSS3 на странице Общий урок. CSS анимация Файл вложить в Таймлайн.
К весенней сессии 2022 выполнить домашнюю контрольную работу. Методические указания к выполнению контрольной работы можно скачать здесь.
Задания
Задание 1. Создать рекламный модуль организации в программе растровой или векторной графики на выбор. Рекомендации по созданию модуля приведены в приложении 3.
Задание 2. Создать и подготовить к печати многостраничное рекламное издание организации. Рекомендации по созданию печатного издания приведены в приложении 4.
Весенняя сессия 2022. Экзамен.
1. Сдать следующие работы:
Домашняя контрольная работа. Задание 1. Рекламный модуль.
Домашняя контрольная работа. Задание 2. Многостраничное издание.
Методические указания к выполнению этих двух заданий можно скачать здесь.
2. Выполнить контрольное задание к уроку 6 по CSS3 анимации. Задание по вариантам в конце урока. Можно выбрать любой вариант или взять свою тему баннера.
3. В аудитории выполнить два урока и контрольные задания к ним по CSS3 анимации.
Урок 2. Вращающийся прыгающий шар.
Урок 5. Создание новогоднего баннера.
ЭКЗАМЕН - тестирование по анимации на CSS3. В тесте 50 вопросов, дается 120 минут, одна попытка. Вопросы к тесту можно скачать в Таймлайн и здесь.
Допуском к экзамену являются выполненные два задания домашней контрольной работы, контрольное задание по уроку 6 по CSS3 анимации и аудиторные работы.
ЭКЗАМЕН - тестирование по анимации на CSS3. В тесте 50 вопросов, дается 120 минут, одна попытка. Вопросы к тесту можно скачать в Таймлайн и здесь. Допуском к экзамену являеются выполненные три задания домашней контрольной работы и контрольное задание по уроку 6 по CSS3 анимации. Готовиться к тесту можно по урокам и справочнику из раздела «Анимация CSS3. Создание баннеров»
ЗИТб-403C. «Web-программирование и защита в среде Интернет». Весна-осень 2021
Осень 2021 г.
Лабораторные работы - 6 ч.
Защита домашней контрольной работы.
Экзамен
Задание на осенний семестр 2021 г.
1. Изучить язык программирования PHP. Обучающие материалы – бесплатный видеокурс Михаила Русакова
https://blog.myrusakov.ru/freephp7.html
Сдавать эти уроки не надо, только для самостоятельного обучения.
2. Выполнить контрольную работу.
- методические указания к контрольной работе Вы можете скачать их здесь;
- обучающие материалы к контрольной работе – видеокурс Михаила Русакова по ссылке https://disk.yandex.ru/d/cjZtByIgEwwr-w
- сайт разместить на бесплатном хостинге, например, на https://beget.com/ru/free-hosting
3. Просмотреть видеоуроки по защите сайта. Ссылки:
Урок 1. Виды уязвимостей сайта
https://webformyself.com/bezopasnost-sajta-i-zashhita-ot-ugroz-i-vzloma-urok-1-vidy-uyazvimostej-sajta/
Урок 2. Доступ к файлам и хранение паролей
https://webformyself.com/bezopasnost-sajta-i-zashhita-ot-ugroz-i-vzloma-urok-2-dostup-k-fajlam-i-xranenie-parolej/
Аудиторная работа (осенью 2021)
Выполнить лабораторные работы «Создание и защита сайта средствами CMS WordPress». Разместить результат на бесплатном хостинге.
Экзамен
До экзамена допускаются студенты, которые сдали домашнюю контрольную работу и аудиторные лабораторные работы по WordPress.
Для получения оценки за экзамен необходимо пройти тест в системе Timeline по языку программирования PHP. Для подготовки используйте теоретический материал, который можно скачать здесь.
Оценка за экзамен выставляется по результатам теста.
- 86-100% - отлично
- 71-85% - хорошо
- 55-70% - удовлетворительно
ЗИТмт-203. «Web-дизайн». Осень 2020 - Весна 2021
Дисциплина «Web-дизайн»
Осень 2020 г. - установочное занятие (2 ч.).
Весна 2021
1. Лекция «Методы верстки веб-страниц» (2 ч.)
2. Сдать домашнюю контрольную работу
Контрольная работа включает два задания:
Задание 1. Создание web-сайта средствами статических технологий HTML и CSS. В качестве обучающих материалов по технологиями HTMl и CSS Вы можете использовать уроки из раздела Учебные курсы – HTML и CSS.
Сайт должен быть размещен на бесплатном хостинге, например на https://beget.com/ru/free-hosting
Задание 2. Верстка web-сайта средствами системы управления контентом (CMS) - Joomla, Wordpress, онлайн-сервисы Wix, Ucoz и т.п. с использованием контента, собранного для задания 1. В качестве обучающих материалов можно использовать уроки по CMS MODx Revolution.
Сайт должен быть размещен на бесплатном хостинге, например на https://beget.com/ru/free-hosting
Методические указания к выполнению контрольной работы можно скачать здесь.
3. Лабораторные работы (8 ч.). Изучить первые три урока из раздела Анимация CSS3. Создание баннеров. Выполнить контрольное задание в конце каждого урока. Сдать преподавателю только контрольные задания, т.е. должно быть сдано три контрольных задания.
4. ЭКЗАМЕН по HTML и CSS в виде тестирования. К экзамену допускаются студенты, которые выполнили все задания из п. 2 и 3
ЗИТмт-202C. «Web-дизайн». Осень 2020 – Весна 2021
Дисциплина «Web-дизайн»
Осень 2020 г. - установочное занятие (2 ч.).
Весна 2021
1. Лекция «Методы верстки веб-страниц» (2 ч.)
2. Сдать домашнюю контрольную работу
Контрольная работа включает два задания:
Задание 1. Создание web-сайта средствами статических технологий HTML и CSS. В качестве обучающих материалов по технологиями HTMl и CSS Вы можете использовать уроки из раздела Учебные курсы – HTML и CSS.
Сайт должен быть размещен на бесплатном хостинге, например на https://beget.com/ru/free-hosting
Задание 2. Верстка web-сайта средствами системы управления контентом (CMS) - Joomla, Wordpress, онлайн-сервисы Wix, Ucoz и т.п. с использованием контента, собранного для задания 1. В качестве обучающих материалов можно использовать уроки по CMS MODx Revolution.
Сайт должен быть размещен на бесплатном хостинге, например на https://beget.com/ru/free-hosting
Методические указания к выполнению контрольной работы можно скачать здесь.
3. Лабораторные работы (8 ч.). Изучить первые три урока из раздела Анимация CSS3. Создание баннеров. Выполнить контрольное задание в конце каждого урока. Сдать преподавателю только контрольные задания, т.е. должно быть сдано три контрольных задания.
4. ЭКЗАМЕН по HTML и CSS в виде тестирования. К экзамену допускаются студенты, которые выполнили все задания из п. 2 и 3
ИТб-302. «Web-программирование и защита в среде Интернет». Весна 2021
Учебные часы
Лекции 18 ч.
Лабораторные работы 44 ч.
Экзамен.
Зачетная неделя с 31 мая по 6 июня.
Сессия с 7 по 27 июня.
Задание по дисциплине на весенний семестр 2021 г.
Все лабораторные и контрольные работы на серверных технологиях для сдачи должны быть размещены на бесплатном хостинге. Рекомендуется хостинг https://beget.com/ru/free-hosting
1. Из раздела Учебные курсы – HTML и CSS выполнить уроки 1–9.
3. Пройти два промежуточных теста: тест по HTML и тест по CSS.
4. Выполнить уроки PHP и MySql из раздела Учебные курсы – Уроки PHP и MySQL. Сдавать все работы сразу.
5. Пройти тест по урокам PHP и MySQL 1, 2, 3, 5 в системе Таймлайн.
6. Выполнить контрольную работу по PHP и MySQL по вариантам. Варианты можно скачать здесь. Работу разместить на бесплатном хостинге.
7. Выполнить 8 уроков по CMS MODx Revolution из раздела Учебные курсы – Уроки МОDx Revolution. Выполнять работы на бесплатном хостинге. Сдавать все работы сразу.
- вход в административную панель сайта защитить дополнительной авторизацией;
- также вход в административную панель сайта защитить по номеру IP.
8. Выполнить 6 уроков из раздела Создание и защита сайта средствами CMS WordPress. Выполнять работы на бесплатном хостинге. Сдавать все работы сразу.
9. Написать научную статью по теме безопасности web-технологий.
Требования к статье:
- не менее 5 страниц;
- оригинальность не менее 70%. Проверяется преподавателем в системе "Антиплагиат. Вуз";
- форматирование согласно требованиям к оформлению статей. Скачать шаблон статьи. Скачать правила оформления источников
В конце семестра – ЭКЗАМЕН.
Действует рейтинговая система.
Критерии оценки:
- 55-70 баллов – «Удовлетворительно»
- 71-85 баллов – «Хорошо»
- 86-100 баллов - «Отлично»
Варианты
1. Аннамырадова Огулкейик (вариант 1)
2. Бердиева Гулбахар (вариант 2)
3. Бухарцев Дмитрий Владимирович (вариант 3)
4. Дульцев Даниил Сергеевич (вариант 4)
5. Золотарёв Василий Константинович (вариант 5)
6. Кучиров Андрей Александрович (вариант 6)
7. Лескович Максим Анатольевич (вариант 7)
8. Матвеев Павел Григорьевич (вариант 8)
9. Мясников Никита Юрьевич (вариант 9)
10. Назаров Анатолий Сергеевич (вариант 10)
11. Порсин Никита Николаевич (вариант 11)
12. Пшеничный Евгений Николаевич (вариант 12)
13. Степанов Кирилл Владимирович (вариант 13)
14. Царев Вадим Алексеевич (вариант 14)
15. Шишкин Михаил Дмитриевич (вариант 15)
16. Шуматбаев Максим Александрович (вариант 16)
Ом-311С ИТк. «Web-программирование». «Web-дизайн» (2020-2021)
Дисциплина «Web-программирование» (по факту «Web-дизайн»)
Осень 2020 г. - установочное занятие (2 ч.).
Весна 2021 г. - лабораторные работы (8 ч.), ЭКЗАМЕН.
Дисциплина «Web-дизайн» (по факту «Web-программирование»)
Весна 2021 г. - установочное занятие (2 ч.).
Осень 2021 г. - лабораторные работы (6 ч.), ЭКЗАМЕН.
Задание на весну 2021 г.
Домашняя контрольная работа
Контрольная работа включает два задания:
Задание 1. Создание web-сайта средствами статических технологий HTML и CSS. В качестве обучающих материалов по технологиями HTMl и CSS Вы можете использовать уроки из раздела Учебные курсы – HTML и CSS.
Сайт должен быть размещен на бесплатном хостинге, например на https://beget.com/ru/free-hosting
Задание 2. Верстка web-сайта средствами системы управления контентом (CMS) - Joomla, Wordpress, онлайн-сервисы Wix, Ucoz и т.п. с использованием контента, собранного для задания 1. В качестве обучающих материалов можно использовать уроки по CMS MODx Revolution.
Сайт должен быть размещен на бесплатном хостинге, например на https://beget.com/ru/free-hosting
Методические указания к выполнению контрольной работы можно скачать здесь.
Весной - экзамен по HTML и CSS в виде тестирования.
Магистры. Цифровые технологии в профессиональной деятельности
Дисциплина заканчивается зачетом.
1. Сдать домашнюю контрольную работу: реферат и презентацию по своему варианту.
- тему реферата выбираете по последней цифре зачетной книжки (студенческого билета). Цифра 0 соответствует варианту 10 темы реферата;
- уникальность текста не менее 50% согласно antiplagiat.ru;
- форматирование согласно требованиям;
- презентация на тему реферата, рекомендации по оформлению презентации приведены в задании;
2. Сдать контрольную работу по лабораторному практикуму – создание электронного учебника:
Чтобы создать электронный учебник в программе E-Book сначала необходимо подготовить html-страницы, затем их скомпилировать в E-Book в электронную книгу. Поэтому сначала надо изучить создание html-страниц в программе Kompozer, а затем изучить технологию работы с E-Book. Адреса уроков расположены ниже.
Создание веб-страницы в KompoZer
Урок расположен по адресу http://web-verstka.ru/uchebnyie-kursyi/czifrovyie-texnologii-v-professionalnoj-deyatelnosti/sozdanie-web-sajta-v-programme-kompozer/urok-1.-sozdanie-prostoj-veb-straniczyi-v-kompozer.html Здесь же можно скачать материалы к уроку
Создание электронной книги в конверторе eBook
Урок расположен по адресу http://web-verstka.ru/uchebnyie-kursyi/czifrovyie-texnologii-v-professionalnoj-deyatelnosti/sozdanie-elektronnoj-knigi/urok.-sozdanie-elektronnoj-knigi-v-konvertere-ebook.html Здесь же можно скачать материалы к уроку
Контрольное задание по дисциплине «Цифровые технологии в профессиональной деятельности»
Задание.
Создать электронный учебник в программе eBook.
Ход работы
1. Выберите тему электронного учебника в соответствии с Вашими интересами.
2. Минимальная структура учебника должна быть следующей:
• Главная страница
• Об авторе
• Введение
• Раздел 1
– Глава 1.1
– Глава .22
• Раздел 2
– Глава 2.1
– Глава 2.2
• Раздел 3
– Глава 3.1
– Глава 3.2
3. Подберите материал по выбранной теме: тексты и изображения для каждого раздела (главы) учебника.
5. Средствами KompoZer и Ebook создайте электронный учебник.
6. К защите предоставить все исходные файлы проекта и результат проекта в виде электронной книги.
3. Работы прикрепить в системе Timeline или выслать преподавателю на адрес vlnataly@mail.ru.
Все материалы расположены в папке «Цифр_ технол_в проф. деят-ти_задание». Скачать можно по ссылке https://yadi.sk/d/dg5xrEYaZSrTnA
Группа ИТмс-208, ИТмт-209. Дисциплина «Web-дизайн». Осень 2020
Задание на осенний семестр 2020 г. для гр. ИТмс-208, ИТмт-209
1. Из раздела Учебные курсы – HTML и CSS выполнить уроки 1–9. Для изучения курса предварительно скачайте папку CD с материалами к урокам (141 Мб).
2. Прочитать теорию адаптивной верстки из раздела Теория адаптивной верстки и выполнить урок по адаптивной верстке из раздела Сетка Bootstrap.
3. Выполнить контрольное задание согласно своему варианту - создать адаптивный html-шаблон из psd-шаблона на любой технологии (Bootstrap, медиа-запросы или др.). Вариант можно посмотреть внизу этой страницы. Скачать PSD-макет по своему вариант можно на этой странице.
Требования к адаптивному макету:
3.1. Макет должен иметь различное расположение блоков на экранах разной ширины. Предварительно необходимо сделать эскиз сетки html-страницы для четырех экранов (xs, sm, md, lg). Продемонстрировать эскиз при сдаче контрольного задания.
3.2. Навигационная панель должна сворачиваться в кнопку с выпадающим меню.
3.3. В макет включить адаптивный слайдер. Слайдер можно найти в Интернет или в разделе Web-дизайн – Слайдеры этого сайта.
3.4. При необходимости часть элементов дизайна макета можно скрыть на маленьком экране.
3.5. Окончательный вариант должен быть максимально похож на исходник.
3.6. Для тех, кто делает макет на Bootstrap рекомендуется просмотреть видеокурс http://webformyself.com/minikurs/bootstrap/index-subscribe.html. Версию Bootstrap взять 3.3.6 из исходников, которые приложены к уроку 1 видеокурса. Сдавать эти уроки не надо.
4. Выполнить 9 лабораторных работ по CMS Revolution из раздела Учебные курсы – Уроки МОDx Revolution. Сайт разместить на бесплатном хостинге, например, на https://beget.com/ru/free-hosting или каком-нибудь другом. Сдавать все работы сразу.
5. Выполнить контрольную работу по CMS – создать сайт на любой CMS на свободную тему, разместить на бесплатном хостинге.
Требования к сайту на CMS:
- макет сайта должен быть адаптивным, можно взять готовый HTML-шаблон;
- на сайте должно быть не менее 10 страниц;
- наличие адаптивного слайдера. Слайдер можно найти в Интернет или в разделе Web-дизайн – Слайдеры этого сайта;
- наличие карты сайта;
- наличие формы обратной связи.
Рекомендуемые сроки сдачи работ
До 20 ноября сдать уроки HTML и CSS, урок по адаптивной верстке и контрольное задание по адаптивной верстке по варианту - адаптивный HTML-шаблон из PSD-шаблона.
До 25 декабря сдать уроки по CMS Evolution и контрольную работу по CMS.
В конце семестра – ЭКЗАМЕН – пройти тест в системе Timeline
- 86-100 баллов – «Отлично»
- 71-85 балла – «Хорошо»
- 55-70 баллов – «Удовлетворительно»
Варианты
Группа ИТмс-208
1. Захарова Мария Владимировна (вариант 1)
2. Коковин Иван Вадимович (вариант 2)
3. Королев Александр Андреевич (вариант 3)
4. Любимов Артем Владимирович (вариант 4)
5. Маньковская Анастасия Олеговна (вариант 5)
6. Медведев Кирилл Денисович (вариант 6)
7. Мизина Наталья Вячеславовна (вариант 7)
8. Пермяков Данил Алексеевич (вариант 8)
9. Пермяков Никита Сергеевич (вариант 9)
10. Попова Ирина Сергеевна (вариант 10)
11. Прокопьев Никита Алексеевич (вариант 11)
12. Рачеев Виталий Вячеславович (вариант 12)
13. Румянцева Анна Максимовна (вариант 13)
14. Соломеина Анастасия Андреевна (вариант 14)
15. Упоров Алексей Михайлович (вариант 15)
16. Фархадшин Салават Мунибович (вариант 6)
17. Шадрин Денис Валерьевич (вариант 7)
Группа ИТмт-209 1 п/г
1. Баркова Дарья Олеговна (вариант 1)
2. Боярский Владислав Валерьевич (вариант 2)
3. Воронцова Анна Александровна (вариант 3)
4. Гаврилова Виктория Андреевна (вариант 4)
5. Ермолаев Матвей Андреевич (вариант 5)
6. Зенцова Елизавета Максимовна (вариант 6)
7. Иванов Алексей Сергеевич (вариант 7)
8. Лапехина Виктория Александровна (вариант 8)
9. Мифтахов Даниил Евгеньевич (вариант 9)
10. Осипов Максим Викторович (вариант 10)
11. Теплых Семен Сергеевич (вариант 11)
12. Трофимова Екатерина Олеговна (вариант 12)
13. Туравинин Виталий Иванович(вариант 13)
Группа ИТмт-209 2 п/г
1. Бисярина Юлия Сергеевна (вариант 1)
2. Дрокина Владислава Павловна (вариант 2)
3. Ефимов Вениамин Андреевич (вариант 3)
4. Коровина Ирина Юрьевна (вариант 4)
5. Мельникова Анастасия Алексеевна (вариант 5)
6. Никитина Оксана Сергеевна (вариант 6)
7. Пащенко Екатерина Ильинична (вариант 7)
8. Резников Иван Георгиевич (вариант 8)
9. Семенченко Александр Геннадьевич (вариант 9)
10. Фадеева Полина Олеговна (вариант 10)
11. Храмцова Александра Владимировна (вариант 11)
12. Чередниченко Анна Игоревна (вариант 12)
13. Чечулина Екатерина Сергеевна (вариант 13)
14. Шалягина Полина Алексеевна (вариант 14)
ИТМс-208, ИТмт-209. «Web-программирование». Весна 2021
Учебные часы
Лекции 16 ч.
Лабораторные работы 48 ч.
Экзамен.
Зачетная неделя с 7 по 13 июня.
Сессия с 14 по 27 июня.
Задание по дисциплине на весенний семестр 2021 г.
Все лабораторные и контрольные работы на серверных технологиях для сдачи должны быть размещены на бесплатном хостинге. Рекомендуется хостинг https://beget.com/ru/free-hosting
1. Выполнить уроки PHP и MySql из раздела Учебные курсы - Уроки PHP и MySQL.
2. Пройти тест по урокам PHP и MySQL 1, 2, 3, 5 в системе Таймлайн.
3. Выполнить контрольную работу 1 по PHP "Шаблон сайта" по вариантам. Варианты внизу этой страницы. Варианты HTML-шаблонов скачайте здесь.
Требования к контрольной работе 1:
HTML-шаблон сайта перевести на PHP. Требования к php-сайту:
- блоки сайта, общие для всех страниц сайта должны включаться в web-страницу с использованием функции include();
- включаемых блоков должно быть не менее трех: верхнее меню, боковое меню, подвал;
- на php-сайте создать не менее трех взаимосвязанных гиперссылками страниц с разным содержимым основного (изменяемого) контента.
4. Выполнить контрольную работу 2 по PHP и MySQL по вариантам. Варианты можно скачать здесь. Работу разместить на бесплатном хостинге.
5. Выполнить видеокурс Михаила Русакова. Материалы можно скачать по ссылке https://yadi.sk/d/cjZtByIgEwwr-w
6. Выполнить контрольную работу 3.
- методические указания к контрольной работе Вы можете скачать их здесь. Пояснительную записку писать не надо.
- обучающие материалы к контрольной работе – видеокурс Михаила Русакова, который Вы выполнили в п. 5 – https://yadi.sk/d/cjZtByIgEwwr-w
Выполненную контрольную работу разместить на бесплатном хостинге, в Timeline прикрепить саму работу в соответствующую ячейку и ссылку на бесплатный хостинг.
7. Написать научную статью по теме web-технологий.
Требования к статье:
- не менее 5 страниц;
- оригинальность не менее 70%. Проверяется преподавателем в системе "Антиплагиат. Вуз";
- форматирование согласно требованиям к оформлению статей. Скачать шаблон статьи. Скачать правила оформления источников
В конце семестра – ЭКЗАМЕН – тест по теоретическому материалу (PHP). Лекции приложены в Таймлайн.
Действует рейтинговая система.
Критерии оценки:
- 55-70 баллов – «Удовлетворительно»
- 71-85 баллов – «Хорошо»
- 86-100 баллов - «Отлично»
Варианты
Группа ИТмс-208
Захарова Мария Владимировна (вариант 1)
Коковин Иван Вадимович (вариант 2)
Королев Александр Андреевич (вариант 3)
Любимов Артем Владимирович (вариант 4)
Маньковская Анастасия Олеговна (вариант 5)
Медведев Кирилл Денисович (вариант 6)
Мизина Наталья Вячеславовна (вариант 7)
Пермяков Данил Алексеевич (вариант 8)
Пермяков Никита Сергеевич (вариант 9)
Попова Ирина Сергеевна (вариант 10)
Прокопьев Никита Алексеевич (вариант 11)
Рачеев Виталий Вячеславович (вариант 12)
Румянцева Анна Максимовна (вариант 13)
Соломеина Анастасия Андреевна (вариант 14)
Упоров Алексей Михайлович (вариант 15)
Фархадшин Салават Мунибович (вариант 16)
Шадрин Денис Валерьевич (вариант 17)
Гр. ИТмт-209
Баркова Дарья Олеговна (вариант 18)
Бисярина Юлия Сергеевна (вариант 19)
Боярский Владислав Валерьевич (вариант 20)
Воронцова Анна Александровна (вариант 21)
Гаврилова Виктория Андреевна (вариант 22)
Дрокина Владислава Павловна (вариант 23)
Ермолаев Матвей Андреевич (вариант 24)
Ефимов Вениамин Андреевич (вариант 25)
Зенцова Елизавета Максимовна (вариант 26)
Иванов Алексей Сергеевич (вариант 27)
Коровина Ирина Юрьевна (вариант 28)
Лапехина Виктория Александровна (вариант 29)
Мельникова Анастасия Алексеевна (вариант 30)
Мифтахов Даниил Евгеньевич (вариант 31)
Никитина Оксана Сергеевна (вариант 32)
Осипов Максим Викторович (вариант 33)
Панасюк Валерия Сергеевна (вариант 34)
Пащенко Екатерина Ильинична (вариант 35)
Резников Иван Георгиевич (вариант 36)
Семенченко Александр Геннадьевич (вариант 37)
Теплых Семен Сергеевич (вариант 38)
Трофимова Екатерина Олеговна (вариант 39)
Туравинин Виталий Иванович (вариант 40)
Фадеева Полина Олеговна (вариант 41)
Храмцова Александра Владимировна (вариант 42)
Чередниченко Анна Игоревна (вариант 43)
Чечулина Екатерина Сергеевна (вариант 44)
Шалягина Полина Алексеевна (вариант 45)
Группа Пу-411п ИТ. «Web-программирование» 2020
Задание на осенний семестр 2020 г.
1. Изучить язык программирования PHP. Обучающие материалы – бесплатный видеокурс Михаила Русакова
https://blog.myrusakov.ru/freephp7.html
Сдавать эти уроки не надо, только для самостоятельного обучения.
2. Выполнить контрольную работу. Создать сайт на PHP и MySQL. Сайт разместить на бесплатном хостинге, например, на https://beget.com/ru/free-hosting
- методические указания к контрольной работе есть в Timeline, также Вы можете скачать их здесь;
- обучающие материалы к контрольной работе – видеокурс Михаила Русакова по ссылке https://yadi.sk/d/qCYCs5N1peDE6Q
3. Подготовиться к экзамену (практическое задание) - для этого изучить уроки 1, 2, 3, 5 из раздела Учебные курсы - Уроки PHP и MySQL.
Осень 2020 г.
1. Сдать домашнюю контрольную работу.
2. Лабораторные работы - 16 ч. (8 пар). Контрольные работы по лабораторным. Контрольные работы разместить на бесплатном хостинге, например, на https://beget.com/ru/free-hosting
3. Экзамен (тестирование).
2. Лабораторные работы (дистанционно) на осенний семестр 2020
Варианты для выполнения контрольных работ (по лабораторным работам):
1. Алябушев Александр Сергеевич (вариант 1)
2. Баранов Андрей Викторович (вариант 2)
3. Лиханова Арина Юрьевна (вариант 3)
4. Магизянов Артем Олегович (вариант 4)
5. Меркулов Валерий Юрьевич (вариант 5)
6. Потапов Денис Николаевич (вариант 6)
7. Сушинцев Алексей Анатольевич (вариант 7)
Перед выполнением контрольных работ рекомендуется изучить уроки 1, 2, 3, 5 из раздела Учебные курсы - Уроки PHP и MySQL. Сдавать эти уроки не надо.
1. Выполнить контрольное задание 1 по PHP "Шаблон сайта" по вариантам. Прежде, чем выполнять контрольную работу, рекомендуется повторить Урок 3 «Создание сайта на PHP. Упражнение 1». Вариант определяется по таблице вверху задания. Варианты HTML-шаблонов скачайте здесь.
Требования к контрольной работе 1:
HTML-шаблон сайта перевести на PHP. Требования к php-сайту:
- блоки сайта, общие для всех страниц сайта должны включаться в web-страницу с использованием функции include();
- включаемых блоков должно быть не менее трех: верхнее меню, боковое меню, подвал;
- на php-сайте создать не менее трех взаимосвязанных гиперссылками страниц с разным содержимым основного (изменяемого) контента;
- выполненное упражнение разместить на бесплатном хостинге, в Timeline прикрепить выполненное задание в соответствующую ячейку и ссылку на бесплатный хостинг, где размещено задание.
2. Выполнить контрольную работу 2 по PHP и MySQL по вариантам. Варианты можно скачать здесь. Перед выполнением рекомендуется повторить Урок 5. «Формы и базы данных в web». Вариант определяется по таблице вверху задания. Выполненное упражнение разместить на бесплатном хостинге, в Timeline прикрепить выполненное задание в соответствующую ячейку и ссылку на бесплатный хостинг, где размещено задание.
3. Экзамен
До экзамена допускаются студенты, которые сдали домашнюю контрольную работу и аудиторные лабораторные работы.
Для получения оценки за экзамен необходимо пройти тест в системе Timeline по языку программирования PHP. Для подготовки используйте теоретический материал, который можно скачать здесь.
Оценка за экзамен выставляется по результатам теста.
- 86-100% - отлично
- 71-85% - хорошо
- 55-70% - удовлетворительно
Темы ВКР
Для групп «Информационные технологии в медиаиндустрии»
- Интернет-магазин средствами системы управления контентом (CMS по выбору Joomla, WordPress, MODx и др.)
- Web-сайт компании средствами системы управления контентом (CMS по выбору Joomla, Wordpress, MODx и др.)
Для групп «Компьютерные технологии»
- Web-сайт компании средствами системы управления контентом (CMS по выбору Joomla, Wordpress, MODx и др.) + электронное руководство
- ЭУП «Создание сайта средствами CMS MODx Revolution»
- ЭУП «Создание сайта средствами CMS MODx Evolution»
- ЭУП «Создание сайта средствами CMS Drupal»
- ЭУП «Создание интернет-магазина средствами CMS MODx»
- ЭУП «Создание интернет-магазина средствами CMS Wordpress»
- ЭУП «Создание интернет-магазина средствами CMS OpenCart (или ocStore)»
- ЭУП «Адаптивная верстка web-сайта»
- ЭУП «Создание сайта средствами PHP и MySQL»
- ЭУП «Язык jQuery»
- ЭУП «Верстка многостраничных изданий в Adobe InDesign»
- ЭУП «Графический редактор Adobe Illustrator»
- ЭУП «SEO-оптимизация и продвижение сайта в сети Интернет»
- ЭУП «Препроцессор Less - динамический язык стилей»
- ЭУП «Фреймворк Yii»
- ЭУП «Дизайн сайтов в программе Figma»
Для групп «Информационная безопасность»
- Обеспечение безопасности веб-сайта компании (создание сайта + безопасность)
- ЭУП «Web-программирование и защита в среде Интернет»
- ЭУП «Средства защиты web-сайта на CMS (WordPress, Joomla, MODx и др.)»
Информация для студентов РГППУ
- Группа Пу-411п ИТ. «Web-программирование» 2020
- ИТМс-208, ИТмт-209. «Web-программирование». Весна 2021
- Группа ИТмс-208, ИТмт-209. Дисциплина «Web-дизайн». Осень 2020
- Магистры. Цифровые технологии в профессиональной деятельности
- Ом-311С ИТк. «Web-программирование». «Web-дизайн» (2020-2021)
- ИТб-302. «Web-программирование и защита в среде Интернет». Весна 2021
- ЗИТмт-202C. «Web-дизайн». Осень 2020 – Весна 2021
- ЗИТмт-203. «Web-дизайн». Осень 2020 - Весна 2021
- ЗИТб-403C. «Web-программирование и защита в среде Интернет». Весна-осень 2021
- ЗИТм-402. «Информационные технологии в рекламе». Осень 2021 - Весна 2022
- ЗИТм-402. Web-программирование. Осень 2021 – Осень 2022
- ЗИТм-402. «Web-дизайн» Весна-осень 2021
- ЗИЭ-502, ЗИТм-501. «Web-программирование» Весна-осень 2021. «Web-дизайн» Осень 2020
- ИТМ-406. Дисциплина «Информационные технологии в рекламе»
- ИТМ-406. Дисциплина «Web-программирование». Осень 2021
- ИТМ-406. Дисциплина «Web-дизайн». Осень 2021
- ИТмс-201. Дисциплина «Web-дизайн». Осень 2021
- ИТц-304. Дисциплина «Web-дизайн». Осень 2021
- Пу-411 ИТк. «Web-дизайн» Весна-осень 2021
- ЗИТц-204С (304С). «Web-дизайн». Весна-осень 2021
- ЗИТмт-202С (302С). «Web-программирование». Весна 2021 – Осень 2021
- ЗИТмт-203 (303). «Web-программирование». Весна 2021 – Осень 2021
- ИТм-406. «Web-программирование». Весна 2022
- ИТк-403. «Web-программирование». Весна 2022
- ИТМс-201. «Web-программирование». Весна 2022
- Пу-411 ИТк. «Web-программирование» Весна-Осень 2022
- ЗИТмc-211. «Web-дизайн». Осень 2021 - Весна 2022