Описание курса «Верстальщик сайтов (HTML и CSS)»


Языки HTML и CSS обязан знать любой уважающий себя WEB-разработчик.

Пройдя обучение Веб – верстальщика Вы научитесь создавать макет сайта, верстать web-cтраницы, вносить правки в HTML код страницы, с использованием всех тегов, элементов, применять популярные решения для обеспечения кроссбраузерности.

Требование к курсу: Уверенное знание ПК. Если вы считаете свои знания персонального компьютера не достаточными, то вы можете пройти курс "ПК для начинающих".

По окончании курса, вы можете усовершенствовать свои знания на курсах: "Веб-программирование JavaScript".

Стоимость курса «Верстальщик сайтов (HTML и CSS)»

РАСПИСАНИЕ ЗАНЯТИЙ

17.06.2019 В 18:30

ГРУППОВЫЕ ЗАНЯТИЯ


8600 ք

без скидки : 12290 ք

ИНДИВИДУАЛЬНЫЕ ЗАНЯТИЯ


21600 ք

без скидки : 27000 ք

Дату начала открытого урока утоняйте по телефону +7 (495) 517-03-59
Продолжительность открытого урока: 45-60 минут / количество мест ограничено

Программа курса «Верстальщик сайтов (HTML и CSS)» (28 акад. ч.)

Основные пункты программы № темы
Знакомство с 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

Вы готовы записаться на курс?

ЗАПИСЬ НА КУРС

Работы наших слушателей на курсе «Верстальщик сайтов (HTML и CSS)»