- Регистрация
- 24.09.2021
- Сообщения
- 38 365
С помощью видеокурса 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 |
