Курси HTML/CSS, навчання зі створення, верстки сайтів на Wordpress в Академії IMT

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

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

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

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

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

К содержанию

зміст

Вступні відомості про HTML/HTML5
Як за допомогою HTML форматувати текст
Робота з таблицями та формами
Спільне знайомство зі стилями CSS/CSS3
Ідентифікатори та класи
Псевдоелементи та псевдокласи
Верстаємо блоки
Перевіряємо код: валідація, як вона є
Позиціювання
Флекс. Сітка.
Slider
Bootstrap
JQvery (2 заняття).
Технічна SEO-оптимізація сайтів

Вступні відомості про 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.
Навіщо верстальнику потрібно враховувати юзабіліті?

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

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

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

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

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

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

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

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

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