Короткий опис
HTML&CSS — це “must have” для кожного, хто мріє стати веб-розробником і створювати сайти. Вивчаючи курс, Ви навчитесь розмічати веб-сторінки мовою розмітки HTML та працювати з каскадними таблицями стилів CSS. Підсумком курсу являється презентація власного веб-сайту за вибраною тематикою.
Мова викладання
Українська
Вік слухачів
12+ років
Необхідні знання для початку навчання
Володіння навичками набору текстів (англійська розкладка). Бажання вчитися!
Знання після навчання
Після проходження курсу HTML / CSS Ви отримаєте знання необхідні сучасному Frontend розробнику.
Додаткові матеріали
Бажано мати свій ноутбук. В разі відсутності - ми надамо ноутбук на заняттях.Зошит для конспектування основних понять. Флешка USB для збереження власних робіт.
Тривалість
24 занять по 2 години
Час та дні занять
Щоп’ятниці з 19-00 до 21-00 та щонеділі з 13-00 до 15-00 (два заняття на тиждень)
Початок занять
11 лютого
Кількість учнів в групі
до 15
Адреса БроБотс
вул. Київська, 265/2, корпус Мокко (біля Мандаринки), ж/к Шоколад, Бровари.
телефон 063 843 53 39, 050 351 38 72
схема проїзду
Інформація про викладача
Дуга Ірина – вчитель інформатики та інформаційних технологій. У 2002р. закінчила ХДПУ за спеціальністю «ПМСО. Математика. Інформатика.» 2015р. - курси академії Cisco IT- інструктор.
Вартість навчання
75 грн за заняття
Якщо вам потрібна фінансова підтримка в навчанні, скористайтесь нашою програмою надання грантів на навчання.
Програма курсу
(кожен пункт - окреме заняття)
І. HTML
1.Введення в HTML. Поняття «тегу». Створення каркасу сторінки. Теги заголовків, форматування шрифтів і поділу тексту на рядки та абзаци.
2. Поняття «атрибуту». Теги: коментар, верхній та нижній індекси, списки (нумерований, маркований), список визначень.
3. Спец. символи, зображення, посилання (атрибут target).
4. Таблиці. Форматування таблиць.
5. Введення в форми. Текстові поля форм, радіокнопки, чекбокси. Елемент вибору в формі (селект). Текстова область.
6. Створення кнопок. Об’єднання декоративне (fieldset). Блокування і тільки читання.
7. Фрейми, теги й атрибути фреймів. Використання посилань у фреймах .
8. Карта зображень. Валідація документа. Теги DIV і SPAN.
9. Web-стандарти та перевірка.
10. Підведення підсумків. Розробка найпростішої веб-сторінки.
ІІ. CSS
11. Введення в CSS. Базовий синтаксис. Способи застосування правилаCSS до HTML -документа.
12. Колір і фон. Колір переднього плану, колір фону елемента, фонові зображення, повторення/мультиплікація фонового зображення, блокування та розташування фонового зображення. Скорочений запис.
13. Шрифт. Сімейство шрифту (font-family). Стиль, вага, розмір шрифту. Скорочений запис.
14. Текст. Відступи. Вирівнювання тексту. Декоративний варіант. Інтервал між буквами. Трансформація тексту.
15. Псевдоселектори посилань.
16. Ідентифікація та групування елементів (class i id).
17. Групування елементів (span таdiv).
18. Боксова модель. Боксова модель – поля і заповнення. Боксова модель – рамки.
19. Боксова модель – висота і ширина. Конфлікти полів. Спливаючі елементи (поплавці). Позиціонування елементів.
20. Нашарування за допомогою z-index (Шари). Web-стандарти та перевірка коду.
21. Макети сторінок. Нарізка зображень.
22-23 Розробка веб-сайту (3-4 сторінки) з підключенням таблиці стилей.
24. Підведення підсумків. Презентація власного сайту. Що далі? Введення в Java Script.
