кому підійде курс?
- Курс розроблений для справжніх новачків
- для тих, хто хоче вивчити Створення сайтів на HTML і CSS
- для тих, хто вже почав вивчати, але йде важко
Урок 1. Введення
Урок 2. Установка редактора Brackets
Урок 3. HTML теги (теорія)
Урок 4. Створення скелета HTML документа
Урок 5. HTML теги форматування тексту (h1-h6, p, br, em, i, b, strong та ін.)
Урок 6. CSS селектори і властивості (теорія)
Урок 7. Властивості для стилізації тексту
Завдання
Робота з текстом
Урок 8. Інструменти розробника-DevTools
Урок 9. Зображення та посилання (img, a)
Урок 10. Растрова та векторна графіка, формати зображень (png, jpg, svg)
Завдання
Робота з зображеннями та посиланнями
Урок 11. HTML таблиці (table, tr, td, th, tbody та ін.)
Завдання
Створення таблиць
Урок 12. Блокові та рядкові елементи (div, span)
Урок 13. Робота з фоном. Частина 1
Урок 14. Робота з фоном. Частина 2
Завдання
Робота з фоном
Урок 15. Довідники
Урок 16. Найменування класів
Урок 17. Створення простої HTML сторінки (практика)
Урок 18. HTML форми (form, input, textarea, button)
Завдання
Створення форми (практика)
Урок 19. Псевдокласи
Урок 20. Межі (border, outline)
Урок 21. Створення форми реєстрації (практика) 26: 34
Урок 22. Позиціонування (relative, static, absolute, fixed)
Урок 23. Позиціонування (практика)
Завдання
Позиціонування
Урок 24. Псевдоелементи (before, after, first-letter, first-line)
Урок 25. HTML5 теги (header, nav, footer, article та ін.)
Урок 26. CSS3 властивості
Урок 27. Основи flexbox
Завдання
Робота з flexbox
Урок 28. Доопрацювання сторінки (HTML5, CSS3, flexbox)
Урок 29. Селектори, псевдокласи
Завдання
Селектори, псевдокласи
Урок 30. Пріоритети селекторів
Урок 31. Одиниці виміру (em, rem)
Завдання
Створення кнопок (em, rem)
Урок 32. HTML теги (abbr, code, cite, blockquote та ін.)
Урок 33. Стилізація коду (HTML, CSS)
Завдання
Стилізація коду
Урок 34. Вертикальне вирівнювання (vertical-align)
Урок 35. Обтікання (float, clearfix)
Урок 36. Видимість елементів (display, opacity, visibility)
Урок 37. Спеціальні символи
Урок 38. Префікси (- webkit -, - moz -,-ms -)
Урок 39. Вставка відео та аудіо (video, audio, source)
Урок 40. Google fonts, локальні шрифти
Завдання
Робота зі шрифтами
Урок 41. Основи адаптивної верстки (media queries)
Завдання
Адаптація блоків
Урок 42. Кольори (HEX, rgb, rgba)
Урок 43. Можливості Brackets і плагіни
Верстка адаптивного сайту з нуля
Урок 1. Введення
Урок 2. Основи роботи з Photoshop
Урок 3. Основи роботи з Abode XD
Урок 4.Підготовчі роботи
Урок 5. Верстка шапки сайту
Урок 6. Верстка текстового блоку
Урок 7. Верстка фотографії
Урок 8. Верстка контактів
Урок 9. Верстка сторінки"Про автора"
Урок 10. Верстка сторінки"контакти"
Урок 11. Адаптація сайту під різні пристрої. Частина 1
Урок 12. Адаптація сайту під різні пристрої. Частина 2
Урок 13. Favicon, мета-теги
Урок 14. Кроссбраузерная і валідна верстка
Урок 15. Домен і хостинг. Розміщуємо сайт в Інтернеті
Урок 16. Що робити далі? План розвитку
Адаптивний сайт який ви зробите самі з нуля
Ви самостійно зробите свій перший адаптивний сайт-портфоліо, повторюючи дії на екрані і закріплюючи знання, які ви отримаєте в уроках.
Завдання
Створення таблиць
Урок 12. Блокові та рядкові елементи (div, span)
Урок 13. Робота з фоном. Частина 1
Урок 14. Робота з фоном. Частина 2
Завдання
Робота з фоном
Урок 15. Довідники
Урок 16. Найменування класів
Урок 17. Створення простої HTML сторінки (практика)
Урок 18. HTML форми (form, input, textarea, button)
Завдання
Створення форми (практика)
Урок 19. Псевдокласи
Урок 20. Межі (border, outline)
Урок 21. Створення форми реєстрації (практика) 26: 34
Урок 22. Позиціонування (relative, static, absolute, fixed)
Урок 23. Позиціонування (практика)
Завдання
Позиціонування
Урок 24. Псевдоелементи (before, after, first-letter, first-line)
Урок 25. HTML5 теги (header, nav, footer, article та ін.)
Урок 26. CSS3 властивості
Урок 27. Основи flexbox
Завдання
Робота з flexbox
Урок 28. Доопрацювання сторінки (HTML5, CSS3, flexbox)
Урок 29. Селектори, псевдокласи
Завдання
Селектори, псевдокласи
Урок 30. Пріоритети селекторів
Урок 31. Одиниці виміру (em, rem)
Завдання
Створення кнопок (em, rem)
Урок 32. HTML теги (abbr, code, cite, blockquote та ін.)
Урок 33. Стилізація коду (HTML, CSS)
Завдання
Стилізація коду
Урок 34. Вертикальне вирівнювання (vertical-align)
Урок 35. Обтікання (float, clearfix)
Урок 36. Видимість елементів (display, opacity, visibility)
Урок 37. Спеціальні символи
Урок 38. Префікси (- webkit -, - moz -,-ms -)
Урок 39. Вставка відео та аудіо (video, audio, source)
Урок 40. Google fonts, локальні шрифти
Завдання
Робота зі шрифтами
Урок 41. Основи адаптивної верстки (media queries)
Завдання
Адаптація блоків
Урок 42. Кольори (HEX, rgb, rgba)
Урок 43. Можливості Brackets і плагіни
Верстка адаптивного сайту з нуля
Урок 1. Введення
Урок 2. Основи роботи з Photoshop
Урок 3. Основи роботи з Abode XD
Урок 4.Підготовчі роботи
Урок 5. Верстка шапки сайту
Урок 6. Верстка текстового блоку
Урок 7. Верстка фотографії
Урок 8. Верстка контактів
Урок 9. Верстка сторінки"Про автора"
Урок 10. Верстка сторінки"контакти"
Урок 11. Адаптація сайту під різні пристрої. Частина 1
Урок 12. Адаптація сайту під різні пристрої. Частина 2
Урок 13. Favicon, мета-теги
Урок 14. Кроссбраузерная і валідна верстка
Урок 15. Домен і хостинг. Розміщуємо сайт в Інтернеті
Урок 16. Що робити далі? План розвитку
Адаптивний сайт який ви зробите самі з нуля
Ви самостійно зробите свій перший адаптивний сайт-портфоліо, повторюючи дії на екрані і закріплюючи знання, які ви отримаєте в уроках.
https://privatelink.de/?https://htmlcss.brainscloud.ru/