УЧЕБНЫЕ МАТЕРИАЛЫ

Web-верстка, компьютерная графика,
мультимедиа

Группа ЗИТк-302С (ЗИТк-402С). «Web-программирование». «Web-дизайн» (2019-2020)

Дисциплина «Web-программирование» (по факту «Web-дизайн»)

Осень 2019 г. - установочное занятие (2 ч.).

Весна 2020 г. - лабораторные работы (8 ч.), ЭКЗАМЕН.

Дисциплина «Web-дизайн» (по факту «Web-программирование»)

Весна 2020 г. - установочное занятие (2 ч.).

Осень 2020 г. - лабораторные работы (6 ч.), ЭКЗАМЕН.


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

1. Изучить язык программирования PHP. Обучающие материалы – бесплатный видеокурс Михаила Русакова

https://blog.myrusakov.ru/freephp7.html
Сдавать эти уроки не надо, только для самостоятельного обучения.

2. Выполнить контрольную работу.
- методические указания к контрольной работе есть в Timeline, также Вы можете скачать их здесь;
- обучающие материалы к контрольной работе – видеокурс Михаила Русакова по ссылке https://yadi.sk/d/qCYCs5N1peDE6Q

3. Подготовиться к экзамену (практическое задание) - для этого изучить уроки 1, 2, 3, 5 из раздела Учебные курсы - Уроки PHP и MySQL

2. Лабораторные работы (дистанционно) на осенний семестр 2020

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

1. Долгих Виталий Дмитриевич (вариант 1)
2. Зубко Валерий Сергеевич (вариант 2)
3. Иванов Михаил Борисович (вариант 3)
4. Кудряшова Александра Михайловна (вариант 4)
5. Медведев Олег Олегович (вариант 5)
6. Мокеров Максим Сергеевич (вариант 6)
7. Мунирова Зухра Рамисовна (вариант 7)
8. Сафонов Вячеслав Дмитриевич (вариант 8)
9. Филатов Данил Александрович (вариант 9)

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

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

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

2. Выполнить контрольную работу 2 по PHP и MySQL по вариантам. Варианты можно скачать здесь. Перед выполнением рекомендуется повторить Урок 5. «Формы и базы данных в web».  Вариант определяется по таблице вверху задания. Выполненное упражнение разместить на бесплатном хостинге (например на https://beget.com/ru/free-hosting), в Timeline прикрепить выполненное задание в соответствующую ячейку и ссылку на бесплатный хостинг, где размещено задание.

3. Экзамен

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

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

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

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


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

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

1. Задание 1 из домашней контрольной работы.

2. Задание 2 из домашней контрольной работы.

3. Аудиторное контрольное задание из урока по созданию анимации на HTML5 и CSS3. Контрольное задание сформулировано в конце урока по ссылке Учебные курсы – Уроки HTML5 и CSS3 – Общий урок. CSS анимация. Предварительно надо выполнить сам урок, чтобы научиться создавать анимацию. Сдавать преподавателю урок не надо, только контрольное задание.

4. Тестирование по HTML. Тестирование можно пройти в системе TimeLine во время сессии.

5. Тестирование по CSS. Тестирование можно пройти в системе TimeLine во время сессии.

Домашняя контрольная работа на весну 2020 г.

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

Задание 1. Создание web-сайта средствами статических технологий HTML и CSS. В качестве обучающих материалов по технологиями HTMl и CSS Вы можете использовать уроки из раздела  Учебные курсы – HTML и CSS.

Задание 2. Верстка web-сайта средствами системы управления контентом (CMS) -  Joomla, Wordpress, онлайн-сервисы Wix, Ucoz и т.п. с использованием контента, собранного для задания 1.

Тему контрольной работы выбрать самостоятельно.

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




Темы ВКР

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

  • Интернет-магазин средствами системы управления контентом (CMS по выбору Joomla, WordPress, MODx и др.)
  • Web-сайт компании средствами системы управления контентом (CMS по выбору Joomla, Wordpress, MODx и др.)

Для групп «Компьютерные технологии»

  • Web-сайт компании средствами системы управления контентом (CMS по выбору Joomla, Wordpress, MODx и др.) + электронное руководство
  • ЭУП «Создание сайта средствами CMS MODx Revolution»
  • ЭУП «Создание сайта средствами CMS MODx Evolution»
  • ЭУП «Создание сайта средствами CMS Drupal»
  • ЭУП «Создание интернет-магазина средствами CMS MODx»
  • ЭУП «Создание интернет-магазина средствами CMS Wordpress»
  • ЭУП «Создание интернет-магазина средствами CMS OpenCart (или ocStore)»
  • ЭУП «Адаптивная верстка web-сайта»
  • ЭУП «Создание сайта средствами PHP и MySQL»
  • ЭУП «Язык jQuery»
  • ЭУП «Верстка многостраничных изданий в Adobe InDesign»
  • ЭУП «Графический редактор Adobe Illustrator»
  • ЭУП «SEO-оптимизация и продвижение сайта в сети Интернет»
  • ЭУП «Препроцессор Less - динамический язык стилей»
  • ЭУП «Фреймворк Yii»
  • ЭУП «Дизайн сайтов в программе Figma»

Для групп «Информационная безопасность»

  • Обеспечение безопасности веб-сайта компании (создание сайта + безопасность)
  • ЭУП «Web-программирование и защита в среде Интернет»
  • ЭУП «Средства защиты web-сайта на CMS (WordPress, Joomla, MODx и др.)»



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