Курс 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. Адаптивная верстка. Заключительная часть
Получение сертификата об окончании курса
Отзывы(645)
Оставьте свой отзыв после прохождения Курса создания сайтов HTML/CSS с нуля.
Очень круто, всё подробно рассказывает Сергей. Очень понравился курс.
Хороший курс, наверняка и все другие такие-же, на празднике была доступная цена. А так вы всё понятно объяснили, мне 10 лет я всё понял.
Ну, я с нуля научился вёрстке сайтов. Как по мне - отлично!
Ребята Вы создали отличный ресурс для обучения. Сергей, огромное спасибо за Ваш труд.
Хороший и понятный курс! Большое спасибо) Буду верстать дальше и грызть грани программирования)
В курсе HTML/CSS есть небольшие неудобства , я мог бы набрать максимальный балл, потому что знаю эту тему , но в курсе есть задания которые требуют обязательного просмотра видео и нужно повторить все действия преподавателя . То есть получается не задание по верстке , а просто задание повторить за преподом. Так что 4 звезды.
Очень доходчиво, спасибо!
Очень познавательный и отличный для понимания новичкам курс! Преподаватель корректно и простым языком все объясняет, мне как начинающему было приятно пройти этот курс!
Доволен!
Отлично!
Курс по верстке на 5!
Очень хороший курс.
Курс HTML/CSS в первую очередь помог мне понять как выглядят и работают сайты изнутри. Более того, теперь я знаю как создавать свои сайты и как ими управлять. Курс очень помог мне, как начинающему программисту, развиться. Мне понравилось.
Всё очень понятно и разборчиво!!! Спасибо за предоставленные знания!!!
Пытался пройти несколько курсов до того как попал на FructCode, но информация давалась плохо с большим количеством воды, то обучение проходило очень медленно. Теперь же за адекватные деньги я реально понимаю что я делаю.
Нормально))
Отлично! Лично мне хотелось бы больше самостоятельных задач.
Супер!
Материал излагается очень доступно для понимания
Отличный курс. Было бы неплохо добавить самостоятельных задач.
Мало теории, но сам курс сделан очень практичным и интересным. Благодарю.
Все понравилось, для начинающих самое то. Только желательно добавить больше пояснений и упражнений. Более подробно объяснять CSS свойства. В отличии от курсов на других сайтах, этот курс прошел до конца, чего и вам желаю. Спасибо автору, он молодец, создал хороший ресурс.
Очень крутой курс! Все четко изложено по полочкам, нет лишней воды. Спасибо большое автору!
Все очень понятно объясняет данный преподаватель, записывал все термины,теперь у меня есть задумка своего сайта, единственное что тут минус , это упражнения. когда написал код, уверял себя что правильно, но ответ неверный, а когда посмотрел ответ, межстрочный интервал сместился на 1 мм , а сам код верен, пофиксите позязя)) а так 5 звезд, рекомендую))
Было не трудно
Отличный курс все просто и понятно конечно когда ты с этим первый раз столкнулся много не понимаешь как писать и что делать многое не получается из за невнимательности не поставил символ или лишний и не чего не выходит ну все приходит с оптом всем спасибо за проделанную работу))))
Все сжато и кратко, но по существу, без лишней воды. Отличный начальный курс.
Было очень интересно. Голос поставлен, материал изложен доступно. Спасибо за ваш труд!
Очень хорошо и понятно! Даже гуманитарию! Мне понравилось. Порционные задания очень сильно мотивируют. Супер! Хочу продолжать и взять другие курсы на FructCode!
Отличный курс
Отличный курс, без лишней воды, очень доходчивое объяснение.
Всё что нужно для начинающих. Спасибо огромное за доступный материал!
Есть неточности в уроках. Видно, что урок делался на одном дыхание, а перезаписывать не хотелось. Курс - основы, идеально для новичков. Качество записи, звук - на высшем уровне. Вместе с преподавателем сидел и проходил задания (2 монитора - счастье). Под конец курса уже сам сидел и писал CSS, получалось даже лучше. Добавьте больше тестов, это очень круто, когда можешь проверить свои знания. 500 символов мало на отзыв!
Отлично понял все, спасибо
Отличный видео курс
Хороший курс. Конечно, в процессе возникает много вопросов, иногда приходилось гуглить. Но мне было абсолютно все понятно.
В целом не плохо) И еще вроде накладку в видео заметила, если я ошибаюсь, то заранее извините) Там в уроке №62 на 05:07 минуте вы говорите написать для класса .content css свойства, а пишите повторно для класса .site_content, когда можно было дописать в него выше свойство text-align: center; и на №64 уроке на 02:05 минуте вы говорите что забыли написать свойства для класса .content (вообще, так можно запутаться)
Отличный курс! Мне очень понравилось. Все абсолютно понятно. Сергей, огромное спасибо!
Хочется больше теоретического разбора.
Спасибо большое за первый курс! В котором Я узнал много нового и интересного о работе с HTML. Понравилось то что он и прост и одновременно сложен.
Хороший, быстрый способ научится самому создавать сайты))
Очень хороший курс. Всё хорошо объясняют, всё понятно и не так сложно как казалось.
Замечательный курс! Узнал много нового для себя.
Я могу гордится собой, я прошел путь html.
Немножко теории бы)
Курс очень понравился!
Мне очень понравился курс. Я работаю преподавателем в колледже и этот курс мне помог разобраться в некоторых вопросах, особенно в применении знаний и умений по адаптивности сайта. Спасибо автору.
Курс хороший, но с литературы можно было получить больше точных и быстрых советов. А так автору респект за старания. P.S. Надеюсь шума микрофона в следующих курсах не будет.
Все очень просто и доступно, узнал много нового! Так как я совсем новичок, для меня было удивительно изучать каждый этап верстки сайта! Отличный тренер, спасибо за курс!!!
Очень не плохо объясняется материал, есть мелкие недочеты, но не критично.
Удобный и понятный для начинающих!!
Было очень интересно и познавательно.
Отличный курс! Мне понравился.
Немного не хватало пояснений по поводу свойств CSS. Допустим почему ширина именно такая и тд. Некоторые свйоста можно было затронуть целиком.
В этом курсе доступно объясняли, всего за каких то 65 уроков разложил всё по полочкам в HTML И CSS!
Отлично повторил весь материал очень хорошо
Отличный курс
Прошел весь курс за 2 дня, научился большему чем за год в колледже
Мне понравилось. Преподаватель все отлично объясняет.
Спасибо за курс. Все очень понятно!
Ответы слишком статичные, то есть, если поставил скобку ниже, то сразу не правильно
Крутой курс, все круто и четко объясняет. Главное записывать все теги в блокнот.
Не думал, что можно так просто освоить то, что совсем недавно казалось мне чем-то недосягаемым. Спасибо!
Часто задаваемые вопросы
Почему такая низкая цена?
Одна из миссий проекта FructCode сделать дорогое ИТ-образование доступным для всех!
Когда начнется обучение? Нужно ли ждать когда наберется группа?
Сразу после оплаты, вы получите полный доступ к данному курсу без ожиданий.
Получу ли я после прохождения курса сертификат?
Да! За успешное прохождение каждого курса, вы получите сертификат на нескольких языках: Русский, Английский, Немецкий, Французский, Итальянский. Все сертификаты, полученные за курсы, вы можете найти в вашем профиле
Как проходит обучение?
Обучение разделено на видео лекции, интерактивные задания и тесты. В видео лекциях вы получаете теоретический материал и с помощью интерактивных заданий закрепляете теорию на практике. Вы пишите код прямо в браузере и мгновенно получаете результат проверки вашего кода - верно или нет. Практически в каждом уроке есть ссылки на дополнительные материалы и исходный код.
Актуальны ли курсы?
Да! Курсы на платформе FructCode достаточно часто обновляются, в том числе исходные коды.
Какое оборудование нужно для прохождения курса?
Курсы FructCode вы можете проходить в любой операционной системе - Windows, Mac OS или Linux, а также в мобильных устройствах. Тем не менее, для комфортного прохождения курсов FructCode, мы рекомендуем иметь монитор с разрешением экрана 1920x1080.
При прохождении курса я не знаю как выполнить задание, что делать?
Если в процессе прохождения курса у вас возникла проблема с выполнением задания и вопрос по пройденной теме курса, вы можете задать его в комьюнити FructCode - https://fructcode.com/ru/qa/, где другие студенты, которые успешно решили задание, вам обязательно помогут.
Что такое XP? Что оно дает?
XP - это сокращение от английского слова experience и переводится как опыт. За успешное прохождение задания вы получаете определенное количество XP. Чем больше XP вы накапливаете, тем больше опыта в программировании у вас становится.
Как участвовать в рейтинге? Я набрал достаточно XP, но не показываюсь в рейтингах курса, почему?
В общем рейтинге участвуют пользователи, которые установили аватар в настройках профиля
Что если мне не подойдет или не понравится курс?
Если в процессе прохождения курса вы поймете, что вам не подходит данный курс - в течении 30 дней с даты покупки, вы можете вернуть деньги в полном объеме. Для возврата средств напишите в службу поддержки на почту info@fructcode.com
У меня не работает видео лекция или не открывается задание, что делать?
Наиболее частая причина, если что-то не работает - это установленные некоторые расширения для браузера, например Adblock. Если у вас возникает техническая проблема, напишите пожалуйста в нашу службу поддержки на почту info@fructcode.com и мы в кратчайшее время постараемся помочь
У меня остались вопросы о курсе, кому я могу их задать?
Если у вас остались дополнительные вопросы о курсах FructCode, пожалуйста напишите в нашу службу поддержки на почту info@fructcode.com и мы постараемся ответить в ближайшее время.
Преподаватель
У вас 0 XP за курс HTML/CSS
Бросить вызов?
Получил хорошую базу в верстке, заполнил пробелы в своих знаниях. Достойный курс!