Курс HTML та CSS Basic

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

Введення в веб-технології

• Призначення технологій
• Стек розробки для сайту
• Принцип роботи "клієнт-сервер"
• Консоль розробника
• Текстовий редактор і IDE
• Що таке HTML & CSS & JS і їх взаємодія
• Практика

Характеристика стандартів веб

• Введення в стандарти W3C
• Знайомство з документацією
• Зміст DOCTYPE, відмінності в різних версіях HTML
• Unicode - стандарт
• Кодування сторінки
• Що собою являє HTTP-протокол
• Як відбувається валідація документа HTML
• Практика

HTML5-елементи. Введення в схематизацію сторінки

• Характеристика секцій. Знайомство з основними тегами
• Введення в "підвал"
• Введення в "шапку"
• Бічна колонка
• Практика

Знайомство з центральними поняттями HTML

• Базові принципи верстки
• Знайомство з поняттям тега і атрибута
• Обов'язкова структура будь-якої веб-сторінки
• Поняття малих і блокових елементів веб сторінки
• Поняття парних і непарних тегів
• Семантичні теги
• Спецсимволи
• Робота з тегами і атрибутами
• Робота з посиланнями і якорями
• Робота з різними системами квітів в HTML
• Робота з зображеннями
• Нумеровані і маркеровані списки
• Робота з блоками (div)
• Таблиці
• Практика

Введення в гіперпосилання

• Гіперпосилання у WWW
• Що собою являють зовнішні гіперпосилання
• Що собою являють внутрішні гіперпосилання
• Ознайомлення з видами адреси у WWW
• Які додаткові атрибути вміщають гіперпосилання
• Практика

Введення в CSS. Характеристика каскадних таблиць стилів

• Огляд CSS
• Правила написання стилів
• Способи додавання CSS в HTML-сторінку
• Зовнішні таблиці стилів
• Відносні і статичні одиниці вимірювання
• Робота зі шрифтами (сімейства, стилі, розміри, насиченість)
• Робота з межами елементів (межа, радіус, тіні)
• Робота з відступами і розмірами елементів
• Градієнти
• Робота з властивостями float і clear
• Робота з фоном (зображення і колір, розміри, прозорість)
• Селектори
• Просунуті селектори
• Пріоритети стилів
• Перезапис стилів
• Псевдокласи, псевдоелементи
• Робота з анімацією елементів
• Практика

Фрейм та введення внутрішніх даних

• Про що говорить історія фреймів
• Зв'язок гіперпосилань та фреймів
• Які фрейми заведено називати вбудованими
• Практика

Форми та передача інформації, що належить користувачам

• Веб-форми
• Знайомство з компонентом form
• Які атрибути він має
• Елементи форм (input, textarea)
• Атрибути placeholder, name, value
• Операції з кнопками
• Операції з текстовими полями
• Введення в перемикачі checkbox, radio
• Знайомство з додатковими атрибутами компонентів форми
• Практика

CSS та макетування

• Як слід оформлювати межі компонента
• Як реалізовуються внутрішні та зовнішні відступи
• Характеристика розмірів компонента
• Як реалізовується видимість компонента
• Які компоненти можна назвати плаваючими
• Практика

CSS та HTML: додаткові можливості

• Яким чином можна вбудовувати відеофайли
• Яким чином можна вбудовувати аудіофайли
• Практика

Введення в метаінформацію

• Характеристика метаінформації
• Яким чином її використовують
• Введення в компонент meta
• Що входить в його атрибути
• Введення в пояснювальну метаінформацію
• Практика

Хостинг. Реалізація підтримки сайту

• Хостинг - це
• Домени і даменні зони. Хостингові і доменні панелі
• Як відбувається пошук хостеру
• Які можливості має хостер
• FTP-клієнт
• Яким чином відбувається його використання
• Знайомство з CMS: Joomla, WordPress
• Практика

Результат після проходження курсу:

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

Особливості курсу

• Викладачі практики
• Корпоративне навчання
• Можливість навчатися у вихідні
• Можливість влаштуватись у провідні IT-компанії
• Індивідуальне навчання

Викладачі курсу

• Володимир - Програміст
• Ігор - Програміст
• Володимир - Програміст
• Олексій - Програміст