Занятие 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) 310-63-21

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

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



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

Личный кабинет
Популярные модули
Динамическая лента элементов
3,990 руб.
Модуль позволяет загружать элементы следующей страницы выбранной категории (показ всех элементов категории).
Быстрый подбор товаров
7,990 руб.
Быстрый подбор товаров - это комплексный инструмент, позволяющий значительно повысить удобство подбора товара и осуществлять продвижение сайта по низкочастотным запросам.
Отзывы
Контакты    Карта сайта    Вакансии    Вопрос-ответ    Оплата     Мобильная версия
Работает на: Amiro CMS