Занятие 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 руб.

Модуль позволяет получать отзывы о товарах с Яндекс.Маркет

Интеграция с веб-сервисом МойСклад
13,990 руб.
Полноценная интеграция с популятрным веб-сервисом управлением торговлей и учетом онлайн "МойСклад"
Отзывы
Контакты    Карта сайта    Вакансии    Вопрос-ответ    Оплата
Работает на: Amiro CMS