Курс HTML/CSS
Интерактивный курс создания сайтов HTML и CSS с нуля — обучение HTML онлайн
С помощью видеокурса HTML и CSS вы научитесь верстать адаптивные HTML страницы. Вы самостоятельно создадите портал КиноМонстр с помощью уроков HTML и CSS, работающий как на компьютерах, так и на мобильных устройствах.
Освойте онлайн уроки HTML и CSS с нуля за несколько часов и вы сможете создавать адаптивную верстку собственных веб-сайтов!
О курсе
Начните обучаться верстке HTML и CSS с нуля и вы узнаете, как эффективно построить обучение основам HTML и CSS и научиться самому создавать веб сайты с нуля.
Вы научитесь пользоваться html-тэгами, такими как div, span, p, ul, li, научитесь работать с каскадными таблицами стилей и узнаете новые css-свойства, такие так margin, display, position, padding, color, background и другими, а также научитесь создавать адаптивную верстку сайтов, а интерактивные задания html и css программирования, выполняемые прямо в браузере, позволят вам обучаться эффективнее.
Верстка html-страниц(верстка сайтов) относится к Frontend(фронтенд) части разработки профессионального веб-сайта. Для Frontend разработчиков открыто большое количество вакансий и Frontend-разработчики высоко ценятся на рынке труда по всему миру.
Пройдите интерактивные задания и вы убедитесь в том, что освоить верстку html-страниц с нуля и стать фронтенд разработчиком - это под силу каждому!
План курса
Программа обучения состоит из видео уроков HTML и CSS, а также включает интерактивные тесты и задания, позволяющие закрепить полученные вами знания по HTML и CSS программированию и созданию сайтов(верстке сайтов).
15. Тест по пройденным урокам
16. Тест по пройденным урокам
17. Теги <ul>, <li> и этапы создания веб-сайта
18. Подключение css стилей в отдельном файле.
19. Теги <ul>, <li>
20. CSS свойства: margin, padding, height, font-size и другие.
21. Тест по пройденным урокам
22. Тест по пройденным урокам
23. CSS свойство Margin
24. Тест по пройденным урокам
25. CSS свойство Padding
26. Тег <a>. Создание ссылки.
27. Тест по пройденным урокам
28. Стилизация ссылок с помощью CSS
29. Тест по пройденным урокам
30. Тест по пройденным урокам
31. CSS Свойство text-decoration
32. Создание горизонтальное меню
33. Тест по пройденным урокам
34. Стилизация горизонтально меню
35. Тест по пройденным урокам
36. Header и TOP menu
37. HTML Form. Создание форм.
38. HTML Form
39. Right Block. Начнем создавать панель справа
40. Тест по пройденным урокам
41. Right Block. Продолжение.
42. Right Block. Часть 3
43. Right Menu
44. Footer. Часть 1
45. Footer. Часть 2
46. Footer
47. Content главной страницы
48. Главная страница. Записи блога.
49. Страница просмотра фильмов
50. Страница просмотра фильмов. Блок информации о фильме
51. Страница просмотра фильмов. Блок с описанием фильма
52. Страница просмотра фильмов. Блок с отзывами к фильму
53. Страница просмотра фильмов. Блок отзывы
54. Страница просмотра фильмов. Форма отправки отзывов к фильму
55. Страница Фильмы
56. Страница Фильмы
57. Страница Рейтинг фильмов
58. Тест по пройденным урокам
59. Страница Рейтинг фильмов
60. Адаптивная верстка. Инструменты разработчика
61. Адаптивная верстка. Media queries, тэг viewport
62. Адаптивная верстка. Правила адаптивной верстки
63. Тест по пройденным урокам
64. Адаптивная верстка. Продолжение
65. Адаптивная верстка. Заключительная часть
Получение сертификата об окончании курса
Отзывы(829)
Оставьте свой отзыв после прохождения Курса создания сайтов HTML/CSS с нуля.
Курс понравился, для базового ознакомления в самый раз
Очень удобное обучение, не где не видел чтобы были тесты и вопросы на которые надо было отвечать или писать, здорово! Всем рекомендую
Курс не плохой но если не повторять свойства можно их вовсе забыть а так все неплохо %).
Неплохо!
Хороший курс.
Очень и очень неплохо! Хорошая подача и темп. Спасибо большое! З.Ы. При адаптивной верстке в инструментах разработчика при повороте гаджета почему применяется стиль декстопный. Такое ощущение что чего-то не хватает в CSS Mobile.
Курс HTML/CSS очень даже не плохой. Конечно, ожидалось, что информации будет больше, и больше пояснений. Но, в принципе, мои ожидания - это мои проблемы. Этот курс предназначен только для первого ознакомления с основами html и css - много тем не раскрыто. Но я же новичок, всё начинается с малого. Курс замечательный, всё супер-пупер, но есть один минус - мало тестовых заданий, хотелось больше тестов, а то по одному вопросу на 3-5 видео как-то не айс.
Хороший курс, дает базовые знания о HTML / CSS, как раз то, что было нужно)
Ok!
Хороший курс, спасибо!
Замечательный курс! Всё доступно и понятно...
Отличный курс, все коротко и по делу.
В целом, мне очень понравилось. Жаль, что мало объяснений, хотелось бы больше внимания на мелочах.
Всё понятно и достаточно просто. Конечно диктовка слишком медленная, и микрофон получше бы.
Класс мне очень сильно понравилось!
Мне очень понравилось!!! Буду продолжать обучение!
Весь материал изложен доступно. Конечно хотелось бы побольше тестов и заданий.
Крутой курс! Спасибо=)
Курс мне очень понравился. Уроки преподают очень понятно и чётко. Сейчас буду практиковаться и скоро начну изучать модуль BOOTSTRAP.
Спасибо. Было интересно и познавательно.
Очень хороший курс! Рекомендую!
Бегло, мало практических занятий. Но в целом я доволен.
Интересно и познавательно, стали ясны общие понятия. Спасибо!
Спасибо! Очень доступно и интересно.
Хороший курс. Узнала много нового
Отличный курс, все по делу! Дает отличную базу для понимания азов html css. Думаю, если не тянуть и не лениться, изучать дальнейшие курсы по фреймворкам + дополнительно самому что-то читать, можно выйти на очень неплохой уровень знаний во фронтенде. Большое спасибо.
Неплохой курс, но все таки поверхностно и довольно таки бегло, более углубленно изучать придется самому...
Мне очень понравился курс HTML/CSS Все понятно и доступно.
Спасибо за курс HTML/CSS! Одно радует, что всё объясняется до мелочей. Всё доступно и понятно. Спасибо огромное Сергею за данный курс!
Отличный курс! Замечательная подача материала!
Прошел весь курс от A до Я | Научился многому!!!
Все предельно ясно и понятно. Спасибо за данные знания! Я рад что смог научится пользоваться html,scc хоть и не на 100%, но это только начало!
Супер!!!
Все доступно, все понятно, все интересно.
Здравствуй! Очень полезный курс для самых новичков в верстке. Все очень понятно и доступно изложено. Спасибо Вам за Ваш труд!
Отличный курс!
Кулл!))
Клевый курс. Все понятно.
Хороший курс! Мне понравилось.
Отлично. Все очень простыми словами.
Все достаточно понятно и не утомительно. Хороший курс
Все понравилось. Правда, некоторые тонкости все равно придется гуглить. А так, для меня как совсем нулевого верстальщика, очень информативный курс.
Шикарный курс
Интересный и полезный курс, стоит времени, потраченного на изучение материала
Очень хороший курс. Все доступно и понятно.
В первую очередь огромное Спасибо нашему учителю, Сергею Никонову, нашему великому учителю программирования. Я готов создавать сайт html/css и гордится своим учителем.
Очень продуктивный курс! Вовлечённость 150%
Очень понятный и пояснительный курс. Надеюсь, что следующие курсы будут такими-же
Отлично!
Очень доступный и интересный курс. Пройдя его я узнал много нового по теме html и css. Уже делаю свой сайт по примеру того, что получается после прохождения курса. Спасибо автору!
Очень понравился. То что я давно искал.
Как для меня - НОВИЧКА. Отличное начало.
Часто задаваемые вопросы
Почему такая низкая цена?
Одна из миссий проекта FructCode сделать дорогое ИТ-образование доступным для всех!
Когда начнется обучение? Нужно ли ждать когда наберется группа?
Сразу после оплаты, вы получите полный доступ к данному курсу без ожиданий.
Получу ли я после прохождения курса сертификат?
Да! За успешное прохождение каждого курса, вы получите сертификат на нескольких языках: Русский, Английский, Немецкий, Французский, Итальянский. Все сертификаты, полученные за курсы, вы можете найти в вашем профиле
Как проходит обучение?
Обучение разделено на видео лекции, интерактивные задания и тесты. В видео лекциях вы получаете теоретический материал и с помощью интерактивных заданий закрепляете теорию на практике. Вы пишите код прямо в браузере и мгновенно получаете результат проверки вашего кода - верно или нет. Практически в каждом уроке есть ссылки на дополнительные материалы и исходный код.
Актуальны ли курсы?
Да! Курсы на платформе FructCode достаточно часто обновляются, в том числе исходные коды.
Какое оборудование нужно для прохождения курса?
Курсы FructCode вы можете проходить в любой операционной системе - Windows, Mac OS или Linux, а также в мобильных устройствах. Тем не менее, для комфортного прохождения курсов FructCode, мы рекомендуем иметь монитор с разрешением экрана 1920x1080.
При прохождении курса я не знаю как выполнить задание, что делать?
Если в процессе прохождения курса у вас возникла проблема с выполнением задания и вопрос по пройденной теме курса, вы можете задать его в комьюнити FructCode - https://fructcode.com/ru/qa/, где другие студенты, которые успешно решили задание, вам обязательно помогут.
Что такое XP? Что оно дает?
XP - это сокращение от английского слова experience и переводится как опыт. За успешное прохождение задания вы получаете определенное количество XP. Чем больше XP вы накапливаете, тем больше опыта в программировании у вас становится.
Как участвовать в рейтинге? Я набрал достаточно XP, но не показываюсь в рейтингах курса, почему?
В общем рейтинге участвуют пользователи, которые установили аватар в настройках профиля
Что если мне не подойдет или не понравится курс?
Если в процессе прохождения курса вы поймете, что вам не подходит данный курс - в течении 30 дней с даты покупки, вы можете вернуть деньги в полном объеме. Для возврата средств напишите в службу поддержки на почту [email protected]
У меня не работает видео лекция или не открывается задание, что делать?
Наиболее частая причина, если что-то не работает - это установленные некоторые расширения для браузера, например Adblock. Если у вас возникает техническая проблема, напишите пожалуйста в нашу службу поддержки на почту [email protected] и мы в кратчайшее время постараемся помочь
У меня остались вопросы о курсе, кому я могу их задать?
Если у вас остались дополнительные вопросы о курсах FructCode, пожалуйста напишите в нашу службу поддержки на почту [email protected] и мы постараемся ответить в ближайшее время.
Преподаватель
Хороший курс