17.04.2020 В 18:30
8580 ք
без скидки : 12250 ք
14900 ք
без скидки : 21290 ք
Основные пункты программы | № темы |
---|---|
Знакомство с Html-разметкой. Инструментарий разработчика. Работа с FTP клиентом. Структура страницы. Cинтаксис HTML. Обзор тегов ( head, html, body, title, meta), работа с тегами на странице. |
Тема № 1 |
Знакомство с CSS. Основные принципы работы CSS. Синтаксис CSS. Подключение CSS к HTML документу. |
Тема № 2 |
Работа с CSS селекторами. Cелекторы тегов, идентификаторы и классы. Контекстные селекторы. Наследование и каскад. Приоритеты. Работа над типовыми ошибками. |
Тема № 3 |
Стили текста и оформления. Работа со шрифтом. Цвет, размер, межстрочное расстояние и т.д. Работа с фоном. Цвет, изображение. Маркеры списка. Рамки и обводки. |
Тема № 4 |
Работа с блочными и инлайновыми элементами. Виды элементов. Различия и применение блочных и инлайновых элементов. Свойство display. Изучение поведения элемента при отрисовке. Свойство float и «плавающие» элементы. Другие виды поведения элементов. Семантическая разметка документа. Теги для работы с текстом, оформление списков, работа со ссылками и изображениями, таблицы и контейнеры (div). |
Тема № 5 |
Стили позиционирования, отступы и размеры блоков. Поля (padding) и отступы (margin). Положение на странице. Алгоритм расчета ширины и высоты элементов на странице. |
Тема № 6 |
Управление блоками в потоке. Базовые способы поведения элементов на странице (display: none, display: inline, display: block, display: inline-block, display: list-item, table*) Области применения тех или иных способов поведения элементов. Позиционирование блоков (stati, Relative, Absolute, Fixed) с «плавающими» элементами и свойство float.. Области применения тех или иных способов позиционирования. |
Тема № 7 |
Сетка. Базовая верстка. Построение сетки с использованием float и display: inline-block. Преимущества и недостатки построения сетки с данными свойствами. Позиционирование на странице. Отступы, фиксация ширины(центровка, 2,3 и более колонок), фиксация шапки, подвал, выносные элементы. |
Тема № 8 |
Верстка сайта. Пошаговый алгоритм создания. | Тема № 9 |
Обзор типовых ошибок, проблемные участки кода, отображение страниц в браузерах. Секреты профессионалов. Принципы работы и профессиональный подход к созданию сайта - оформление кода с помощью CSS, HTML, JavaScript. | Тема № 10 |