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

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

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

Группы ИТМ-404, ИЭ-403п. Дисциплина «Web-программирование». Осень 2019

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

1. Выполнить урок по адаптивной верстке Урок 1. Сетка Bootstrap.

2. Выполнить контрольное задание по адаптивной верстке.
Задание: на основе PSD-файла макета сайта согласно своему варианту разработать адаптивный HTML-шаблон средствами Bootstrap 3 (или Bootstrap 4).

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

2.1. Макет должен иметь различное расположение блоков на экранах разной ширины. Предварительно необходимо сделать эскиз сетки html-страницы для четырех экранов (xs, sm, md, lg). Продемонстрировать эскиз при сдаче контрольного задания.
2.2. Навигационная панель должна быть сделана средствами компонента Bootstrap - Навигационная панель по умолчанию. Документация находится по адресу http://www.bootstrap-3.ru/components.php#navbar
- навиагационная панель на небольших экранах должна сворачиваться в кнопку (по умолчанию кнопка Bootstrap с тремя полосками).
- для выпадающих меню навигационной панели необходимо использовать компонент Кнопка выпадающего меню - dropdown - входит в компонент навигационной панели по умолчанию.
2.3. В макет включить адаптивный слайдер.
2.4. При необходимости часть элементов дизайна макета можно скрыть на маленьком экране.
2.5. Окончательный вариант должен быть максимально похож на исходник.
2.6. Для выполнения задания рекомендуется просмотреть видеокурс http://webformyself.com/minikurs/bootstrap/index-subscribe.htmlВерсию Bootstrap взять 3.3.6 из исходников, которые приложены к уроку 1 видеокурса. 

3. Изучить уроки PHP и MySql из раздела Учебные курсы - Уроки PHP и MySQL

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

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

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

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

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

...Задание будет дополняться...

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

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

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

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

 

Группа ЗИЭ-401. Web-программирование. Весна-осень 2020

Весна 2020 г.

  1. Лабораторные работы в аудитории - 4 ч.
  2. Сдать домашнюю контрольную работу.
  3. Дифференцированный зачет.
  4. Получить задание на курсовую работу.

Осень 2020 г.

  1. Лабораторные работы в аудитории - 12 ч.
  2. Сдать курсовую работу.
  3. Экзамен

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

1. Из раздела Учебные курсы - Уроки адаптивной верстки:

  1. Изучить теоретическую часть по адаптивной верстке сайта.
  2. Выполнить Урок 1. Сетка Bootstrap.
  3. Выполнить видеоуроки http://webformyself.com/minikurs/bootstrap/index-subscribe.html  Для выполнения работы взять дистрибутив, который выкладывает автор в исходниках.
    Результаты уроков сохранить и продемонстрировать преподавателю. Быть готовым ответить на вопросы. 

2. Изучить уроки 1-3 из курса PHP и MySql из раздела Учебные курсы - Уроки PHP и MySQL

3. В весеннем семестре 2020 г. – ЗАЧЕТ С ОЦЕНКОЙ. Оценка выводится как средняя за следующие виды работ:

3.1 Контрольное задание по адаптивной верстке – создание адаптивного шаблона из неадаптивного  средствами Bootstrap по вариантам (выполняется дома и сдается на сессии во время аудиторных занятий); 
Варианты можно скачать здесь. Также вместо шаблона по вариантам неадаптивный HTML-шаблон для контрольного задания Вы можете подобрать самостоятельно в сети Интернет, необходимо согласовать с преподавателем.
Требования к контрольному заданию по адаптивной верстке шаблона по вариантам:
1. Неадаптивный HTML-шаблон должен быть преобразован в адаптивный.

2. Должен быть использован фреймворк Bootstrap.
3. Главная навигационная панель на маленьких экранах должна сворачиваться в кнопку.
4. Дизайн должен максимально соответствовать исходнику.
5. Оформить титульный лист, адаптивный шаблон  записать на диск.

3.2 Результат выполнения видеоуроков по адаптивной верстке;

3.3 Уроки 1-3 из курса PHP и MySql из раздела Учебные курсы - Уроки PHP и MySQL

3.4 Контрольное задание – создание сайта средствами PHP на основе урока 3 Создание простого сайта на PHP. Упражнение 1. Создание простого шаблона сайта.


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

Будет сформулировано на весенней сессии.


Группа ИТМ-404. Дисциплина «Информационные технологии в рекламе»

Осенний семестр 2019 г.

Скачать методические указания по дисциплине «Информационные технологии в рекламе».

1. Создать рекламный модуль организации в программе растровой или векторной графики на выбор – задание 1 из методических указаний.

2. Создать рекламную Flash-презентацию организации – задание 3 из методических указаний.

3. Изучить программу верстки Adobe InDesign и теоретический материал по созданию полиграфических изданий. Получить сертификат для портфолио студента в системе Национального Открытого  Университета «ИНТУИТ». 

Для этого сначала необходимо зарегистрироваться на сайте intuit.ru.

Затем в системе ИНТУИТ необходимо в разделе «Графика и дизайн» пройти курс «Макетирование и верстка в Adobe InDesign». Курс заканчивается экзаменом с оценкой. Преподавателю представить оценку за экзамен и сертификат в личном кабинете ИНТУИТ.

Важно! Чтобы начать проходить курс, необходимо выбрать функцию «Записаться», а затем опцию «Бесплатно».

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

4. Создать и подготовить к печати многостраничное рекламное издание организации – задание 2 из методических указаний.

5. Выполнить лабораторную работу «Создание виртуального тура». Скачать файл лабораторной работы Lab_virtualnyj-tur.doc. Дистрибутивы и дополнительные файлы к лаб. работе получить на занятии в аудитории.

6. Выполнить контрольное задание: создать виртуальный тур как минимум из трех 3D панорам. 3D панорамы найдите в интернете. Все исходники сохранить и представить преподавателю при сдаче контрольной работы.

7. Изучить теоретический материал по теме «Введение в Интернет-рекламу». Получить сертификат ИНТУИТ. Для этого в системе ИНТУИТ необходимо в разделе «Интернет технологии» пройти курс «Введение в интернет рекламу». Курс заканчивается экзаменом с оценкой. Преподавателю представить оценку за экзамен и сертификат в личном кабинете ИНТУИТ.

8-14. Изучение возможностей HTML5 и CSS3 для создания рекламных модулей. Выполнение лабораторных работ и контрольной работы из раздела Учебные курсы – Уроки HTML5 и CSS3 – Анимация CSS3. Создание баннеров  (пока опубликовано 3 урока, остальные будут чуть позже).

График сдачи контрольных точек

Вид Срок сдачи
1. Рекламный модуль 30.09.2019
2. Презентация 30.09.2019
3. InDesign ИНТУИТ 16.10.2019
4. Буклет в InDesign 23.10.2019
5. Виртуальный тур. Лаб. раб. 30.10.2019
6. Виртуальный тур. Контр. раб. 06.11.2019

7. Введение в интернет-рекламу. ИНТУИТ

12.11.2019
8. Рекламные баннеры HTML5 и CSS3. ЛР1 19.11.2019
9. Рекламные баннеры HTML5 и CSS3. ЛР2 26.11.2019
10. Рекламные баннеры HTML5 и CSS3. ЛР3 04.12.2019
11. Рекламные баннеры HTML5 и CSS3. ЛР4 11.12.2019
12. Рекламные баннеры HTML5 и CSS3. ЛР5 18.12.2019
13. Рекламные баннеры HTML5 и CSS3. ЛР6 25.12.2019

14. Контрольная работа. Рекламный баннер HTML5 и CSS3

25.12.2019



Группы ЗИЭ-301 (401), ЗИТк-301 (401). Дисциплина «Web-дизайн». Весна-осень 2019

Осенняя сесссия 2019 г.

Экзамен по дисциплине «Web-дизайн».

Оценка за экзамен выводится как средняя из следующих оценок.

1. Домашняя контрольная работа. Задание 1.

2. Домашняя контрольная работа. Задание 2.

3. Аудиторное контрольное задание по блочной верстке.

4. Аудиторное контрольное задание по уроку 9 из курса Уроки HTML и CSS. Контрольное задание сформулировано внизу текста урока.

5. Экзаменационный тест (50 вопросов) в системе TimeLine.


Домашнее задание к осенней сессии 2019 г.

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

2. Изучить любую систему управления контентом сайта (CMS) – WordPress, Joomla, MODx или др. (динамические технологии). В качестве обучающих материалов по CMS MODx Вы можете использовать уроки из раздела  Учебные курсы – Уроки MODx. Вы можете изучать другие и по другим материалам.

Домашняя контрольная работа

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

Контрольная работа по дисциплине «Web-дизайн» включает два задания:

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

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

Вариант контрольной работы определяется по двум последним цифрам номера зачетной книжки из приложения 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. Величину каждой web-страницы по высоте рекомендуется делать не более чем два экрана.
10. Форматирование всех элементов должно осуществляться средствами CSS. Обязательно наличие внешней таблицы стилей с описанием элементов, общих для всех страниц сайта (заголовки, фоны, форматирование абзацев). Локальное форматирование допускается в минимальном количестве.
11. Внизу на каждой странице сайта должна быть указана контактная информация.
12. Сайт должен содержать страницу «Карта сайта».
13. В программный код сайта должны быть обязательно включены скрипты (часы, календарь, различные эффекты, меню и т.п.). Всего должно быть 2–3 скрипта. Один из используемых скриптов должен быть счетчиком посетителей сайта.
14. В код сайта должны быть включены методы продвижения сайта в Интернет (title, H1–H6, META (content, keywords), strong и другие).

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

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


Группа ЗИТ-301С (401С), ЗИТб-301 (401). Дисциплина «Web-программирование и защита в среде Интернет». Весна-осень 2019

Осенняя сесссия 2019 г.

Экзамен по дисциплине «Web-программирование и защита в среде Интернет».

Оценка за экзамен выводится как средняя из следующих пяти оценок.

1. Домашняя контрольная работа. Задание 1.

2. Домашняя контрольная работа. Задание 2.

3. Контрольное задание по уроку 3 из раздела Уроки PHP и MySQL.  Вариант определяется по номеру в списке группы. Варианты HTML-шаблонов скачайте здесь.

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

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

4. Экзаменационное задание по уроку 5 из раздела Уроки PHP и MySQL.

Пример задания:

  1. Создать форму. Требования к форме:

соблюдать последовательность полей:

  • раскрывающийся список select с тремя записями;
  • два текстовых поля;
  • поле textarea;
  • кнопки submit и reset. Кнопка reset должна очищать поля ввода при нажатии;
  • подписи к полям придумать самостоятельно. 
  1. Из формы сделать ввод данных в базу данных под именем Test.
  2. Занести в базу Test не менее трех записей.

5. Экзаменационный тест (50 вопросов) в системе TimeLine.


Домашнее задание к осенней сессии 2019 г.

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

2. Изучить любую систему управления контентом сайта (CMS) – WordPress, Joomla, MODx или др. (динамические технологии). В качестве обучающих материалов по CMS MODx Вы можете использовать уроки из раздела  Учебные курсы – Уроки MODx. Вы можете изучать другие и по другим материалам.

Домашняя контрольная работа

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

Контрольная работа по дисциплине «Web-дизайн» включает два задания:

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

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

Вариант контрольной работы определяется по двум последним цифрам номера зачетной книжки из приложения 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. Величину каждой web-страницы по высоте рекомендуется делать не более чем два экрана.
10. Форматирование всех элементов должно осуществляться средствами CSS. Обязательно наличие внешней таблицы стилей с описанием элементов, общих для всех страниц сайта (заголовки, фоны, форматирование абзацев). Локальное форматирование допускается в минимальном количестве.
11. Внизу на каждой странице сайта должна быть указана контактная информация.
12. Сайт должен содержать страницу «Карта сайта».
13. В программный код сайта должны быть обязательно включены скрипты (часы, календарь, различные эффекты, меню и т.п.). Всего должно быть 2–3 скрипта. Один из используемых скриптов должен быть счетчиком посетителей сайта.
14. В код сайта должны быть включены методы продвижения сайта в Интернет (title, H1–H6, META (content, keywords), strong и другие).

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

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


Группа ЗИТм-301С (401С). Дисциплина «Информационные технологии в рекламе». Весна-осень 2019

Осенняя сессия 2019. Экзамен.

Оценка за экзамен ставится как средняя из оценок за следующие контрольные точки:

  1. Домашняя контрольная работа. Задание 1. Рекламный модуль.
  2. Домашняя контрольная работа. Задание 2. Многостраничное издание.
  3. Домашняя контрольная работа. Задание 3. Flash-презентация.
  4. Тема «Введение в Интернет-рекламу». Сертификат ИНТУИТ.
    Изучение теоретического материала по теме «Введение в Интернет-рекламу». Получение сертификата ИНТУИТ. 
    1. Сначала необходимо зарегистрироваться на сайте intuit.ru. 
    2. В разделе «Интернет технологии» найти курс «Введение в интернет рекламу». 
    3. Чтобы начать проходить курс, необходимо выбрать функцию «Записаться», а затем опцию «Бесплатно». 
    4. Курс заканчивается экзаменом с оценкой. Преподавателю представить оценку за экзамен и сертификат в личном кабинете ИНТУИТ.


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

Задания

Задание 1. Создать рекламный модуль организации в программе растровой или векторной графики на выбор. Рекомендации по созданию модуля приведены в приложении 3.

Задание 2. Создать и подготовить к печати многостраничное рекламное издание организации. Рекомендации по созданию печатного издания приведены в приложении 4.

Задание 3. Создать рекламную Flash-презентацию организации. Реко-мендации по созданию презентации приведены в приложении 5.

Требования к отчету:
- оформить титульный лист и распечатать (приложение 6);
- файлы всех заданий записать на диск;
- титульный лист и диск сдать (в папке или п/э файле). 

Группа ЗКТ-401(501). Дисциплины «Web-дизайн» (осень 2018 - весна 2019). «Web-программирование» (весна 2019 - осень 2019)

ДИСЦИПЛИНА «WEB-ПРОГРАММИРОВАНИЕ»

Весенний семестр 2019 г. - Установочное занятие

Домашняя контрольная работа

1. Изучить 7 теоретических тем по PHP. Прикреплены в системе Timeline.

2. Из раздела Учебные курсы - Уроки адаптивной верстки:

- Изучить теоретическую часть по адаптивной верстке сайта.

- Выполнить Урок 1. Сетка Bootstrap.

- Выполнить видеоуроки http://webformyself.com/minikurs/bootstrap/index-subscribe.html. Выполненные видеоуроки сдавать преподавателю не надо. Эти уроки вам пригодятся при выполнении контрольного задания по верстке адаптивного шаблона из неадаптивного. Версию Bootstrap взять ту, которая прилагается в архиве к урокам (скачивается с сайта автора уроков). 

- Выполнить контрольное задание согласно своему варианту по верстке средствами Bootstrap (скачать варианты). Вариант выбрать по номеру в списке группы.

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

  1. Неадаптивный HTML-шаблон должен быть преобразован в адаптивный.
  2. Должен быть использован фреймворк Bootstrap.
  3. Главная навигационная панель на маленьких экранах должна сворачиваться в кнопку.
  4. Дизайн должен максимально соответствовать исходнику.


Осенний семестр 2019 г. - 8 ч. лекций, 8 ч. лабораторных работ. Экзамен

Оценка за экзамен выставляется как средняя из следующих контрольных точек:

1. Тест по PHP в системе Timeline.

2. Контрольный билет по PHP и MySQL.

Пример билета:

Создать форму. Требования к форме: соблюдать последовательность полей:

  • раскрывающийся список select с тремя записями;
  • два текстовых поля;
  • поле textarea;
  • кнопки submit и reset. Кнопка reset должна очищать поля ввода при нажатии;
  • подписи к полям придумать самостоятельно. 

Из формы сделать ввод данных в базу данных под именем Test. Занести в базу Test не менее трех записей.

3. Домашняя контрольная работа. Адаптивный шаблон сайта записать на диск, распечатать титульный лист (скачать). Все сложить в файл и сдать преподавателю.


ДИСЦИПЛИНА «WEB-ДИЗАЙН»

Весенний семестр 2019 г.

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

Для сдачи зачета необходимо:

- предоставить два задания из домашней контрольной работы;

- контрольное аудиторное задание по блочной версткеВариант смотреть в системе Timeline. Засчитывается только при условии выполнения в аудитории;

- создать фотогалерею на свою тему по уроку 9 из курса Уроки HTML и CSS. Можно делать дома, выложить в Timeline;

- тест по HTML и CSS в системе Timeline (тест можно пройти дома).

Сдачу каждой контрольной точки можно посмотреть в системе Timeline.

Осенний семестр 2018 г. - Установочные занятия

Домашняя контрольная работа

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

Контрольная работа по дисциплине «Web-дизайн» включает два задания:

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

Задание 2. Верстка web-сайта средствами системы управления контентом (CMS) с использованием контента, собранного для задания 1. Систему управления контентом выбираете самостоятельно, по желанию Joomla, WordPress, MODx или др. В качестве обучающих материалов по CMS MODx можно использовать материалы из раздела Учебные курсы - Уроки MODx.

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


Группа ЗИТм-201С (301С). Дисциплина "Web-программирование". 2018-2019

5-й семестр (осень 2018 г.) - 2 ч. лекций, 4 ч. лабораторных работ, контрольная работа, дифференцированный зачет.

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

1. Из раздела Учебные курсы - Уроки адаптивной верстки:

  1. Изучить теоретическую часть по адаптивной верстке сайта.
  2. Выполнить Урок 1. Сетка Bootstrap.
  3. Выполнить видеоуроки http://webformyself.com/minikurs/bootstrap/index-subscribe.htmlЭти уроки вам пригодятся при выполнении контрольного задания по верстке адаптивного шаблона из неадаптивного.
  4. Выполнить контрольное задание согласно своему варианту по верстке средствами Bootstrap (скачать варианты). Вариант выбрать по номеру в списке группы.

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

  1. Неадаптивный HTML-шаблон должен быть преобразован в адаптивный.
  2. Должен быть использован фреймворк Bootstrap.
  3. Главная навигационная панель на маленьких экранах должна сворачиваться в кнопку.
  4. Дизайн должен максимально соответствовать исходнику.

6. Дифференцированный зачет - оценка за домашнее контрольное задание. Знать код макета, уметь отвечать на вопросы преподавателя.


6-й семестр (весна 2019 г.)
 - 8 ч. лабораторных работ, курсовая работа, экзамен.

Задание на весенний семестр 2019 г.

1. Изучить курс по PHP и MySQL по ссылке Учебные курсы – Уроки PHP и MySQL.

2. Подготовиться к экзамену по уроку 5 Формы и базы данных в web. Пример билета можно скачать здесь.

3. Выполнить КУРСОВУЮ РАБОТУ – создать сайт средствами PHP и MySQL (обучающий курс можно скачать по ссылке https://yadi.sk/d/FHDdSLqJ3QKYAQ) /972 Гб/. Данную технологию изучаете самостоятельно.

Разместить сайт на бесплатном тарифе на хостинге https://ru.000webhost.com/

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

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

На основе урока 3 (задание 1)  курса Уроки PHP и MySQL выполнить индивидуальное контрольное задание по варианту «Шаблон сайта».

Вариант определяется по номеру в списке группы. Варианты HTML-шаблонов скачайте здесь.

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

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

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


Группа ЗИТм-201С (301C). Дисциплина «Web-дизайн». 2018

Осенний семестр 2018 г. - 6 ч. лабораторных  работ, ЭКЗАМЕН.

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

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

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

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

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

Домашняя контрольная работа

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

Контрольная работа по дисциплине «Web-дизайн» включает два задания:

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

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

Вариант контрольной работы определяется по двум последним цифрам номера зачетной книжки из приложения 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».


Темы ВКР

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

  • 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»

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

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

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

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

Портфолио преподавателя

Сайты, созданные преподавателем Власовой Натальей Сергеевной для сторонних организаций - заказчиков:

www.quist.pro – издательство «КВИСТ»
ck-lider.ru – строительная компания «ЛИДЕР»
trade-cleaning.ru – клининговая компания «Трейд Клининг»
minisadik-ekaterinburg.ru – минисадики «Колыбелька»
leopoldekb.ru – сеть детских садов «Леопольд»
орто-одежда.рф – ОРТО сеть магазинов одежды
3-мушкетера.рф – кафе «Три мушкетера»
балетон.рф – кафе «Балетон»

Поддержка сайта planeta-ekb.ru - интернет-версия городского телефонного справочника «ПЛАНЕТА ЕКАТЕРИНБУРГ»