Курсы HTML5, CSS3, Обучение вёрстке | Академия IMT Запорожье

Курс «HTML/CSS/Bootstrap»

HTML верстальник

Старт групи

17 березня

Тривалість

2 місяці

Кількість занять

18 по 3 години

Вартість

3000 грн./міс.

Час занять

Вт/Чт:
18:00 – 21:00

Повна вартість

6000 грн.

або

про курс загалом

КУРС НАВЧАННЯ HTML/CSS В IMT АКАДЕМІЇ - ЦЕ :

  • Нові теоретичні знання у HTML-5 від практиків;
  • Базовий синтаксис HTML 5 та CSS 3;
  • точно знатимете, які інструменти необхідні для валідації;
  • Цікаві завдання, покликані підвищити ваш професіоналізм у цій сфері;
  • Допомога викладача з багаторічною практикою, що допоможе уникнути багатьох помилок безпосередньо під час навчального процесу;
  • Нові знайомства та нові знання з інших студентів курсу, що знаходяться з вами на одній хвилі.

Девізом цього курсу є фраза: «Щоденна робота – шлях до майстерності верстки». Ми підібрали програму таким чином, що вона включає максимум корисних знань з області програмування та верстки і торкається найбільш актуальних питань для фахівців-верстальників. Інформація систематизована та розбита на етапи, крок за кроком ви освоїте всі необхідні навички та зможете побудувати нову кар'єру.

Якщо ви хочете освоїти цікаву та затребувану професію, якщо дійсно готові вчитися та працювати над собою – ми точно допоможемо вам вирости до спеціаліста HTML-верстки!

кому корисний курс

Startups

Школярам старших класів

Business

Студентам та випускникам ВНЗ

ChangeProf

Тим, хто хоче змінити професію

Переваги курсу

Що входить у програму курсу з HTML

Ця програма розроблена для новачків, які раніше не стикалися з версткою, але хочуть освоїти цю сферу. Вся теоретична начитка супроводжуватиметься практичними заняттями, що дозволить краще засвоїти та закріпити отримані знання. Ми не обіцяємо, що буде зовсім просто, адже вам доведеться робити домашні та самостійні роботи, складати іспити, захищати проект. Але ми обіцяємо, що при виконанні всіх цих пунктів ви станете верстальником і можете кардинально змінити своє життя.

програма курсу


  • Базовые принципы работы веб-ресурсов.
  • Необходимые инструменты для работы с сайтами.
  • Программный минимум: какие программы понадобятся в вашей работе.
  • Изучаем теги: что они собой представляют.
  • Что необходимо знать о тегах.
  • Как применяются теги: сводка основных правил.
  • Теговая атрибутика.
  • Разновидности тегов.
  • Теги, которые относятся к верхнему уровню.
  • Как с помощью тегов прописать заголовок сайта.
  • Парные теги.
  • Структура HTML документа.
  • Как строится базовая структура HTML кода.
  • Маст-хев теги: без каких тегов невозможно построение сайта.
  • С помощью каких тегов создаются блоки документа.
  • Какие теги прописывают строки документа.
  • Какие теги используют для формирования списков.
  • Теги, с помощью которых формируются таблицы.
  • Как с помощью тегов прописать фреймы.
  • Как расшифровывается атрибутика тегов.
  • Как задать странице цвет и размер, и как прописать адрес.


Практика по материалам занятия.


  • Работа с абзацами.
  • Выделение заголовков.
  • Как выравнивается текст документа.
  • Размер кегля, курсив, выделение текста жирным шрифтом, подчеркивание фрагментов текста.
  • Написание символов в верхнем и нижнем индексе с помощью тегов.
  • Вставка специальных символов.
  • Вставка ссылок.
  • Как прописываются относительные и абсолютные.
  • Что нужно знать о вложенности тега.
  • Какие атрибуты можно использовать при вставке ссылки в документ.
  • Как с помощью тегов прописать ссылку на e-mail.
  • Что такое якорь, для чего он используется.
  • Работа с изображениями.
  • Какие форматы можно использовать.
  • Как добавить изображение на страницу сайта.
  • Что такое ALT и для чего он нужен.
  • Как можно изменить высоту и ширину изображения.
  • Работа со списками.
  • Какие бывают типы списков, как их создавать.
  • Какие теги используются для маркированного списка.
  • С помощью каких тегов выводится нумерация в списке.
  • Как создается список определений.


  • Какие атрибуты используются при создании таблиц.
  • Какие нюансы необходимо знать при построении таблиц.
  • Как выравнивать таблицы.
  • С помощью каких тегов можно объединить ячейки в таблице.
  • Что такое вложенные таблицы и как с ними работать.
  • Что собой представляет форма, её предназначение.
  • Какие используются методы для отправки данных.
  • Из каких элементов состоит форма.
  • Какую атрибутику можно использовать при работе с формами.
  • Как защитить данные: инструменты создания брони формы.


  • Какие стилистические преимущества можно выделить.
  • Как применяются стили к выбранной странице.
  • Разновидности типов носителей.
  • Основы CSS-синтаксиса.
  • Расшифровка свойств стилей.
  • Что такое селекторы и как их применяют.


  • Селекторы, которые используются для контекста.
  • Селекторы-соседи: что это.
  • Какие селекторы называют дочерними и для чего их используют.
  • Какие из селекторов подходят для атрибутов тега?
  • Что называется универсальным селектором.
  • Элементы с приставкой «псевдо»: -классы и -элементы.
  • Как группируются псевдоэлементы.
  • Как наследуются свойства элементов.
  • Важность правильного каскадирования.
  • Что относится к классам, а что к идентификаторам.


  • Типы;
  • Классы;
  • Как и где применяются.


  • Рассмотрим DIV’ную верстку.
  • Как создается макет.
  • Как придать сайту «резиновости».
  • Что необходимо для адаптивной верстки страницы?
  • Как применяется сетка.
  • Чем отличается табличная верстка от DIV’ной.
  • Как располагаются блоки в DIV’ной верстке.


  • Как проверить валидность данных.
  • Что необходимо для валидации CSS.
  • Как добиться корректности кода.
  • Какой код является эффективным и что необходимо для его написания.
  • Правим ошибки в коде.
  • С помощью каких инструментов и сервисов можно проверить код.
  • Код W3C: базовые требования.
  • В чём смысл валидации?


  • Абсолютное.
  • Relative.
  • Static.
  • Где применяется позиционирование.


  • BXslider.
  • Slickslider.
  • Установка, манипуляции.


  • Как подключать.
  • Как с ней работать.
  • Варианты применения.


  • Какие основные ошибки допускают разработчики.
  • Сервисы для поиска ошибок.
  • Параметры, влияющие на продвижение сайта: H1, Title, Description.
  • Зачем верстальщику нужно учитывать юзабилити?

Залишились питання?

offline

ми в офлайні

викладачі

Світлана

5 років комерційний досвід веб-розробки.

Викладач – практик.

Олег

3 роки комерційного досвіду веб-розробки. Працював в одній із найбільших компаній у Запоріжжі – S-Pro.

Здобув з командою перемогу в Хакатоні зі своїм проектом у категорії Веб. Рік викладацького досвіду.

інструменти

Figma

Інтерфейсно-орієнтоване програмне забезпечення. Дозволяє дуже швидко створити будь-який макет інтерфейсу та зробити його інтерактивним.

XMind

Як розтасувати тисячі думок? Використовувати техніку mindmap та відповідні інструменти.

Кожен учасник курсу отримує диплом про успішне завершення курсу із серійним номером

випускники працюють

  • mercedes
  • 21
  • yuko
  • ztr
  • inform
  • anc
  • mercedes
  • 21
  • yuko
  • ztr
  • inform
  • anc

Мы периодически делаем полезные рассылки о бесплатных курсах и мастерклассах нашей академии

    Я даю свое согласие на обработку персональных данных и соглашаюсь с условиями и политикой конфедициальности

    mail-mockup

    HTML верстальник

    Старт групи

    17 березня

    Тривалість

    2 місяці

    Кількість занять

    18 по 3 години

    Вартість

    3000 грн./міс.

    Час занять

    Вт/Чт:
    18:00 – 21:00

    Повна вартість

    6000 грн.

    Я даю свою згоду на обробку персональних даних та погоджуюсь з умовами та політикою конфіденційності