За допомогою відеокурсу HTML і CSS ви навчитеся верстати адаптивні HTML сторінки. Ви самостійно створите портал Кіномонстр, що працює як на комп'ютерах, так і в мобільних пристроях. А також ви освоїте HTML і CSS.
Ми розглянемо як фіксовану верстку сайтів, так і адаптивну верстку. Адаптивна верстка "підлаштовується" під пристрої з різними дозволами екранів.
Якщо ви хочете освоїти верстку, вивчити HTML і CSS - цей курс для вас!
відеокурс включає:
4 години відео
10 додаткових ресурсів
чому я навчуся?
- Навчіться створювати верстку сайтів на HTML і CSS
- Навчіться створювати адаптивну верстку під мобільні пристрої, планшети, десктопи
[*]Навчіться працювати з Sublime Text 3 і плагінами
[*]дізнаєтеся як створюється верстка сайтів - Дізнаєтеся CSS властивості
- Ви побачите процес створення верстки сайту в цілому, без довгих зупинках на теоретичній частині
вимоги
Особливих знань для проходження курсу не потрібно, тільки базові навички роботи з комп'ютером, браузером та інтернетом
Яка цільова аудиторія?
Будь-який бажаючий, хто бажає освоїти Adobe Photoshop з конкретними кінцевими цілями і монетизувати свої знання.
навчальний план цього курсу
30 лекцій-04:01:06
– вступний урок-08: 05
Вступний урок-8: 05
– знайомство з HTML-тегами - 25: 07
Базова HTML розмітка-05: 07
Теги ≪ h1 & gt;, * p>, * strong> - 03:59
Теги<div >,<span & gt; і перше знайомство з CSS (каскадна таблиця стилів) - 8:12
Теги ≪ ul & gt;, * li> - 07:49
– CSS - каскадна таблиця стилів - 21:43
Підключення CSS стилів-09: 02
Знайомство з margin, padding, height, font-size та іншими CSS-властивостями - 06:54
Стилізація посилань за допомогою CSS - 05:47
- Головна сторінка. Створення верстки порталу Kinomonster-01: 19: 32
Горизонтальне меню - частина 1 - 07:37
Горизонтальне меню - частина 2 - 05:25
Створення правого меню сайту-знайомство з html-формами-07: 22
Створення правого меню сайту - частина 2 - 12:57
Створення правого меню сайту - частина 3 - 11:55
Створення правого меню сайту - частина 4 - 10:42
Створення нижнього блоку сайту - footer - частина 1 - 04:14
Створення нижнього блоку сайту - footer - частина 2 - 05:10
Створення контент-блоку головної сторінки-08: 48
Створення контент-блоку головної сторінки - частина 2 - 05:22
- Сторінка перегляду фільмів-створення верстки порталу kinomonster-31: 21
Вбудовування відеоплеєра на сторінок - 05:29
Верстка рейтингу фільму-05: 42
Верстка опису фільму-05:02
Верстка блоку з відгуками - 06:32
Верстка блоку з відгуками - частина 2 - 08:36
- Сторінки списку фільмів і серіалів - 13:37
Верстка і зв'язування сторінок один з одним-13: 37
- Сторінка рейтинг фільмів-12: 13
Верстка і вивчимо html-тег для роботи з таблицями - 12:13
- Адаптивна верстка (красиве відображення сайту в мобільних пристроях) - 49:28
Знайомство з інструментами розробника браузера google chrome-06: 40
Адаптивність для головної сторінки-09: 35
Адаптивність для головної сторінки - частина 2 - 11:48
Адаптивність для головної сторінки-частина 3 і сторінка зі списком фільмів-09: 45
Адаптивність для сторінки перегляду фільмів і рейтингу фільмів - 11:40
Складчина включає в себе:
Розділ 1. Вступний урок
1. Вступний урок. mp4
Розділ 2. Знайомство з HTML-тегами
-3. 8deabb12dce074b5af9abb4aebd650381275-4
-4. 79c45f3345d7c6658c03df40e721a0c52441
-6. ae3c6d24abd4235a88c99f9c3f94c5284437
-10. a6a651552cbd15a82ca74a8ff38979824535-3
-14. f141857ae645e80dba50faaa366b04a02625-5
-15. h15 tml-css-img-part-1-2
-18. 2921d2c8b082ab8af1318e280c379fff4123
-23. 9300d99be382b5a46d1d642ef7b301141630
24. Верстка і зв'язування сторінок з один одним 13-37. mp4
Розділ 7. Сторінка рейтинг фільмів
-25. fdf61286b2de654f50ba3d7152fbd1dc4106
25. Верстка і вивчимо html-тег для роботи з таблицями 12-13. mp4
Розділ 8. Адаптивна верстка (красиве відображення сайту в мобільних пристроях)
-30. 7c84917f74cb3c3e4ab8a412e8153a8d3938-1
Розділ 1 Вступний урок
1. Вступний урок 8: 05
Розділ 2 знайомство з HTML-тегами
4. Теги<div >,<span & gt; і перше знайомство з CSS (каскадна таблиця стилів) 8:12
79c45f3345d7c6658c03df40e721a0c52441.zip
5. Теги ≪ ul & gt;, * li> 7:49
РОЗДІЛ 3 CSS-каскадна таблиця стилів
6. Підключення CSS стилів 9: 02
ae3c6d24abd4235a88c99f9c3f94c5284437.zip
15. Створення нижнього блоку сайту-footer-частина 1 4: 14
html_css_img_part_1 (2).zip
Розділ 5 Сторінка перегляду фільмів-створення верстки порталу kinomonster
Розділ 6 сторінки списку фільмів і серіалів
24. Верстка і зв'язування сторінок з один одним 13: 37
Розділ 7 Сторінка рейтинг фільмів
25. Верстка і вивчимо html-тег для роботи з таблицями 12:13
fdf61286b2de654f50ba3d7152fbd1dc4106.zip
Розділ 8 Адаптивна верстка (красиве відображення сайту в мобільних пристроях)
Особливих знань для проходження курсу не потрібно, тільки базові навички роботи з комп'ютером, браузером та інтернетом
Яка цільова аудиторія?
Будь-який бажаючий, хто бажає освоїти Adobe Photoshop з конкретними кінцевими цілями і монетизувати свої знання.
навчальний план цього курсу
30 лекцій-04:01:06
– вступний урок-08: 05
Вступний урок-8: 05
– знайомство з HTML-тегами - 25: 07
Базова HTML розмітка-05: 07
Теги ≪ h1 & gt;, * p>, * strong> - 03:59
Теги<div >,<span & gt; і перше знайомство з CSS (каскадна таблиця стилів) - 8:12
Теги ≪ ul & gt;, * li> - 07:49
– CSS - каскадна таблиця стилів - 21:43
Підключення CSS стилів-09: 02
Знайомство з margin, padding, height, font-size та іншими CSS-властивостями - 06:54
Стилізація посилань за допомогою CSS - 05:47
- Головна сторінка. Створення верстки порталу Kinomonster-01: 19: 32
Горизонтальне меню - частина 1 - 07:37
Горизонтальне меню - частина 2 - 05:25
Створення правого меню сайту-знайомство з html-формами-07: 22
Створення правого меню сайту - частина 2 - 12:57
Створення правого меню сайту - частина 3 - 11:55
Створення правого меню сайту - частина 4 - 10:42
Створення нижнього блоку сайту - footer - частина 1 - 04:14
Створення нижнього блоку сайту - footer - частина 2 - 05:10
Створення контент-блоку головної сторінки-08: 48
Створення контент-блоку головної сторінки - частина 2 - 05:22
- Сторінка перегляду фільмів-створення верстки порталу kinomonster-31: 21
Вбудовування відеоплеєра на сторінок - 05:29
Верстка рейтингу фільму-05: 42
Верстка опису фільму-05:02
Верстка блоку з відгуками - 06:32
Верстка блоку з відгуками - частина 2 - 08:36
- Сторінки списку фільмів і серіалів - 13:37
Верстка і зв'язування сторінок один з одним-13: 37
- Сторінка рейтинг фільмів-12: 13
Верстка і вивчимо html-тег для роботи з таблицями - 12:13
- Адаптивна верстка (красиве відображення сайту в мобільних пристроях) - 49:28
Знайомство з інструментами розробника браузера google chrome-06: 40
Адаптивність для головної сторінки-09: 35
Адаптивність для головної сторінки - частина 2 - 11:48
Адаптивність для головної сторінки-частина 3 і сторінка зі списком фільмів-09: 45
Адаптивність для сторінки перегляду фільмів і рейтингу фільмів - 11:40
Складчина включає в себе:
Розділ 1. Вступний урок
1. Вступний урок. mp4
Розділ 2. Знайомство з HTML-тегами
-3. 8deabb12dce074b5af9abb4aebd650381275-4
-4. 79c45f3345d7c6658c03df40e721a0c52441
- Базова HTML розмітка 5-07. mp4
- Теги h1, p, strong 3-59. mp4
- Теги div, span і перше знайомство з CSS (каскадна таблиця стилів) 8-12. mp4
- Теги ul, li 7-49. mp4
-6. ae3c6d24abd4235a88c99f9c3f94c5284437
- Підключення CSS стилів 9-02. mp4
- Знайомство з margin, padding, height, font-size та іншими CSS-властивостями 6-54.mp4
- Стилізація посилань за допомогою CSS 5-47. mp4
-10. a6a651552cbd15a82ca74a8ff38979824535-3
-14. f141857ae645e80dba50faaa366b04a02625-5
-15. h15 tml-css-img-part-1-2
-18. 2921d2c8b082ab8af1318e280c379fff4123
- Горизонтальне меню-частина 1 7-37. mp4
- Горизонтальне меню-частина 2 5-25. mp4
- Створення правого меню сайту-знайомство з html-формами 7-22. mp4
- Створення правого меню сайту-частина 2 12-57. mp4
- Створення правого меню сайту-частина 3 11-55. mp4
- Створення правого меню сайту-частина 4 10-42. mp4
- Створення нижнього блоку сайту-footer-частина 1 4-14. mp4
- Створення нижнього блоку сайту-footer-частина 2 5-10. mp4
- Створення контент-блоку головної сторінки 8-48. mp4
- Створення контент-блоку головної сторінки-частина 2 5-22. mp4
-23. 9300d99be382b5a46d1d642ef7b301141630
- Вбудовування відеоплеєра на сторінку 5-29. mp4
- Верстка рейтингу фільму 5-42. mp4
- Верстка опису фільму 5-02. mp4
- Верстка блоку з відгуками 6-32. mp4
- Верстка блоку з відгуками-частина 2 8-36. mp4
24. Верстка і зв'язування сторінок з один одним 13-37. mp4
Розділ 7. Сторінка рейтинг фільмів
-25. fdf61286b2de654f50ba3d7152fbd1dc4106
25. Верстка і вивчимо html-тег для роботи з таблицями 12-13. mp4
Розділ 8. Адаптивна верстка (красиве відображення сайту в мобільних пристроях)
-30. 7c84917f74cb3c3e4ab8a412e8153a8d3938-1
- Знайомство з інструментами розробника браузера google chrome 6-40. mp4
- Адаптивність для головної сторінки 9-35. mp4
- Адаптивність для головної сторінки-частина 2 11-48. mp4
- Адаптивність для головної сторінки-частина 3 і сторінка зі списком фільмів 9-45. mp4
- Адаптивність для сторінки перегляду фільмів і рейтингу фільмів 11-40. mp4
Розділ 1 Вступний урок
1. Вступний урок 8: 05
Розділ 2 знайомство з HTML-тегами
- Базова HTML розмітка 5: 07
- Теги ≪ h1 & gt;, * p>, * strong> 3:59
4. Теги<div >,<span & gt; і перше знайомство з CSS (каскадна таблиця стилів) 8:12
79c45f3345d7c6658c03df40e721a0c52441.zip
5. Теги ≪ ul & gt;, * li> 7:49
РОЗДІЛ 3 CSS-каскадна таблиця стилів
6. Підключення CSS стилів 9: 02
ae3c6d24abd4235a88c99f9c3f94c5284437.zip
- Знайомство з margin, padding, height, font-size та іншими CSS-властивостями 6:54
- Стилізація посилань за допомогою CSS 5: 47
- Горизонтальне меню-частина 1 7: 37
- Горизонтальне меню-частина 2 5: 25
- Створення правого меню сайту-знайомство з html-формами 7: 22
- Створення правого меню сайту-частина 2 12: 57
- Створення правого меню сайту-частина 3 11: 55
- Створення правого меню сайту-частина 4 10: 42
15. Створення нижнього блоку сайту-footer-частина 1 4: 14
html_css_img_part_1 (2).zip
- Створення нижнього блоку сайту-footer-частина 2 5: 10
- Створення контент-блоку головної сторінки 8: 48
- Створення контент-блоку головної сторінки-частина 2 5: 22
Розділ 5 Сторінка перегляду фільмів-створення верстки порталу kinomonster
- Вбудовування відеоплеєра на сторінок 5:29
- Верстка рейтингу фільму 5: 42
- Верстка опису фільму 5: 02
- Верстка блоку з відгуками 6: 32
- Верстка блоку з відгуками-частина 2 8: 36
Розділ 6 сторінки списку фільмів і серіалів
24. Верстка і зв'язування сторінок з один одним 13: 37
Розділ 7 Сторінка рейтинг фільмів
25. Верстка і вивчимо html-тег для роботи з таблицями 12:13
fdf61286b2de654f50ba3d7152fbd1dc4106.zip
Розділ 8 Адаптивна верстка (красиве відображення сайту в мобільних пристроях)
- Знайомство з інструментами розробника браузера google chrome 6: 40
- Адаптивність для головної сторінки 9: 35
- Адаптивність для головної сторінки-частина 2 11: 48
- Адаптивність для головної сторінки-частина 3 і сторінка зі списком фільмів 9: 45
- Адаптивність для сторінки перегляду фільмів і рейтингу фільмів 11:40
https://privatelink.de/?https://www.udemy.com/html-css-course/