UA
RU

Курс html:

СТВОРЕННЯ САЙТІВ НА WORDPRESS
Тривалість: 2 місяців
Вартість: від 2 460 грн.
Старт навчання
  • восени
  • формати навчання:
  • курс в записі - 2 460 грн.
  • у записі з підтримкою - 4 015 грн.
  • розстрочка на оплату
консультація

Так проходить навчання

Лекції за розкладом у Zoom real-time

Спілкування з викладачем без затримки

Закритий чат учасників, підтримка кураторів

Особистий кабінет з відео, завданнями

Навчаємо верстати сайти

    Чому навчитесь на курсі:

    Навчання в IMT – це:

    • повний курс HTML/CSS верстки
    • навчання по буднях або вихідним
    • сучасна теоретична база у комплексі з продуктивними практичними заняттями
    • практичні завдання з вивченням та застосуванням інструментів прямо під час заняття
    • цікаві домашні завдання, мета яких - підвищити ваш професіоналізм і закріпити пройдений матеріал на практиці
    • навчання у практикуючого професіонала, допомога та підтримка протягом та після завершення курсу
    • розширення кола спілкування, можливість знайти нових друзів зі схожими інтересами та цілями

    Навички які ви отримаєте

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

    Програма курсу HTML CSS верстки передбачає вивчення основ frontend з нуля. Стати WEB-програмістом без тривалого навчання реально! Навчання на курсах верстальника сайтів побудовано на постійному застосуванні теорії на практиці. Щоб надалі верстати функціональні та сучасні сайти та стати затребуваним верстальником, будьте готові до регулярного виконання завдань, домашніх завдань та здачі свого проекту.

    К содержанию

    Вступні відомості про HTML/HTML5

    • Базові засади роботи веб-ресурсів.
    • Необхідні інструменти для роботи із сайтами.
    • Програмний мінімум: які програми знадобляться у вашій роботі.
    • Вивчаємо теги: що вони являють собою.
    • Що потрібно знати про теги.
    • Як використовуються теги: зведення основних правил.
    • Теговий атрибутика.
    • Різновиди тегів.
    • Теги, які належать до верхнього рівня.
    • Як за допомогою тегів прописати заголовок сайту
    • Парні теги.
    • Структура документа HTML.
    • Як будується базова структура HTML-коду.
    • Маст-хев теги: без яких тегів неможлива побудова сайту.
    • За допомогою яких тегів утворюються блоки документа.
    • Які теги прописують рядки документа?
    • Які теги використовують для формування списків.
    • Теги, з допомогою яких формуються таблиці.
    • Як за допомогою тегів прописати кадри.
    • Як розшифровується атрибутика тегів
    • Як задати сторінці колір та розмір, та як прописати адресу.

    Як за допомогою HTML форматувати текст

    • Робота із абзацами.
    • Виділення заголовків.
    • Як вирівнюється текст документа.
    • Розмір кегля, курсив, виділення тексту жирним шрифтом, підкреслення фрагментів тексту.
    • Написання символів у верхньому та нижньому індексі за допомогою тегів.
    • Вставляння спеціальних символів.
    • Вставлення посилань.
    • Як прописуються відносні та абсолютні.
    • Що потрібно знати про вкладеність тега.
    • Які атрибути можна використовувати під час вставки посилання в документ.
    • Як за допомогою тегів прописати посилання на e-mail.
    • Що таке якір, навіщо він використовується.
    • Робота із зображеннями.
    • Які формати можна використовувати.
    • Як додати зображення на сторінку сайту.
    • Що таке ALT і для чого він потрібний.
    • Як змінити висоту та ширину зображення.
    • Робота із списками.
    • Які бувають типи списків, як їх створювати.
    • Які мітки використовуються для маркованого списку.
    • За допомогою яких тегів виводиться нумерація у списку.
    • Як створюється перелік визначень.

    Робота з таблицями та формами

    • Які атрибути використовуються для створення таблиць.
    • Які нюанси необхідно знати під час побудови таблиць.
    • Як вирівнювати таблиці.
    • За допомогою яких тегів можна поєднати осередки в таблиці.
    • Що таке вкладені таблиці та як з ними працювати.
    • Що є форма, її призначення.
    • Які використовуються методи для надсилання даних.
    • З яких елементів складається форма.
    • Яку атрибутику можна використовувати під час роботи з формами.
    • Як захистити дані: інструменти створення броні форми.

    Спільне знайомство зі стилями CSS/CSS3

    • Які стилістичні переваги можна виділити.
    • Як використовуються стилі до вибраної сторінки.
    • Різновиди типів носіїв.
    • Основи CSS-синтаксису.
    • Розшифровує властивості стилів.
    • Що таке селектори та як їх застосовують.

    Ідентифікатори та класи

    • Селектори, які використовуються для контексту.
    • Селектори-сусіди: що це.
    • Які селектори називають дочірніми і для чого їх використовують.
    • Які із селекторів підходять для атрибутів тега?
    • Що називається універсальним селектором.
    • Елементи з приставкою «псевдо»: -класи та -елементи.
    • Як групуються псевдоелементи?
    • Як успадковуються властивості елементів.
    • Важливість правильного каскадування.
    • Що стосується класів, а що до ідентифікаторів.

    Псевдоелементи та псевдокласи

    • Типи;
    • Класи;
    • Як і де використовуються.

    Верстаємо блоки

    • Розглянемо DIV'ну верстку.
    • Як створюється макет.
    • Як надати сайту «гумові».
    • Що потрібно для адаптивної верстки сторінки?
    • Як застосовується сітка.
    • Чим відрізняється таблична верстка від DIV'ної.
    • Як розташовуються блоки DIV'ной верстці.

    Перевіряємо код: валідація, як вона є

    • Як перевірити валідність даних
    • Що потрібно для валідації CSS.
    • Як досягти коректності коду.
    • Який код є ефективним і що необхідне його написання.
    • Правимо помилки в коді.
    • За допомогою яких інструментів та сервісів можна перевірити код.
    • Код W3C: основні вимоги.
    • У чому сенс валідації?

    Позиціювання

    • Абсолютне
    • Relative.
    • Static.
    • Де застосовується позиціонування.

    Flex. Grid.

    • Flex. Grid.

    Slider

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

    Bootstrap

    • Bootstrap

    JQvery (2 заняття).

    • JQvery

    Технічна SEO-оптимізація сайтів

    • Які основні помилки припускаються розробники.
    • Сервіси для пошуку помилок.
    • Параметри, що впливають на просування сайту: H1, Title, Description.
    • Навіщо верстальнику потрібно враховувати юзабіліті?

    Переподаватель курса

    Ярослав Лутський

    Backend розробник на PHP, використовуючи WordPress, CodeIgniter, Yii2, Laravel.

    Подробнее

    Александр Милютин

    Досвід: професійний копірайтер з 2011 року,
    викладає з 2013 року.

    Подробнее

    Злата Пустовалова

    Head of SEO в Livepage

    Подробнее

    Александр Быхно

    Руководитель копирайтинг центра ПриватБанк

    Подробнее

    Данил Курило

    Сертифицированный специалист Google Ads,
    Highway To Top

    Подробнее

    Зроби швидкий старт у it

    Отримай професію та заробляй

    Записатися на курс

    Особливості навчання в IMT

    Закриті чати підтримки

    В яких йде спілкування між студентами, кураторами та викладачами курсу. Спілкування між лекціями, відповіді на запитання.

    Диплом випускника

    Після успішного складання іспиту та захисту проекту Ви отримуєте диплом Академії IMT про проходження курсу Front-end. Диплом має унікальний номер для його верифікації роботодавцями.

    Практика на курсі

    Що відрізняє профі від новачка? Досвід та портфоліо! Так, на курсі Ви отримуєте знання, курс насичений практикою, але тільки реальні проекти роблять із професіонала-початківця. На курсі студенти роблять перші роботи в портфоліо, отримують «бойовий» досвід та навички.

    Відеозаписи, особистий кабінет

    Особистий кабінет в LMS системі Академії, де зберігаються всі відео записи лекцій. Система домашніх завдань та конспект лекцій. Кабінет доступний протягом 6 місяців після випуску.

    Випускники та викладачі працюють в:

    9+

    Учбові аудиторії

    Процес навчання

    Роботи студентів

    Відгуки випускників про курс

    Завантажити ще
    відео відгуки
    2022 ©