Web и DHTML 2014-2015

Задачи курса

Вёрстка
Задача 1. «Клиентская вёрстка». Рекомендуемая максимальная оценка – 20 баллов.
Минимальные требования (5 баллов):
а) Сверстать и разместить на хостинге несколько страниц: стартовую страницу, страницу с информацией о себе (минимум - имя, фото, адрес электронной почты с возможностью отправки письма, при наличии - ссылки на страницы на других ресурсах), ссылок на сайт УрФУ, матмеха, отправки почты (mailto:), фото-галерею (для задачи 2). Должны быть переходы на остальные страницы («меню сайта»).
б) Обеспечить валидацию на http://validator.w3.org/ и http://jigsaw.w3.org/css-validator/ всех страниц сайта.

Нормальные требования (10-15 баллов), в дополнение к минимальным:
в) на странице присутствует дизайн (графическое оформление, порезанное на кусочки), страница корректно растягивается при отображении с различным разрешением, учитывать возможность масштабирования шрифтов.
г) верстка с помощью DIV+CSS,
в) кросс-браузерность (для IE8+, Chrome, FireFox) на уровне сохранения внешнего вида, проверка на http://spoon.net/browsers/

Повышенные требования (15-20 баллов), самостоятельная реализация на выбор из 2 вариантов:
а) Использовать технологии адаптивной вёрстки (css media query),
б) Сверстать страницу по предоставленному преподавателем шаблону, разместить её на сайте.
Использование готовых библиотек допускается только в случае описания в письменном виде их внутренней структуры (можно считать это мини-рефератом).

DHTML
Задача 2. «Клиентские скрипты». Рекомендуемая максимальная оценка – 20 баллов.
Минимальные требования (5 баллов):
а) Разместить на веб-сайте галерею с фотографиями. При старте – набор миниатюр. Всплывающее окно при нажатии на картинку предпросмотра, закрытие по нажатию ESC.

Нормальные требования (10-15 баллов):
б) управление галереей с клавиатуры, помощь по использованию (F1),
в) отображение "loading" пока картинка еще не загрузилась,
г) F5 сохраняет нас на текущей фотографии.

Повышенные требования (15-20 баллов):
а) предзагрузка следующей картинки, если текущая уже загружена,
б) работают кнопки вперед-назад в истории браузера,
в) есть кнопка «сделать картинку стартовой» или «сделать картинку фоном сайта» с хранением настроек в cookie.
Использование готовых библиотек допускается только в случае описания в письменном виде их внутренней структуры (можно считать это мини-рефератом).

Server
Задача 3. «Серверные скрипты». Рекомендуемая максимальная оценка – 20 баллов.
Необходимо реализовать 2 серверных сценария – счётчик и гостевую книгу.
Минимальные требования (5 баллов):
а) разместить на веб-сайте текстовый счётчик посещений, защищённый от накруток (зажатие F5 или много запросов с помощью wget/curl),
б) разместить на веб-сайте форму для отправки отзывов с возможностью просмотра всех сообщений, предусмотреть фильтрацию HTML-тегов и защиту от спама (F5, wget/curl).

Нормальные требования (10-15 баллов):
а) счетчик – графический, вывод информации о количестве посещений всего/сегодня/когда был последний раз.
б) предусмотреть возможность использования ограниченного набора тегов в сообщениях-отзывах (напр, <B>,<I>,<IMG> ), предусмотреть защиту от XSS.

Повышенные требования (15-20 баллов):
а) сбор информации о параметрах браузера (версия, разрешение экрана).
б) у счетчика есть возможность идентификации отдельных посетителей и просмотра истории посещения ими страниц (административный интерфейс).
в) дать возможность редактировать оставленные ранее свои сообщения-отзывы (возможно, ввести регистрацию), с сохранением истории правок.

AJAX
Задача 4. «Взаимодействие с сервером». Рекомендуемая максимальная оценка – 15 баллов.
Минимальные требования (5 баллов):
а) реализовать возможность голосования (опроса) с отправкой данных и просмотром результатов без перезагрузки страницы, предусмотреть защиту от накруток.

Нормальные требования (10 баллов):
б) Обновление результатов онлайн (если кто-то ещё параллельно голосует), отображение результатов в графическом (не текстовом) виде.

Повышенные требования (15 баллов):
а) реализация опросов с различными элементами ввода (по аналогии с Формами Google) с возможностью сохранения результатов в табличном виде или xml.

Работа в семестре