​

С помощью видеокурса 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>, <p>, <strong> - 03:59
Тэги <div>, <span> и первое знакомство с CSS (Каскадная таблица стилей) - 8:12
Тэги <ul>, <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
2. Базовая HTML разметка 5-07.mp4
3. Тэги h1, p, strong 3-59.mp4
4. Тэги div, span и первое знакомство с CSS (Каскадная таблица стилей) 8-12.mp4
5. Тэги ul, li 7-49.mp4
Раздел 3. CSS - Каскадная таблица стилей
-6. ae3c6d24abd4235a88c99f9c3f94c5284437
6. Подключение CSS стилей 9-02.mp4
7. Знакомство с margin, padding, height, font-size и другими CSS-свойствами 6-54.mp4
8. Стилизация ссылок с помощью CSS 5-47.mp4
Раздел 4. Главная страница. Создание верстки портала Kinomonster
-10. a6a651552cbd15a82ca74a8ff38979824535-3
-14. f141857ae645e80dba50faaa366b04a02625-5
-15. h15 tml-css-img-part-1-2
-18. 2921d2c8b082ab8af1318e280c379fff4123
9. Горизонтальное меню - часть 1 7-37.mp4
10. Горизонтальное меню - часть 2 5-25.mp4
11. Создание правого меню сайта - знакомство с html-формами 7-22.mp4
12. Создание правого меню сайта - часть 2 12-57.mp4
13. Создание правого меню сайта - часть 3 11-55.mp4
14. Создание правого меню сайта - часть 4 10-42.mp4
15. Создание нижнего блока сайта - footer - часть 1 4-14.mp4
16. Создание нижнего блока сайта - footer - часть 2 5-10.mp4
17. Создание контент-блока главной страницы 8-48.mp4
18. Создание контент-блока главной страницы - часть 2 5-22.mp4
Раздел 5. Страница просмотра фильмов - создание верстки портала kinomonster
-23. 9300d99be382b5a46d1d642ef7b301141630
19. Встраивание видеоплеера на страницу 5-29.mp4
20. Верстка рейтинга фильма 5-42.mp4
21. Верстка описания фильма 5-02.mp4
22. Верстка блока с отзывами 6-32.mp4
23. Верстка блока с отзывами - часть 2 8-36.mp4
Раздел 6. Страницы списка фильмов и сериалов
24. Верстка и связывание страниц с друг другом 13-37.mp4
Раздел 7. Страница рейтинг фильмов
-25. fdf61286b2de654f50ba3d7152fbd1dc4106
25. Верстка и изучим html-тэг для работы с таблицами 12-13.mp4
Раздел 8. Адаптивная верстка (красивое отображение сайта в мобильных устройствах)
-30. 7c84917f74cb3c3e4ab8a412e8153a8d3938-1
26. Знакомство с инструментами разработчика браузера google chrome 6-40.mp4
27. Адаптивность для главной страницы 9-35.mp4
28. Адаптивность для главной страницы - часть 2 11-48.mp4
29. Адаптивность для главной страницы - часть 3 и страница со списком фильмов 9-45.mp4
30. Адаптивность для страницы просмотра фильмов и рейтинга фильмов 11-40.mp4

readme.txt
Раздел 1 Вводный урок
1. Вводный урок 8:05

Раздел 2 Знакомство с HTML-тэгами
2. Базовая HTML разметка 5:07
3. Тэги <h1>, <p>, <strong> 3:59
8deabb12dce074b5af9abb4aebd650381275 (4).zip
4. Тэги <div>, <span> и первое знакомство с CSS (Каскадная таблица стилей) 8:12
79c45f3345d7c6658c03df40e721a0c52441.zip
5. Тэги <ul>, <li> 7:49

Раздел 3 CSS - Каскадная таблица стилей
6. Подключение CSS стилей 9:02
ae3c6d24abd4235a88c99f9c3f94c5284437.zip
7. Знакомство с margin, padding, height, font-size и другими CSS-свойствами 6:54
8. Стилизация ссылок с помощью CSS 5:47

Раздел 4 Главная страница. Создание верстки портала Kinomonster
9. Горизонтальное меню - часть 1 7:37
10. Горизонтальное меню - часть 2 5:25
a6a651552cbd15a82ca74a8ff38979824535 (3).zip
11. Создание правого меню сайта - знакомство с html-формами 7:22
12. Создание правого меню сайта - часть 2 12:57
13. Создание правого меню сайта - часть 3 11:55
14. Создание правого меню сайта - часть 4 10:42
f141857ae645e80dba50faaa366b04a02625 (5).zip
15. Создание нижнего блока сайта - footer - часть 1 4:14
html_css_img_part_1 (2).zip
16. Создание нижнего блока сайта - footer - часть 2 5:10
17. Создание контент-блока главной страницы 8:48
18. Создание контент-блока главной страницы - часть 2 5:22
2921d2c8b082ab8af1318e280c379fff4123.zip

Раздел 5 Страница просмотра фильмов - создание верстки портала kinomonster
19. Встраивание видеоплеера на страниц 5:29
20. Верстка рейтинга фильма 5:42
21. Верстка описания фильма 5:02
22. Верстка блока с отзывами 6:32
23. Верстка блока с отзывами - часть 2 8:36
9300d99be382b5a46d1d642ef7b301141630.zip

Раздел 6 Страницы списка фильмов и сериалов
24. Верстка и связывание страниц с друг другом 13:37

Раздел 7 Страница рейтинг фильмов
25. Верстка и изучим html-тэг для работы с таблицами 12:13
fdf61286b2de654f50ba3d7152fbd1dc4106.zip

Раздел 8 Адаптивная верстка (красивое отображение сайта в мобильных устройствах)
26. Знакомство с инструментами разработчика браузера google chrome 6:40
27. Адаптивность для главной страницы 9:35
28. Адаптивность для главной страницы - часть 2 11:48
29. Адаптивность для главной страницы - часть 3 и страница со списком фильмов 9:45
30. Адаптивность для страницы просмотра фильмов и рейтинга фильмов 11:40
7c84917f74cb3c3e4ab8a412e8153a8d3938 (1).zip