Программа курса

Краткое содержание курса

(может изменяться в зависимости от подготовки, пожеланий участников группы и иных обстоятельств).




Учебная программа
Тематика занятий Аудиторных часов Часов самостоятельной работы
Тема 1. Введение в веб-технологии. Общий обзор 
  • Интернет как глобальная информационная сеть.
  • Структура сети интернет
  • Принципы и методы передачи информации в сети интернет.
  • Система имен и адресации в интернет. Сервера DNS.
  • Браузеры, их настоящее и будущее
  • Языки разметки для браузеров.
  • Идея тегов как основа современного подхода к построению веб-страниц.
  • Стандарты HTML и их развитие.
  • Визуальные редакторы для создания веб-страниц.
8 4
Тема 2. Основы синтаксиса html.
  • Структура веб-страниц.
  • Основные теги. Обзор. Атрибуты тегов.
  • Предложения, ссылки и вставка графических элементов на страницу.
  • Вспомогательные теги и их атрибуты.
  • Рисование форм на странице. 
  • Работа с таблицами. Понятие табличной верстки страниц. 
  • Единицы измерения в HTML. Работа с цветами.
  • Семантические теги в HTML5.
  • Работа с аудио и видео. 
12 12
Тема 3. Основы CSS.
  • CSS как язык инструкций для управления элементами HTML
  •  Способы подключения CSS-кода для веб-документов
  • Базовые селекторы в CSS. 
  • Основные псевдоклассы и псевдоэлементы.
  • Универсальные контейнеры div и span. Управление ими с использованием CSS-инструкций. 
  • Спецсимволы. Единицы измерения в CSS и работа с цветами.
  • Основные CSS-инструкции для работы с текстом 
  • Основные CSS-инструкции для стилизации ссылок 
  • Основные CSS-инструкции для управления позиционированием элементов на странице 
  • Принципы верстки страниц на основе инструкций float
  • Инструкции display
  • Управление границами объектов и их фоном. 
  • Градиенты
16 24
Тема 4. Переходы и анимация в CSS. Введение.
  • Реализация плавных переходов.
  •  Линейные деформации (преобразования) объектов. Технологии transform
  • Основы анимации. Технология keyframes
8 16
Тема 5. Практическая отработка стандартных конструкций.
  • Меню. Горизонтальное меню. Выпадающее меню. 
  • Меню с реакцией на наведение мыши на щелчок
  • Галерея графических объектов
  • Слайдер 
  •  Создание движущегося изображения
8 12
Подведение итогов. Обсуждение дальнейших шагов по повышению уровня профессиональной подготовки слушателей.
2
ИТОГО: 54 68



Last modified: Monday, 30 November 2020, 1:16 PM