Курсы HTML 5 CSS в Киеве ᐈ Курс верстки для начинающих с нуля ᐈ CyberBionic Systematics
Идет набор групп на обучение по Java и С#/.NET. Старт 24 и 25 апреля.
Записаться на курс
Пожалуйста, подождите...
Ваша заявка принята! Менеджер учебного центра свяжется с Вами в ближайшее время.
Мессенджер:

Курс HTML5, CSS3 для начинающих в Киеве

Старт курса
Ожидается

Для кого этот курс

Курс предназначен для начинающих веб-разработчиков, а также для тех, кто хочет освоить основы верстки веб-страниц.

Предварительные требования

• Уверенное владение персональным компьютером
• Навыки работы с текстовыми редакторами

Курс HTML5, CSS3 для начинающих в Киеве

Старт курса
Ожидается
Продолжительность:
20 ч.
Количество уроков:
10 занятий
Стоимость обучения:
130 USD
UAH
USD
EUR

Форма обучения

Очное обучение
Онлайн обучение
Корпоративное

Описание курса
HTML5, CSS3 для начинающих

Курс HTML5&CSS3 Стартовый состоит из 10 логически взаимосвязанных уроков, на которых учащиеся применяют на практике теоретические знания технологий HTML5&CSS3 для создания простых элементов веб страницы.
Курс рассматривает базовые основы, которые необходимы для работы с внешним интерфейсом любого сайта: создание структуры сайта, использование семантических тегов, указание путей для файлов, варианты работы с размерами элементов, внутренние и внешние отступы, границы элементов, форматирование текста, отображение изображений/картинок, размещение блоков в нужном количестве и порядке, правила вложенности для таблиц и списков, палитрой цветов. Тем самым разобрав студен будет способен реализовать: меню сайта, блок социальных сетей, карточки товара и подобные информационные блоки, пагинацию, не сложные одно страничные сайты.

Программа курса
  • 1
    Введение в HTML. Типы элементов и атрибуты
    В начале курса будет рассмотрено что такое html, для чего он нужен и как пишутся его элементы. Вы узнаете о тегах, форматировании в html, о редакторе в котором пишется код первоначальной разметке, с которой построена любая веб страница и для чего используются комментарии в коде. Как добавить на страницу картинки, а также различные переходы по ссылкам. Узнает первые типы элементов и их разницу с возможными ошибками при написании кода.
  • 2
    Введение в CSS и определение размеров блоков
    На занятии будет рассмотрено способы подключения стилей на страницу, виды селекторов с помощью которых можно привязать стили указным элементам страницы. И по каким принципам определяется приоритетность записей в CSS. В данном уроке студент рассмотрит базовое поведение элементов при формировании им размеров. В каких случаях возможно, что контент будет выпадать из элемента и портить внешний вид страницы.
  • 3
    Работа с отступами, свойство margin и работа с текстом и видимостью элементов
    Студент познакомится с механикой работы внешних отступов у элементов. Узнает, что такое проваливание(схлопывание) и в каких случаях оно присутствует. Просмотрим не явные отступы при работе с строчно-блочными элементами. Познакомится с различными правилами CSS для стилизации текста и как работает наследование стилей для элементов потомков. Как возможно скрывать элементы разметки на странице и в чем разница между разными способами.
  • 4
    Верстка с использованием Flexbox
    Целью занятия является разобрать основные принципы работы модуля Flexbox и научить их использовать. Возможность задавать гибкое расстояние между блоками и как определяются их размеры в некоторых случаях. Поведение внешних отступов при использовании flexbox.
  • 5
    Комбинирование селекторов и работа с фоном, свойство background
    Комбинирование очень важная часть при написании кода что рассмотрено в структуре списков и таблиц, поскольку большие вложенности необходимо создавать и разбирать постоянно на этапе работы с проектом. Возможности обращений к элементам по псевдоклассам и работу приоритета в таких структуре. На занятии будет разобраны основные способы записи палитры цветов в свойствах, где указывается окрас. В чем разница установки прозрачности элемента через opacity и rgba(). Случаи добавления картинок через CSS и размещение многого количества их на одном элементе.
  • 6
    Семантическая верстка
    Студент узнает новые семантические теги, которые появились с HTML версии 5 и правила их использования. Рассмотрены структуры простых сайтов с использованием семантических тегов.
  • 7
    Формы
    Целью данного урока является знакомство с формами и их назначением. Рассмотрение элементов форм, их возможностей и нюансами работы как у функционала, так и со стилизацией.
  • 8
    Позиционирование элементов
    Целью данного урока является знакомство с форматированием элементов страницы, задания им позиционирования через свойство position. Так же будет рассмотрены псевдоелементы и возможность реализовывать простую анимацию для элементов.
  • 9
    Практика
    Целью данного урока является закрепление пройденного теоретического материала
  • 10
    Практика
    Целью данного урока является закрепление знаний на практике верстая макет.

Что вы получите на курсе

Онлайн уроки з ментором у Zoom

Практические занятия и проверка дз

Бесплатный видеокурс

Онлайн тестирование и сертификация

Сертификат

По прохождению курса

Наличие сертификата Учебного Центра CyberBionic Systematics свидетельствует о Вашем владении новыми знаниями и навыками, а значит, позволяет выгодно выделиться на фоне других кандидатов и увеличивает шансы на успешное трудоустройство или продвижение по карьерной лестнице. Для получения сертификата после окончания обучения, необходимо успeшно пройти тестирование по соответствующему курсу на Testprovider.com

ПРЕПОДАВАТЕЛИ КУРСА

Этот курс входит в специальность
Курс из специальности
FrontEnd Developer
Старт обучения по специальности:
13 мая, 09:00-11:00 (GMT+3)
Online

13 мая, 19:00-21:00 (GMT+3)
Online
Длительность занятий:
2 часа
График:
3 раза в неделю
Продолжительность:
5 мес. / 124 часа
В одной группе:
От 6 до 25 человек

Отзывы наших студентов

HTML5, CSS3 для начинающих
Старт курса Ожидается
Продолжи
тельность:
20 ч.
Количество уроков:
10 занятий
Стоимость обучения:
130 USD
Записаться
на курс
Пожалуйста, подождите...
Ваша заявка принята! Менеджер учебного центра свяжется с Вами в ближайшее время.

В украинской группе обучение проходит на украинском языке

В международной группе обучение на русском или английском языке


Записатися
на пробний урок
Пожалуйста, подождите...
Ваша заявка принята! Менеджер учебного центра свяжется с Вами в ближайшее время.
Мессенджер: