Учебные часы

Лекции 16 ч.

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

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

Экзамен.

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

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

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

ЛЕКЦИИ

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

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

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

Раздел 1. HTML и CSS. Из раздела Учебные курсы – HTML и CSS выполнить уроки 1-7 и 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-12 в аудитории при себе всегда иметь наушники, чтобы можно было просмотреть видео.

ЛР 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)

– Выполните видеоурок по адаптивной верстке на 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

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

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 по вариантам. Варианты можно скачать здесь. Работу разместить на бесплатном хостинге.  Прислать ссылку в Таймлайн.

Раздел 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. Шаблоны дизайна сайта

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 Прислать ссылку на сайт в Таймлайн. 

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

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

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

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

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

Задание на весенний семестр 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. Верстка методом 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 баллов – «Удовлетворительно»

Учебные часы

Лекции 16 ч.

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

Экзамен.

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

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

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

ЛЕКЦИИ

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

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

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

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

Выполнить все уроки из раздела «Уроки MODx 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.

 Часть 4. Написать научную статью по теме web-технологий (тема любая: дизайн сайтов, сравнение CMS, сравнение хостингов, современные тенденции в веб-разработке, языки веб-разработки и т.п.)

Требования к статье:

- не менее 5 страниц;

- оригинальность не менее 70%. Проверяется преподавателем в системе "Антиплагиат. Вуз";

- форматирование согласно требованиям  к оформлению статей. Скачать шаблон статьи. Скачать правила оформления источников

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

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

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

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

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

Варианты

ИТмс-202

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)

ПИм-201
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)

ПИэ-202
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)

Задание на осенний семестр 2022 г. для гр. ИТмс-202, ПИм-201, ПИэ-202.

Лекции 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 баллов – «Удовлетворительно»

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

Лекции 8 ч.

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

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

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

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

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

Задание на осенний семестр 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)

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

Задание на осенний семестр 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% - удовлетворительно

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

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

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

1. Аудиторные работы на осенний семестр 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)
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 на свободную тему.

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

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

3.  ЭКЗАМЕН

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

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

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

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

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

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

Учебные часы

Лекции 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:

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

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

Часть 3. Изучить CMS Revolution

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

Часть 4. Итоговая контрольная работа

Создать сайт на свободную тему на CMS Revolution.

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

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

Учебные часы

Лекции 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:

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)

Учебные часы

Лабораторные работы 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 на свободную тему.

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

Этап 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 баллов - «Отлично»

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

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

Задание на осень 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» + задание на домашнюю контрольную работу.

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

Дисциплина «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. Пройти экзаменационный тест в Таймлайн. Доступ к тесту будет открыт когда будут сданы все задания, включая домашние.

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

Лекции 8 ч.

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

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

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

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

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

Задание на осенний семестр 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://webformyself.com/minikurs/bootstrap/index-subscribe.html Версию Bootstrap взять из исходников, которые приложены к видеокурсу. Сдавать эти уроки не надо.

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

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

Лекции 16 ч.

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

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

В конце семестра – ЭКЗАМЕН - тестирование. Действует рейтинговая система. 

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

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

Лекции 16 ч.

Лабораторные раболты 32 ч.

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

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

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

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

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

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

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

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

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

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

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)

Осенний семестр 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 анимации

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

Задание к осенней сессии 2021

1. Выполнить курсовую работу  – создать сайт на любой CMS на свободную тему.

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

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

1. Разработанный web-сайт должен включать не менее пяти web-страниц, связанных гиперссылками.
2. Сайт необходимо писать «вручную» в текстовом редакторе типа Notepad++ или т.п.
3. Макет сайта должен быть выполнен методом блочной верстки с использованием тега DIV.
4. Использование web-сайта должно быть доступно в локальном режиме.
5. Сайту нужно подобрать доменное имя (www.zagorod.ru, www.myhouse.com и т.п). Свободно доменное имя или нет, можно проверить средствами специального сервиса для определения доменных имен, например, на сайте www.webnames.ru. Регистрировать доменное имя не надо.
6. На каждой странице web-сайта должна присутствовать навигационная панель (глобальная навигация).
7. С каждой страницы сайта должен быть обеспечен переход (установлена гиперссылка) на головную (начальную) страницу сайта.
8. Сайт должен иметь название («Каталог загородной недвижимости», «Магазин игрушек», «Кафе 21-й век» и т.п.).
9. Каждая страница сайта должна содержать логотип и название предприятия.  Обычно изображение логотипа одновременно является гиперссылкой перехода на главную страницу.
10. Величину каждой web-страницы по высоте рекомендуется делать не более чем два экрана.
11. Форматирование всех элементов должно осуществляться средствами CSS. Обязательно наличие внешней таблицы стилей с описанием элементов, общих для всех страниц сайта (заголовки, фоны, форматирование абзацев). Локальное форматирование допускается в минимальном количестве.
12. Внизу на каждой странице сайта должна быть указана контактная информация.
13. Сайт должен содержать страницу «Карта сайта».
14. Все рисунки должны быть выполнены с замещающим текстом alt. 
15. Размер шрифта сайта должен быть в пределах 10–12 пт. для оформления текста. Размер шрифта для оформления заголовков, названия страниц и т.д. не оговаривается. 
16. В программный код сайта должны быть обязательно включены скрипты (часы, календарь, различные эффекты, меню и т.п.). Всего должно быть 2–3 скрипта. Один из используемых скриптов должен быть счетчиком посетителей сайта.
17. В код сайта должны быть включены методы продвижения сайта в Интернет (title, H1–H6, META (content, keywords), strong и другие).

Требования к  web-сайту в задании 2

1. Web-сайт должен быть выполнен на свободно-распространяемом (бесплатном) программном обеспечении. Рекомендуется CMS Joomla.
2. В качестве контента web-сайта должна быть использована информация, собранная для web-сайта в задании 1 (тексты, изображения, баннеры и др.)
3. В качестве дизайна web-сайта использовать шаблон на выбор из бесплатно-распространяемых в сети Интернет.
4. В административной части сайта должны быть созданы не менее трех пользователей с разными правами (включая администратора сайта).
5. На всех страницах сайта должны присутствовать модули поиска и обратной связи, остальные модули можно выбрать по желанию.
6. Все остальные требования к web-сайту смотреть в пунктах 1, 5, 6, 7, 8, 9, 10, 12, 13, 17, 18 раздела «Требования к web-сайту в задании 1».

Задание на осень 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.

Осень 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. Создание баннеров»

Осень 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% - удовлетворительно

Дисциплина «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

Дисциплина «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

Учебные часы

Лекции 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)

Дисциплина «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