Занятие 1 - HTML

  1. HTML 4 | 5
  2. История HTML
  3. Доктайп
  4. Структура (одиночные, парные контейнеры), дерево
  5. Типы тегов 
    1. верхнего уровня: html, head, body
    2. заголовка документов: title, meta
    3. блочные: div, h1, p
    4. строчные: a, img, span
    5. списки: ol, ul, li
    6. таблицы: table, tr, td
    7. фреймы: iframe
    8. формы: form, input, select, radio
  6. DOM-модель
  7. Валидация
  8. Особенности браузеров
  9. Интерпретация HTML
  10. GET, POST

ЗАНЯТИЕ 2 - HTML

  1. Атрибуты table
    1. align: left, center, right
    2. width: px, %
  2. Атрибуты td
    1. align: left, center, right
    2. colspan, rowspan
    3. width, height
    4. valign: 

Занятие 3 - CSS

  1. Что такое CSS
  2. Способы подключения (инлайн, тег, файл)
  3. Приоритеты стилей (браузер, пользовательские, файлы, инлайн)
  4. Селекторы, атрибуты
  5. Список селекторов:
    1. Теги
    2. Идентификаторы
    3. Классы
    4. Контекстные селекторы: div div
    5. Соседние элементы: div+div
    6. Дочерние элементы: div>div
    7. Селекторы атрибутов: input[type], input[type=text]
    8. Псевдоклассы: focus, hover, visited
    9. Псевдоэлементы: after, before, first-letter, first-line
  6. Приоритет при каскадировании: id, class, селектор тега или псевдоэлемент
  7. Наследование
  8. Группирование: h1, h2, h3

Занятие 4 - cSS

  1. Типы блоков: строковые, блоки
  2. Позиционирование
  3. Плавающие блоки
  4. Атрибуты:
    1. background
    2. text-align

Занятие 5 - CSS

  1. Различия между браузерами, вендорные префиксы
  2. Условные комментарии для IE: <!--[If lt IE 9]>...<![endif]-->
  3. Атрибуты
    1. display: block, inline, inline-block, none
    2. backgorund: несколько фонов, repeat-x, no-repeat, contain, cover
    3. border-radius (пример: -webkit-border-radius, -moz-border-radius)
    4. opacity: 0.7, filter: alpha(Opacity=70), background-color: rgba(0, 120, 201, 0.7)

Занятие 6 - css

  1. Анимация
    1. @keyframes example {...}
    2. from {}, to {}
    3. Х% {стили}
    4. animation-name: example;
    5. animation-duration: 4s; (по умолчанию = 0)
    6. animation-delay: 2s;
    7. animation-iteration-count: infinite;
    8. animation-direction: reverse; alternate
    9. animation-timing-function:
      1. ease
      2. linear
      3. ease-in
      4. ease-out
      5. ease-in-out
    10. animation: 4,5,9,6,7,8
  2. transition: width 2s, height 4s;
  3. Flexbox

Занятие 7

Занятие 8

Занятие 9

Занятие 10

Правильный угол зрения на природу сайтостроения
(383) 375-16-40

Заказать звонок

ФИО:*
Телефон:*
Комментарий(вопрос):*


* Обязательные поля

Личный кабинет
Популярные модули
Динамическая лента элементов
3,990 руб.
Модуль позволяет загружать элементы следующей страницы выбранной категории (показ всех элементов категории).
Геотаргетинг
8,990 руб.

Группа модулей, определяющих метод выдачи посетителю содержимого, соответствующего его географическому положению, производить расчет доставки и ограничивать доступные методы оплаты и доставки в зависимости от географического положения. Региональная привязка позволяет сайту перестраивать контент для различных регионов. 

Отзывы
Политика конфиденциальности    Контакты    Карта сайта    Вакансии    Вопрос-ответ    Оплата     Мобильная версия
Работает на: Amiro CMS