Информация для студентов РГППУ

Преподаватель Власова Наталья Сергеевна
Кандидат педагогических наук, доцент
E-mail: vlnataly@mail.ru

Для просмотра задания щелкните по названию своей группы

ИТмт-205. «Web-дизайн». Осень 2024

Задание на осенний семестр 2024 г. для гр. ИТмт-205

Лекции 8 ч.

Лабораторные работы 48 ч.

Сроки сдачи и баллы смотреть в системе Таймлайн.

Раздел 1. Из раздела Учебные курсы – HTML и CSS выполнить уроки 1–9. Для изучения курса предварительно скачайте папку CD с материалами к урокам (141 Мб).

Раздел 2. Верстка методом Flexbox. В материалах для этого раздела даны видео, которые взяты с курсов повышения квалификации, поэтому может быть отвлечение ведущего на аудиторию.

2.1 Изучите метод верстки web-страниц на Flexbox. Ниже даны ссылки на теоретический материал и на тренажер:

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

2.2 Установите современный текстовый редактор для web-разработки на выбор (если он у Вас не установлен):

- SublimeText и все необходимые плагины (инструкцию см. на этой странице)
- можете воспользоваться портабельной версией SublimeText можно скачать здесь.
- или установите Visual Studio Code. Скачайте архив с инструкциями. Инструкцию по настройке Visual Studio Code см. в файле «Настройка_VSC_структура_HTML-5.mkv». В этом же файле см. как использовать VSC и создание структуры документа HTML-5.
Клавиатурные сокращения для плагина EMMET см. в соответствующих файлах.

2.3 Для выполнения ЛР 10-13 в аудитории при себе всегда иметь наушники, чтобы можно было просмотреть видео.

ЛР 10 – Выполните урок по основам верстки на Flexbox. Для этого сначала скачайте архив по ссылке.
- Выполните урок из видео 1_Flexbox_часть_1.mkv и 1_Flexbox_часть_2.mkv. Для задания в конце второй части исходные файлы расположены в папке 1 lesson cleer.
- Все файлы необходимо сохранить для защиты в аудитории.

ЛР 11 – Выполните видеоуроки по верстке лендинга средствами Flexbox:
- часть 1 скачайте по этой ссылке (файл «Flex_landing_Часть_1.mkv»)
- часть 2 скачайте по этой ссылке (файл «Flex_landing_Часть_2.mkv»)
- материалы (фото, тексты) для выполнения задания скачайте по этой ссылке (папка Content)
- все файлы необходимо сохранить для защиты в аудитории.

ЛР 12 – Выполните видеоурок по адаптивной верстке на Flexbox.
- для этого скачайте файл «Flexbox_adaptiv.mkv»
- все файлы необходимо сохранить для защиты в аудитории.

ЛР 13 – Верстка по макету Figma
- зарегистрируйтесь в сервисе Figma (figma.com)
- скопируйте себе макет https://www.figma.com/file/ShL4U22HRytQWtlFVwnpIc/Game-Landing
- сделайте верстку этого макета по уроку, который скачайте по этой ссылке
- все файлы необходимо сохранить для защиты в аудитории.

Все работы прикреплять в Таймлайн в соответствующие точки. Сдавать в срок, указанный в Таймлайн. При нарушении срока балл за сдачу в срок не выставляется.

После выполнения работ по Flex-верстке повторите следующие свойства:

1. Flex-контейнер

display: flex;

display: inline-flex;

flex-direction: row;

flex-direction: row-reverse;

flex-direction: column;

flex-direction: column-reverse;

flex-wrap: wrap;

flex-wrap: wrap-reverse;

flex-flow: row nowrap;

Выравнивание flex-элементов

justify-content: flex-start;

justify-content: flex-end;

justify-content: space-between;

justify-content: space-around;

align-items: stretch;

align-items: flex-start;

align-items: flex-end;

align-items: baseline;

align-items: center;

align-content: stretch;

align-content: flex-start;

align-content: flex-end;

align-content: center;

align-content: space-between;

align-content: space- around;

align-self: auto;

align-self: stretch;

align-self: flex-start;

align-self: flex-end;

align-self: baseline;

align-self: center;

Порядок элементов

order: …;

Управление шириной flex-элемента

flex-basis: ;

flex-grow: ;

flex-shrink: ;

flex: 0 1 auto;

В конце семестра – ЭКЗАМЕН

86-100 баллов – «Отлично»
71-85 балла – «Хорошо»
55-70 баллов – «Удовлетворительно»

ИТмс-204, ИТмт-203, ПИм-204, ПИэ-203. «Web-программирование». Весна 2024

Учебные часы

Лекции 16 ч.

Лабораторные работы 48 ч.

Экзамен.

Зачетная неделя с 3 по 8 июня.

Сессия с 10 по 30 июня.

Задание по дисциплине на весенний семестр 2024 г.

ЛЕКЦИИ

Формат проведения лекций – конспектирование по раздаточным материалам. Конспект писать от руки. Фото конспекта поместить в документ Word и этот документ прикрепить в Таймлайн. Конспекты сдавать в срок, указанный в Таймлайн. При нарушении срока снимается 1 б.

В лекциях могут быть тестовые вопросы, которые будут в итоговом экзаменационном тесте. Эти вопросы надо прорешать и сравнить с правильным ответом в конце лекции. При несовпадении с правильным ответом тестовый вопрос рекомендуется прорешать заново. Таким образом вы на протяжении семестра готовитесь к итоговому экзаменационному тестированию.

ЛАБОРАТОРНЫЙ ПРАКТИКУМ

Все лабораторные и контрольные работы на серверных технологиях для сдачи должны быть размещены на бесплатном хостинге. Рекомендуется хостинг https://beget.com/ru/free-hosting

Для этого надо зарегистрироваться на хостинге и при необходимости изучить справочные материалы по хостингу в разделе https://beget.com/ru/kb/manual (Руководство по панели управления)

ВНИМАНИЕ! Регистрируйтесь по тому адресу, который приведен выше, т.к. это тариф бесплатный и не ограничен по времени. При регистрации по другой ссылке вы можете попасть на платный тариф с ограниченным по времени бесплатным периодом, обычно он составляет 30 дней.

Часть 1. PHP и MySql

1. Выполнить уроки 1, 2, 3, 5 по PHP и MySql из раздела Учебные курсы - Уроки PHP и MySQL. Все уроки должны быть размещены на бесплатном хостинге. Прислать ссылку в Таймлайн.

2. Пройти тест по урокам PHP и MySQL 1, 2, 3, 5 в системе Таймлайн.

3. Выполнить контрольную работу 1 по PHP "Шаблон сайта" по вариантам. Варианты по фамилиям см. внизу этой страницы. Варианты HTML-шаблонов скачайте здесь. Работу вложить в Таймлайн.

Требования к контрольной работе 1:

HTML-шаблон сайта перевести на PHP. Требования к php-сайту:

- блоки сайта, общие для всех страниц сайта должны включаться в web-страницу с использованием функции include() или require();
- включаемых блоков должно быть не менее трех: верхнее меню, боковое меню, подвал;
- на php-сайте создать не менее трех взаимосвязанных гиперссылками страниц с разным содержимым основного (изменяемого) контента.

4. Выполнить контрольную работу 2 по PHP и MySQL по вариантам. Варианты можно скачать здесь. Работу разместить на бесплатном хостинге. Прислать ссылку в Таймлайн.

Часть 2. Изучить CMS Revolution из радела «Уроки МОДх Revolution»

Часть 3. Проект – создание сайта на свободную тему на CMS Revolution

Этапы работы:

Этап 1. Структура и контент. Выбрать тему сайта, создать структуру сайта, можно в виде вложенного списка.

Минимальная структура:

Главная страница с адаптивным слайдером
Раздел 1
- раздел 1.1
- раздел 1.2
Раздел 2.
- раздел 2.1
- раздел 2.2
Раздел 3.
- раздел 3.1
- раздел 3.2
Контакты с формой обратной связи и картой Google или Яндекс
Карта сайта для пользователей.
Карта сайта для поисковых систем.

Собрать контент для сайта: тексты, фото, видео. Каждая страница должна быть не менее 1,5 экрана.

Этап 2. Шаблоны дизайна сайта

2.1 Подобрать шаблон Figma для дизайна своего сайта. Шаблон должен быть достаточно сложным, поэтому обязательно шаблон согласовать с преподавателем.

2.2 Шаблон скопировать себе в аккаунт. Сделать копию шаблона у себя в аккаунте, чтобы сохранить исходник. Дальше работаете с копией.

2.3 При необходимости внести изменения в копию шаблона согласно идее своего сайта (добавить блоки, изменить цвета, картинки и т.п.). Не допускается упрощение шаблона, утвержденного с преподавателем.

2.4 Создайть адаптивные HTML-шаблоны на Flexbox на основе утвержденного макета. Шаблонов должно быть два: для главной страницы и для типовой страницы.

Требования к адаптивному шаблону:

– HTML-шаблоны необходимо писать в ручную в web-редакторе (Notepad++, VS Code, SublimeText или т.п.);

– HTML-шаблоны должен иметь различное расположение блоков на экранах разной ширины – не менее трех диапазонов разрешения экрана. Разрешения экрана выбрать самостоятельно. Если в макете Figma нет дизайнов для разных экранов, то предварительно необходимо доделать эти дизайны в Figma;

– все тексты должны быть текстами, а не картинками, чтобы текст на web-странице можно было выделить мышью;

– в HTML-шаблон главной страницы включить адаптивный слайдер. Слайдер можно найти в Интернет или в разделе Web-дизайн – Слайдеры этого сайта;

– при необходимости часть элементов дизайна HTML-шаблона можно скрыть на маленьком экране;

– окончательный вариант должен быть максимально похож на исходник.

Этап 3. Реализация сайта на CMS

3.1 Реализовать HTML-шаблоны на CMS MODX Revolution. Это называется «посадить» шаблон на CMS.

3.2. Реализовать структуру сайта в CMS и наполнить сайт контентом.

3.3. Рекомендуется создавать сайт локально (на ноутбуке или стационарном компьютере), а затем перенести на хостинг. Это важно, т.к. у вас появится опыт переноса сайта на CMS с компьютера на хостинг, что является важным умением для веб-разработчика.

Как перенести сайт на MODx Revolution с компьютера на хостинг, является исследовательским заданием для самостоятельного изучения. За него выставляются отдельные баллы.

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

3.4 Прислать ссылку на сайт в Таймлайн.

Одним из важнейших критериев при оценке сайта будет проверка возможности работать контент-менеджеру без HTML-кода. Т.е. все тексты, изображения, видео должны иметь возможность вставки на сайт без использования знаний HTML.

В конце семестра – ЭКЗАМЕН – тест по теоретическому материалу (PHP), который вы освоили на лекциях.

Те студенты, которые сдают все в срок, оценку получают автоматически (без экзамена).

Действует рейтинговая система.

Критерии оценки:

55-70 баллов – «Удовлетворительно»
71-85 баллов – «Хорошо»
86-100 баллов - «Отлично»

Варианты

ИТмс-204

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)

ИТмт-203

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)

ПИм-204

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)

ПИэ-203

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)

ИТмс-204, ИТмт-203, ПИм-204, ПИэ-203. «Web-дизайн». Осень 2023

Задание на осенний семестр 2023 г. для гр. ИТмс-204, ИТмт-203, ПИм-204, ПИэ-203.

Лекции 8 ч.

Лабораторные работы 48 ч.

2.1 Изучите метод верстки web-страниц на Flexbox. Ниже даны ссылки на теоретический материал и на тренажер:

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

2.2 Установите современный текстовый редактор для web-разработки на выбор (если он у Вас не установлен):

2.3 Для выполнения ЛР 10-13 в аудитории при себе всегда иметь наушники, чтобы можно было просмотреть видео.

При защите работ по flex-верстке уметь рассказать значение следующих свойств:

1. Flex-контейнер

display: flex;

display: inline-flex;

flex-direction: row;

flex-direction: row-reverse;

flex-direction: column;

flex-direction: column-reverse;

flex-wrap: wrap;

flex-wrap: wrap-reverse;

flex-flow: row nowrap;

Выравнивание flex-элементов

justify-content: flex-start;

justify-content: flex-end;

justify-content: space-between;

justify-content: space-around;

align-items: stretch;

align-items: flex-start;

align-items: flex-end;

align-items: baseline;

align-items: center;

align-content: stretch;

align-content: flex-start;

align-content: flex-end;

align-content: center;

align-content: space-between;

align-content: space- around;

align-self: auto;

align-self: stretch;

align-self: flex-start;

align-self: flex-end;

align-self: baseline;

align-self: center;

Порядок элементов

order: …;

Управление шириной flex-элемента

flex-basis: ;

flex-grow: ;

flex-shrink: ;

flex: 0 1 auto;

В конце семестра – ЭКЗАМЕН

86-100 баллов – «Отлично»
71-85 балла – «Хорошо»
55-70 баллов – «Удовлетворительно»

ЦЭ-301. «Цифровые платформы разработки информационных систем». Весна 2023

Учебные часы

Лекции 16 ч.

Лабораторные работы 44 ч.

Курсовая работа.

Экзамен.

Зачетная неделя с 5 по 11 июня.

Сессия с 12 июня по 2 июля.

Задание по дисциплине на весенний семестр 2023 г.

ЛЕКЦИИ

ЛАБОРАТОРНЫЙ ПРАКТИКУМ

Раздел 1. HTML и CSS. Из раздела Учебные курсы – HTML и CSS выполнить уроки 1-7 и 9. Для изучения курса предварительно скачайте папку CD с материалами к урокам (141 Мб). Все работы прикреплять в Таймлайн в соответствующие точки. Сдавать в срок, указанный в Таймлайн. При нарушении срока балл за сдачу в срок не выставляется.

2.1 Изучите метод верстки web-страниц на Flexbox. Ниже даны ссылки на теоретический материал и на тренажер:

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

2.2 Установите современный текстовый редактор для web-разработки на выбор (если он у Вас не установлен):

2.3 Для выполнения ЛР 10-12 в аудитории при себе всегда иметь наушники, чтобы можно было просмотреть видео.

– Выполните видеоурок по адаптивной верстке на Flexbox.
- для этого скачайте файл «Flexbox_adaptiv.mkv»
- все файлы необходимо сохранить для защиты в аудитории.

ЛР 12 – Верстка по макету Figma
- зарегистрируйтесь в сервисе Figma (figma.com)
- скопируйте себе макет https://www.figma.com/file/ShL4U22HRytQWtlFVwnpIc/Game-Landing
- сделайте верстку этого макета по уроку, который скачайте по этой ссылке
- все файлы необходимо сохранить для защиты в аудитории.

После выполнения работ по Flex-верстке повторите следующие свойства:

1. Flex-контейнер

display: flex;
display: inline-flex;
flex-direction: row;
flex-direction: row-reverse;
flex-direction: column;
flex-direction: column-reverse;
flex-wrap: wrap;
flex-wrap: wrap-reverse;
flex-flow: row nowrap;

Выравнивание flex-элементов

justify-content: flex-start;
justify-content: flex-end;
justify-content: space-between;
justify-content: space-around;
align-items: stretch;
align-items: flex-start;
align-items: flex-end;
align-items: baseline;
align-items: center;
align-content: stretch;
align-content: flex-start;
align-content: flex-end;
align-content: center;
align-content: space-between;
align-content: space- around;
align-self: auto;
align-self: stretch;
align-self: flex-start;
align-self: flex-end;
align-self: baseline;
align-self: center;

Порядок элементов

order: …;

Управление шириной flex-элемента

flex-basis:;
flex-grow:;
flex-shrink;
flex: 0 1 auto;

Раздел 3. Серверные технологии. PHP и MySql

2. Пройти тест по урокам PHP и MySQL 1, 2, 3, 5 в системе Таймлайн.

Требования к контрольной работе 1:

HTML-шаблон сайта перевести на PHP. Требования к php-сайту:

Раздел 4. Изучить CMS Revolution

Выполнить все уроки из раздела «Уроки MODx Revolution». Сайт должен быть размещен на бесплатном хостинге. Уроки сдавать сразу все восемь – прислать ссылку в Таймлайн.

Раздел 5. КУРСОВАЯ РАБОТА – создание сайта на свободную тему на CMS Revolution

Этапы работы:

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

Минимальная структура:

Главная страница с адаптивным слайдером
Раздел 1
- раздел 1.1
- раздел 1.2
Раздел 2.
- раздел 2.1
- раздел 2.2
Раздел 3.
- раздел 3.1
- раздел 3.2
Контакты с формой обратной связи и картой Google или Яндекс
Карта сайта для пользователей.
Карта сайта для поисковых систем.

Собрать контент для сайта: тексты, фото, видео. Каждая страница должна быть не менее 1,5 экрана.

Этап 2. Шаблоны дизайна сайта

Требования к адаптивному шаблону:

– HTML-шаблоны необходимо писать в ручную в web-редакторе (Notepad++, VS Code, SublimeText или т.п.);

– все тексты должны быть текстами, а не картинками, чтобы текст на web-странице можно было выделить мышью;

– при необходимости часть элементов дизайна HTML-шаблона можно скрыть на маленьком экране;

– окончательный вариант должен быть максимально похож на исходник.

Этап 3. Реализация сайта на CMS

3.1 Реализовать HTML-шаблоны на CMS MODX Revolution. Это называется «посадить» шаблон на CMS.

3.2. Реализовать структуру сайта в CMS и наполнить сайт контентом.

3.4 Прислать ссылку на сайт в Таймлайн.

Этап 4. Презентация и пояснительная записка

4.1 Написать пояснительную записку к курсовой работе. Требования можно скачать здесь. Объем не менее 25 стр.

4.2 Создать презентацию к курсовой работе. Образец можно скачать здесь.

В конце семестра – ЭКЗАМЕН – тест по теоретическому материалу (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)

ВИТмс-201, ВИТмс-201С. «Web-дизайн». Весна 2023

Задание на весенний семестр 2023 г. для гр. ВИТмс-201 и ВИТмс-201С

Лекции: у гр. ВИТмс-201 – 8 ч. (4 пары), у гр. ВИТмс-201С – 6 ч. (три пары)

Лабораторные работы: у гр. ВИТмс-201 – 22 ч. (11 пар), у гр. ВИТмс-201С – 14 ч. (7 пар)

Экзамен.

Зачетная неделя: у гр. ВИТмс-201 – с 22 по 28 мая, у гр. ВИТмс-201С – с 15 по 21 мая.

Сессия: у гр. ВИТмс-201 – с 29 мая по 18 июня, у гр. ВИТмс-201С – с 22 мая по 4 июня.

ЛЕКЦИИ

Формат проведения лекций – вебинар и конспектирование по раздаточным материалам, которые прикреплены в Таймлайн. Конспект писать от руки. Фото конспекта поместить в документ Word и этот документ прикрепить в Таймлайн. Конспекты сдавать в срок, указанный в Таймлайн. При нарушении срока снимается 1 балл.

ЛАБОРАТОРНЫЙ ПРАКТИКУМ

Раздел 1. Из раздела Учебные курсы – HTML и CSS выполнить уроки 1–9. Для изучения курса предварительно скачайте папку CD с материалами к урокам (141 Мб). Все работы прикреплять в Таймлайн в соответствующие точки. Сдавать в срок, указанный в Таймлайн. При нарушении срока балл за сдачу в срок не выставляется.

2.1 Изучите метод верстки web-страниц на Flexbox. Ниже даны ссылки на теоретический материал и на тренажер:

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

2.2 Установите современный текстовый редактор для web-разработки на выбор (если он у Вас не установлен):

2.3 Для выполнения ЛР 10-13 в аудитории при себе всегда иметь наушники, чтобы можно было просмотреть видео.

После выполнения работ по Flex-верстке повторите следующие свойства:

1. Flex-контейнер

display: flex;

display: inline-flex;

flex-direction: row;

flex-direction: row-reverse;

flex-direction: column;

flex-direction: column-reverse;

flex-wrap: wrap;

flex-wrap: wrap-reverse;

flex-flow: row nowrap;

Выравнивание flex-элементов

justify-content: flex-start;

justify-content: flex-end;

justify-content: space-between;

justify-content: space-around;

align-items: stretch;

align-items: flex-start;

align-items: flex-end;

align-items: baseline;

align-items: center;

align-content: stretch;

align-content: flex-start;

align-content: flex-end;

align-content: center;

align-content: space-between;

align-content: space- around;

align-self: auto;

align-self: stretch;

align-self: flex-start;

align-self: flex-end;

align-self: baseline;

align-self: center;

Порядок элементов

order: …;

Управление шириной flex-элемента

flex-basis: ;

flex-grow: ;

flex-shrink: ;

flex: 0 1 auto;

В конце семестра – ЭКЗАМЕН в виде тестирования

86-100 баллов – «Отлично»
71-85 балла – «Хорошо»
55-70 баллов – «Удовлетворительно»

ИТц-306. «Web-дизайн». Осень 2022

Задание на осенний семестр 2022 г. для гр. ИТц-306

Лекции 8 ч.

Лабораторные работы 26 ч.

1. Из раздела Учебные курсы – HTML и CSS выполнить уроки 1–9. Для изучения курса предварительно скачайте папку CD с материалами к урокам (141 Мб).

2. Прочитать теорию адаптивной верстки из раздела Теория адаптивной верстки и выполнить урок по адаптивной верстке из раздела Сетка Bootstrap.

В конце семестра – ЭКЗАМЕН – пройти тест в системе Timeline

86-100 баллов – «Отлично»
71-85 балла – «Хорошо»
55-70 баллов – «Удовлетворительно»

ЗИТмс-311 (211). Web-программирование. Весна-осень 2022

Задание на осенний семестр 2022 г.

1. Выполнить уроки 1-3 и 5 из раздела Уроки PHP и MySQL.

- выполненные упражнения можно разместить на любом бесплатном хостинге, например, на https://beget.com/ru/free-hosting Ссылку на работы вложить в Таймлайн.

- также можно вложить в Таймлайн, кроме урока 5. Урок 5 разместить на хостинге, или показать на ноутбуке.

2. Выполнить контрольную работу:

- реализовать сайт из видеокурса Михаила Русакова по ссылке https://yadi.sk/d/qCYCs5N1peDE6Q

- изменить содержимое сайта на свой контент, т.е. определиться с темой (по желанию), подобрать тексты и фото и заменить содержимое сайта.

- работу разместить на любом бесплатном хостинге, например, на https://beget.com/ru/free-hosting Ссылку на работу вложить в Таймлайн.

Аудиторная работа. Осень 2022

1. Контрольное задание по вариантам из урока 5 курса PHP и MySQL из раздела Учебные курсы - Уроки PHP и MySQL. Сами задания можно скачать здесь.
Свой вариант см. внизу страницы.

- работу разместить на любом бесплатном хостинге, например, на https://beget.com/ru/free-hosting

- ссылку на работы вложить в Таймлайн.

2. Контрольное задание по вариантам (свой вариант см. внизу страницы) – создание сайта средствами PHP на основе урока 3 Создание простого сайта на PHP. Упражнение 1. Создание простого шаблона сайта. Выполненную работу вложить в Таймлайн.

Скачать варианты

Описание задания

HTML-шаблон сайта (свой вариант) перевести на PHP. Требования к php-сайту:

- блоки сайта, общие для всех страниц сайта должны включаться в web-страницу с использованием функции include();

- включаемых блоков должно быть не менее трех: верхнее меню, боковое меню, подвал;

- на php-сайте создать не менее трех взаимосвязанных гиперссылками страниц с разным содержимым основного (изменяемого) контента.

Экзамен. Осень 2022

Для получения оценки за экзамен необходимо пройти тест в системе Timeline по языку программирования PHP. Для подготовки используйте теоретический материал, который можно скачать здесь.

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)

ЗИТм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. ЭКЗАМЕН по блочной верстке по вариантам. Варианты см. в разделе Контрольное задание по блочной верстке.

Пу-511 ИТк. «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

Аудиторные занятия

Осень 2022 г.

1. Сдать домашнюю контрольную работу.

2. Лабораторные работы - 16 ч. (8 пар). Выполнить уроки 1, 2, 3, 5 из раздела Учебные курсы - Уроки PHP и MySQL. Лабораторные работы разместить на бесплатном хостинге, например, на https://beget.com/ru/free-hosting. Ссылку прикрепить в Таймлайн.

Контрольные работы по лабораторным. Контрольные работы разместить на бесплатном хостинге, например, на https://beget.com/ru/free-hosting. Ссылку прикрепить в Таймлайн.

3. Экзамен (тест) - вопросы и теория к тесту есть в системе Таймлайн.

Контрольные работы на осенний семестр 2022

1. Выполнить контрольное задание 1 по PHP "Шаблон сайта" по вариантам. Прежде, чем выполнять контрольную работу, рекомендуется повторить Урок 3 «Создание сайта на PHP. Упражнение 1». Вариант определяется по списку ниже. Варианты HTML-шаблонов скачайте здесь.

Требования к контрольной работе 1:

HTML-шаблон сайта перевести на PHP. Требования к php-сайту:
- блоки сайта, общие для всех страниц сайта должны включаться в web-страницу с использованием функции include();
- включаемых блоков должно быть не менее трех: верхнее меню, боковое меню, подвал;
- на php-сайте создать не менее трех взаимосвязанных гиперссылками страниц с разным содержимым основного (изменяемого) контента;
- выполненное упражнение разместить на бесплатном хостинге, в Timeline прикрепить выполненное задание в соответствующую ячейку и ссылку на бесплатный хостинг, где размещено задание.

2. Выполнить контрольную работу 2 по PHP и MySQL по вариантам. Варианты можно скачать здесь. Перед выполнением рекомендуется повторить Урок 5. «Формы и базы данных в web». Вариант определяется по списку ниже. Выполненное упражнение разместить на бесплатном хостинге, в Timeline прикрепить выполненное задание в соответствующую ячейку и ссылку на бесплатный хостинг, где размещено задание.

Варианты для выполнения контрольных работ (по лабораторным работам):

1. Аверин Даниил Вячеславович  (вариант 1)
2. Агишева Александра Алексеевна  (вариант 2)
3. Михалев Кирилл Владимирович  (вариант 3)
4. Уразаева Эльвина Маратовна  (вариант 4)
5. Хисамутдинова Элина Наиеловна  (вариант 5)
6. Чернышов Константин Ильич  (вариант 6)

3. Экзамен

До экзамена допускаются студенты, которые сдали домашнюю контрольную работу и аудиторные работы.

Для получения оценки за экзамен необходимо пройти тест в системе Timeline по языку программирования PHP.

Оценка за тест выставляется согласно рейтинговой системе РГППУ

86-100% - отлично
71-85% - хорошо
55-70% - удовлетворительно

Оценка за экзамен выставляется как средняя по всем контрольным точкам

ЗИТм-502. Web-программирование. Осень 2021 – Осень 2022

Дисциплина «Web-программирование»

Задание на осенний семестр 2022

1. Аудиторные работы на осенний семестр 2022

1. Выполнить контрольное задание 1 по PHP "Шаблон сайта" по вариантам. Прежде, чем выполнять контрольную работу, рекомендуется повторить Урок 3 «Создание сайта на PHP. Упражнение 1». Вариант определяется по таблице вверху задания. Варианты HTML-шаблонов скачайте здесь.

Требования к контрольной работе 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)
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)

2. КУРСОВАЯ РАБОТА

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. Реализовать структуру сайта и наполнить сайт контентом.

Этап 7. Написать пояснительную записку. Скачать требования к оформлению ПЗ

3. ЭКЗАМЕН

До экзамена допускаются студенты, которые сдали аудиторные работы.

Для получения оценки за экзамен необходимо пройти тест в системе Timeline по языку программирования PHP.

Оценка за тест выставляется согласно рейтинговой системе РГППУ

86-100% - отлично
71-85% - хорошо
55-70% - удовлетворительно

Оценка за экзамен выставляется как средняя по всем контрольным точкам (кроме курсовой)

Осень 2021

Установочные лабораторные работы 4 ч.

Выполнить уроки 1, 2, 3 из раздела Учебные курсы – Уроки PHP и MySQL

Работы вложить в Таймлайн

Домашняя контрольная работа на весенний семестр 2022 г.

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% - отлично.

ИТМс-201. «Web-программирование». Весна 2022

Учебные часы

Лекции 16 ч.

Лабораторные работы 48 ч.

Экзамен.

Зачетная неделя с 6 по 11 июня.

Сессия с 13 по 25 июня.

Задание по дисциплине на весенний семестр 2022 г.
(в аудитории при себе всегда иметь наушники, чтобы можно было просмотреть видео)

Часть 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:

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 или Яндекс.
Карта сайта для пользователей.
Карта сайта для поисковых систем.

Собрать контент для сайта: тексты, фото, видео.

Ознакомительные материалы по прототипам можно скачать по адресу https://yadi.sk/d/50wX34eQwJvJkA

Технологии Figma изучить самостоятельно. Обучающие материалы можно скачать по адресу https://yadi.sk/d/UbaEJrsltCUMww

Этап 4. По дизайнам в Figma создать два HTML шаблона (для главной страницы и для типовой), адаптивные под различные устройства методом Flexbox.

Этап 5. Реализовать HTML-шаблоны на CMS MODX Revolution

Этап 6. Реализовать структуру сайта и наполнить сайт контентом.

Часть 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 г.

1. Выполнить уроки PHP и MySql из раздела Учебные курсы - Уроки PHP и MySQL. Урок 5. разместить на бесплатном хостинге.

2. Пройти тест по урокам PHP и MySQL 1, 2, 3, 5 в системе Таймлайн.

3. Выполнить контрольную работу 1 по PHP "Шаблон сайта" по вариантам. Варианты внизу этой страницы. Варианты HTML-шаблонов скачайте здесь.

Требования к контрольной работе 1:

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. Выполнить практическую часть.

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 можно скачать здесь.

Клавиатурные сокращения для плагина EMMET см. в соответствующих файлах.

3. Выполните видеоуроки из папки Flex-итоговый проект. Скачать можно здесь

Ссылки на макеты:

Контрольное задание по 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 или Яндекс.
Карта сайта для пользователей.
Карта сайта для поисковых систем.

Собрать контент для сайта: тексты, фото, видео.

Ознакомительные материалы по прототипам можно скачать по адресу https://yadi.sk/d/50wX34eQwJvJkA

Технологии Figma изучить самостоятельно. Обучающие материалы можно скачать по адресу https://yadi.sk/d/UbaEJrsltCUMww

Этап 5. Реализовать HTML-шаблоны на CMS по выбору.

Этап 6. Реализовать структуру сайта и наполнить сайт контентом.

Этап 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 г.

3. Выполненную контрольную работу разместить на бесплатном хостинге, например на https://beget.com/ru/free-hosting, в Timeline прикрепить пояснительную записку в соответствующую ячейку и ссылку на бесплатный хостинг, где размещено задание.

ЗИТмт-202С (302С). «Web-программирование». Весна 2021 – Осень 2021

Осень 2021

1. Сдать домашнюю контрольную работу. Требования приведены в конце задания.

Каждый студент выполняет свой вариант.

Волков Дмитрий Алексеевич (вариант 1)
Журавлев Константин Валерьевич (вариант 2)
Кузнецов Роман Сергеевич (вариант 3)
Ларионов Андрей Игоревич (вариант 4)
Леушин Константин Олегович (вариант 5)
Лобанов Роман Андреевич (вариант 6)
Минасян Воски Асатуровна (вариант 7)
Новоселова Людмила Александровна (вариант 8)
Остальцев Алексей Дмитриевич (вариант 9)
Поляков Захар Викторович (вариант 10)
Попов Юрий Юрьевич (вариант 11)
Рыбакина Роза Вахитовнам (вариант 12)

Домашняя контрольная работа на осенний семестр 2021 г.

ЗИТц-204С (304С). «Web-дизайн». Весна-осень 2021

Задание на осень 2021 г.

1. Выполнить уроки из раздела Создание сайта на HTML5. Выполненный сайт в архиве загрузить в Таймлайн или на облако, ссылку прислать в Таймлайн.

2. Из раздела Уроки адаптивной верстки прочитать теорию адаптивной верстки и выполнить Урок 1. Сетка Bootstrap. Выполненные файлы в архиве загрузить в Таймлайн или на облако, ссылку прислать в Таймлайн.

3. Сдать домашнюю контрольную работу. Контрольная работа включает два задания:

Сайт должен быть размещен на бесплатном хостинге, например на https://beget.com/ru/free-hosting

Методические указания к выполнению контрольной работы можно скачать здесь.

4. Пройти экзаменационный тест в Таймлайн. Доступ к тесту будет открыт когда будут сданы все задания, включая домашние.

___________________

Весна 2021. Установочные лекции 4 ч.

Лекция «Структура web-дизайна. HTML и CSS» + задание на домашнюю контрольную работу.

Лекция «Методы верстки веб-страниц»

Пу-411 ИТк. «Web-дизайн» Весна-осень 2021

Дисциплина «Web-дизайн»

Весна 2021 г. - установочная лекция (2 ч.).

Осень 2021 г. - сдать домашнюю контрольную работу, лекция (2 ч.), лабораторные работы (6 ч.), ЭКЗАМЕН (тестирование по HTML и CSS).

Задание на осень 2021 г.

Лабораторный практикум

3. Сдать домашнюю контрольную работу. Контрольная работа включает два задания:

Сайт должен быть размещен на бесплатном хостинге, например на https://beget.com/ru/free-hosting

Методические указания к выполнению контрольной работы можно скачать здесь.

ИТц-304. Дисциплина «Web-дизайн». Осень 2021

Задание на осенний семестр 2021 г. для гр. ИТц-304

Лекции 8 ч.

Лабораторные работы 26 ч.

В конце семестра – ЭКЗАМЕН – пройти тест в системе Timeline

86-100 баллов – «Отлично»
71-85 балла – «Хорошо»
55-70 баллов – «Удовлетворительно»

ИТмс-201. Дисциплина «Web-дизайн». Осень 2021

Задание на осенний семестр 2021 г. для гр. ИТмс-201

Лекции 8 ч.

Лабораторные работы 48 ч.

2. Изучить теоретический материал и выполнить уроки из раздела Уроки по фреймворку Bootstrap 4.

Выполнить контрольное задание согласно своему варианту – создать адаптивный html-шаблон из psd-шаблона средствами фреймворка Bootstrap.

Требования к адаптивному макету:

– макет должен иметь различное расположение блоков на экранах разной ширины. Предварительно необходимо сделать эскиз сетки html-страницы для пяти экранов (xs, sm, md, lg, xl). Продемонстрировать эскиз при сдаче контрольного задания;

– навигационная панель должна сворачиваться в кнопку с выпадающим меню;

– в макет включить адаптивный слайдер - карусель Bootstrap или любой другой адаптивный слайдер. Слайдер можно найти в Интернет или в разделе Web-дизайн – Слайдеры этого сайта;

– в макет включить как минимум одно модальное окно и два компонента на выбор;

– при необходимости часть элементов дизайна макета можно скрыть на маленьком экране;

– окончательный вариант должен быть максимально похож на исходник;

– рекомендуется просмотреть видеокурс http://webformyself.com/minikurs/bootstrap/index-subscribe.html Версию Bootstrap взять из исходников, которые приложены к видеокурсу. Сдавать эти уроки не надо.

В конце семестра – ЭКЗАМЕН – пройти тест в системе Timeline

86-100 баллов – «Отлично»
71-85 балла – «Хорошо»
55-70 баллов – «Удовлетворительно»

Варианты

ИТМ-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.

Требования к адаптивному макету:

– навигационная панель должна сворачиваться в кнопку с выпадающим меню;

– в макет включить как минимум одно модальное окно и два компонента на выбор;

– при необходимости часть элементов дизайна макета можно скрыть на маленьком экране;

– окончательный вариант должен быть максимально похож на исходник;

2. Выполнить уроки PHP и MySql из раздела Учебные курсы - Уроки PHP и MySQL. Урок 5 разместить на бесплатном хостинге, например, на https://beget.com/ru/free-hosting или каком-нибудь другом.

3. Пройти тест по урокам PHP и MySQL 1, 2, 3, 5 в системе Таймлайн.

4. Выполнить контрольную работу 1 по PHP "Шаблон сайта" по вариантам. Варианты внизу этой страницы. Варианты HTML-шаблонов скачайте здесь.

Требования к контрольной работе 1:

5. Выполнить контрольную работу 2 по PHP и MySQL по вариантам. Варианты можно скачать здесь. Работу разместить на бесплатном хостинге.

6. Выполнить 8 лабораторных работ по CMS Revolution из раздела Учебные курсы – Уроки МОDx Revolution. Сайт разместить на бесплатном хостинге, например, на https://beget.com/ru/free-hosting или каком-нибудь другом. Разместить на бесплатном хостинге. Сдавать все работы сразу.

7. Пройти тест по теоретическому материалу (PHP). Лекции приложены в Таймлайн.

В конце семестра – ДИФФЕРИНЦИРОВАННЫЙ ЗАЧЕТ.

Действует рейтинговая система.

Критерии оценки:

55-70 баллов – «Удовлетворительно»
71-85 баллов – «Хорошо»
86-100 баллов - «Отлично»

Варианты

ИТМ-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. Собрать контент для сайта: тексты, фото, видео.

Ознакомительные материалы по прототипам можно скачать по адресу https://yadi.sk/d/50wX34eQwJvJkA

Технологии Figma изучить самостоятельно. Обучающие материалы можно скачать по адресу https://yadi.sk/d/UbaEJrsltCUMww

Этап 5. Реализовать HTML-шаблоны на CMS по выбору.

Этап 6. Реализовать структуру сайта и наполнить сайт контентом.

Этап 7. Написать пояснительную записку. Скачать требования к оформлению ПЗ

______________________

Весна 2021

Домашняя контрольная работа на весенний семестр 2021 г.

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. Сдать домашнюю контрольную работу

Контрольная работа включает два задания:

Сайт должен быть размещен на бесплатном хостинге, например на https://beget.com/ru/free-hosting

Методические указания к выполнению контрольной работы можно скачать здесь.

3. ЭКЗАМЕН по HTML и CSS в виде тестирования в Timeline.

Задание на весну 2021 г.

Выполнить первые три урока из раздела Учебные курсы – HTML и CSS.

ЗИТм-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 г.

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. Сдать домашнюю контрольную работу

Контрольная работа включает два задания:

Сайт должен быть размещен на бесплатном хостинге, например на 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. Сдать домашнюю контрольную работу

Контрольная работа включает два задания:

Сайт должен быть размещен на бесплатном хостинге, например на https://beget.com/ru/free-hosting

Методические указания к выполнению контрольной работы можно скачать здесь.

ИТб-302. «Web-программирование и защита в среде Интернет». Весна 2021

Учебные часы

Лекции 18 ч.

Лабораторные работы 44 ч.

Экзамен.

Зачетная неделя с 31 мая по 6 июня.

Сессия с 7 по 27 июня.

Задание по дисциплине на весенний семестр 2021 г.

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)

Магистры. Цифровые технологии в профессиональной деятельности

Дисциплина заканчивается зачетом.

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

Темы ВКР

Для групп «Информационные технологии в медиаиндустрии»

Интернет-магазин средствами системы управления контентом (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 и др.)»