Лекция 1. Предисловие
Лекция 2. Концепция WEB 2.0
В данной лекции будут рассмотрены следующие вопросы: основы концепции Web 2.0: что такое web 2.0; крах доткомов; отличия от web 1.0; концепция web 2.0. Особенности проектирование современных веб – решений.
Лекция 3. Основы HTML. Особенности HTML5
Сущность гипертекста. Развитие стандартов HTML. Уровни HTML. Обзор HTML5.
Лекция 4. Работа с текстом
В рамках данной лекции будут рассмотрены следующие вопросы: основные теги работы с текстом; абзацы; разрыв строк; заголовки списки; цитаты; горизонтальные линии;вставка символов.Теги работы с текстом, появившиеся в HTML5. Глобальные атрибуты.
Лекция 5. HTML5. Работа с мультимедиа
Работа с графикой. Основы работы с видео и звуком. Вставка аудио и видеороликов. Ограничения использования тегов <audio> и <video>.
Лекция 6. Работа с таблицами и средства навигации
Создание html-таблиц. Создание гиперссылок. Графические гиперссылки.
Лекция 7. Основы CSS. Особенности CSS 3
Понятие каскадных таблиц стилей. История версий CSS. Отношения между множественными вложенными элементами. Создание CSS стилей. Связь HTML и CSS. Правила написания CSS. Каскадность CSS.
Лекция 8. CSS3. Работа с текстом и фонами
Единицы измерения в CSS. Работа с цветом и фоном. Работа с шрифтом. Работа с текстом.
Лекция 9. CSS3. Работа с контейнерами
Понятие контейнерного дизайна. Контейнеры. Работа со стилями контейнеров.
Лекция 10. CSS3. Селекторы
Селекторы элементов (type selectors). Селекторы класса (class selectors). Селекторы идентификаторов (ID selectors). Селекторы потомков (Descendant selectors). Селекторы дочерних элементов (Child selectors). Универсальные селекторы (Universal selectors). Селекторы братских элементов (Adjacent sibling selectors). Селекторы атрибутов (Attribute selectors). Селекторы псевдоклассов (Pseudo-classes). Селекторы псевдоэлементов (Pseudo-elements).
Лекция 11. JavaScript. Общие сведения
Веб – сценарии. JavaScript, история возникновения. Возможности и ограничения JavaScript. Связь с HTML – документом.
Лекция 12. JavaScript. Основные операторы
Переменные и операторы. Арифметические операторы. Операторы сравнения. Логические операторы. Условные операторы.
Лекция 13. JavaScript. Работа с функциями и массивами
Работа с циклами. Работа с функциями. Работа с массивами данных.
Лекция 14. JavaScript. Объекты
Понятие объекта в JavaScript. Встроенные объекты JavaScript. Объектная модель документа (DOM). Объекты, представляющие веб – обозреватель. Методы и свойства экземпляров объектов.
Лекция 15. HTML5. Подгружаемое и генерируемое содержимое. Семантическая разметка
Монолитные и блочные веб – страницы. <iframe>. Генерируемое содержимое. Семантическая разметка.
Практическая работа 1. HTML5. Основы разметки
В рамках данного практического занятия нами будет рассмотрен пример создания простого сайта, с подгружаемым содержимым.
Лекция 16. HTML5. Хранения данных на стороне клиента
Cookie. Технология HTML5 WebStorage. Особенности хранения данных на стороне клиента: Отличия локального хранилища от сеансового. Сохранение и извлечение данных.
Лекция 17. HTML5. Работа с веб - формами
Элементы управления. Отправка данных серверу. Идентификация элементов управления. Свойства элементов управления.
Практическая работа 2. HTML5. Работа с веб-формами
В рамках данного практического занятия мы рассмотрим процесс создания веб - форм средствами HTML
Практическая работа 3. HTML5. Хранение данных на стороне клиента
В рамках данного практического занятия нами будет рассмотрен пример использования хранилищ данных на стороне пользователя
Практическая работа 4. Drag and Drop
В рамках данного практического занятия мы рассмотрим основные методы и приемы организации drag and drop в пределах HTML - страницы
Практическая работа 5. Мультимедиа
В рамках данного практического задания нами будет рассмотрен пример создания плэйлиста воспроизведения в рамках HTML - страницы
Лекция 18. HTML5. Основы Canvas
Элемент <canvas>. Основы концепции. Рисование на холсте. Связь холста с каскадными таблицами стилей.
Лекция 19. HTML5. Работа с Canvas
Добавление canvas на страницу. Рисование простейших фигур. Работа с цветом и толщиной линий. Работа с положением пера. Рисование прямых линий. Рисование дуг и кривых. Рисование кривых Безье. Вывод текста.
Практическая работа 6. Canvas.Основы
В рамках данного практического занятия нами будут рассмотрены основы работы с элементом <canvas> (холст)
Практическая работа 7. Рисование фигур
В рамках данного практического занятия будут рассмотрены примера рисования различных фигур в canvas (холст)
Практическая работа 8. Canvas. Работа с изображениями
В рамках данного занятия нами будут рассмотрены вопросы работы с уже существующими файлами изображений, при помощи canvas (холста)
Практическая работа 9. Canvas. Цвет
В рамках данного занятия мы подробнее рассмотрим вопросы работы с цветами в рамках canvas (холста).
Практическая работа 10. Canvas. Анимация
Целью занятия является знакомство с простейшей анимацией в canvas (холст).
Экзамен
Антитеррористическая защита объектов: противодействие ...
