Практическое занятие 1.
Тема: Введение в HTML. Структура документа.
Ознакомиться с прилагаемыми учебно-методическими, методическими, справочными материалами и руководствами по языку гипертекстовой разметки. В соответствии с прилагаемыми методическими материалами изучить основные теоретические положения и выполнить предлагаемые практические примеры по следующим разделам: технология гипертекстовой разметки, спецификация HTML. Тэги, разметка структуры документа, заголовок, форматирование текста документа.
Представить результаты работы для отчета преподавателю.
Практическое занятие 2.
Тема: Введение в HTML. Основные теги.
В соответствии с прилагаемыми методическими материалами изучить основные теоретические положения и выполнить предлагаемые практические примеры по следующим разделам: технология гипертекстовой разметки, мета-инструкции, физическое и логическое форматирование. Списки. Гиперссылки и связь документов.
Представить результаты для отчета преподавателю.
Практическое занятие 3.
Тема: Введение в HTML. Карты, таблицы.
В соответствии с прилагаемыми методическими материалами изучить основные теоретические положения и выполнить предлагаемые практические примеры по следующим разделам: встраивание изображений. Понятие изображения – карты, достоинства и недостатки, описание конфигурации карты. Элемент Area и его атрибуты. Структура таблицы, заголовок, строки, столбцы. Форматирование ячеек. Сложные и вложенные таблицы.
Представить результаты для отчета преподавателю.
Практическое занятие 4.
Тема: Введение в HTML. Фреймы. Формы.
В соответствии с прилагаемыми методическими материалами изучить основные теоретические положения и выполнить предлагаемые практические примеры по следующим разделам: понятие фрейма, условия его эффективного применения. Правила описания фреймов. Плавающие фреймы. Общий синтаксис тэга Form. Формы для ввода информации с клавиатуры, для работы с мышкой, раскрывающиеся списки, кнопки. Атрибуты форм. Комбинированные формы. Передача данных из формы.
Представить результаты для отчета преподавателю.
Практическое занятие 5.
Тема: Объектная модель JavaScript.
Изучить предлагаемые на занятии методические материалы по языку Javascript. Воспроизвести предлагаемые примеры работы с элементами объектной модели браузера (BOM-модель) и примеры работы с объектной моделью документа (DOM-модель). Создать собственные примеры интерактивных объектов с обработчиками различных событий.
Представить результаты работы для отчета преподавателю.
Практическое занятие 6.
Тема: Основы языка программирования JavaScript.
Изучить предлагаемые на занятии справочные материалы и руководства по языку Javascript,. В соответствии с предлагаемыми методическими материалами воспроизвести примеры работы с основными конструкциями и операторами языка.
Представить результаты для отчета преподавателю.
Практическое занятие 7.
Тема: Реализация JavaScript в проекте.
Согласовать с преподавателем тему своего проекта - итогового клиентского приложения. Разработать и внедрить в своем проекте сценарии javascript, реализующие элементы интерактивности объектов, соответствующих теме проекта: активные кнопки, фрагменты текста, картинки, фрагменты интерфейса, информационные окна, проведения теста и подведение итогов тестирования и другие.
Представить результаты для отчета преподавателю.
Практическое занятие 8.
Тема: Каскадные таблицы стилей CSS.
Изучить предлагаемые на занятии методические материалы по каскадным таблицам стилей CSS и новому поколению стилей CSS3. Воспроизвести примеры селекторов и классов стилей, форматирования и позиционирования блоков и слоев. Создать примеры с различным подключением стилей к документу.
Представить результаты для отчета преподавателю.
Практическое занятие 9.
Тема: Реализация стилей в проекте.
Провести анализ объектов документов проекта, классифицировать их на отдельные группы по признаку однотипного оформления их дизайна. Сравнить свою классификацию с группами, реализованными в стилевых файлах сайтов сети Интернет. Создать внешний подключаемый файл стилевого оформления с описанием стилей объектов документа общего типа и отдельных групп типов объектов. Оценить результаты оформления проекта в браузере в плане адаптивности к мобильным устройствам.
Представить результаты для отчета преподавателю.
Практическое занятие 10.
Тема: Введение в технологию DHTML.
Изучить предлагаемые на занятии учебные, справочные и методические материалы по технологии DHTML. На статичных страницах HTML реализовать предлагаемые примеры создания интерактивных объектов с изменением их стиля, отображения, видимости в документе.
Представить результаты для отчета преподавателю.
Практическое занятие 11.
Тема: Практикум DHTML. Свойства графического изображения, слои.Скрытые разделы и изменение текста.
Изучить реализованные в Практикуме примеры изменения свойств графического изображения и примеры работы со слоями: отображение и скрытие слоев, перемещение слоев. Выполнить предлагаемые в Практикуме аналогичные задания. Создать по заданиям Практикума собственные примеры по данной теме для реализации в собственном проекте.
Представить результаты для отчета преподавателю.
Практическое занятие 12.
Тема: Новые технологии HTML 5.
Изучить предлагаемые методические материалы по новым технологиям HTML 5. Рассмотреть и реализовать примеры новых тегов, новых форм и атрибутов, поддержки видео и аудио, геолокации. Создать собственные примеры и реализовать их в своем проекте.
Представить результаты работы для отчета преподавателю.
Практическое занятие 13.
Тема: Новые технологии HTML 5. Хранилища.
Изучить предлагаемые методические материалы по новым технологиям HTML 5 в части локального и Web –хранилищ. Рассмотреть и реализовать пример работы с локальным хранилищем. На основе предлагаемых примеров создать корзину покупателя на основе локального хранилища для реализации в своем проекте.
Представить результаты работы для отчета преподавателю.
Практическое занятие 14.
Тема: Растровая графика Canvas.
Изучить предлагаемые методические материалы по применению растровой графики, ее достоинствам и недостаткам, различным способам реализации в HTML-документе. Реализовать предлагаемые примеры с базовыми графическими элементами, цветом, прозрачностью и рисованием сложных фигур.
Представить результаты работы для отчета преподавателю.
Практическое занятие 15.
Тема:Векторная масштабируемая графика SVG.
Изучить предлагаемые методические материалы по применению языка масштабируемой векторной графики SVG, по преимуществам векторной графики перед растровой и ее недостаткам. Реализовать предлагаемые примеры с базовыми графическими элементами. Реализовать примеры с применением путей (path), встраиванием в текст документа HTML, реализацией анимации и движения. Создать собственные примеры динамичной векторной графики для реализации в собственном проекте.
Представить результаты работы для отчета преподавателю.
Практическое занятие 16.
Тема: Отчетная работа по программируемой графике.
Средствами Canvas создать собственные примеры вставки изображений, композиции графики, вращения и движения сложных фигур для реализации в собственном проекте.
Средствами SVG создать собственные примеры динамичной векторной графики для реализации в собственном проекте.
Представить результаты работы для отчета преподавателю.