Курс 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. Адаптивная верстка. Заключительная часть
Получение сертификата об окончании курса
Отзывы(545)
Оставьте свой отзыв после прохождения Курса создания сайтов HTML/CSS с нуля.
Хороший курс. Мне понравился. Все по теме без воды.
Было очень интересно
Хороший курс. Всё просто и понятно.
Фух, прошел этот замечательный курс, очень доволен своими результатами :) Я по ходу курса кардинально изменил дизайн сайта на свой вкус: и цвет блоков и форма кнопок и их анимация, шрифт и даже нашел красивую иконку в качестве логотипа сайта, которая стоит рядом с КиноМонстр. Огромное спасибо автору за такой познавательный и подробный курс, а сейчас я пошел проходить другие ;)
Мне понравилось хорошо и понятно объяснил сколько лазил по нету не все могут доносить информацию но тут быстро начинаешь вникать спасибо за обучения.
Курс неплохой, только надо дополнительно искать информацию.
Очень хороший курс, всё по существу и по делу. Для начинающих самое то!
Курс очень хороший, а самое главное – недорогой. Конечно, есть мелкие недочёты, но они не сильно мешают процессу обучения.
Очень хороший курс, все отлично работает, не было никаких багов. Получил все необходимые базовые знания по HTML/CSS.
Хороший курс
Very good!
Все очень доступно. Сразу видно результат твоей работы.
Хороший курс. Спасибо
Курс отличный для начинающих вебов. Хорошо, что успел купить по акции, очень рад! Пошел заниматься дальше.
Доступно подаётся материал
Насколько я Вам благодарна - словами не выразить!:) Бомба!
Все понравилось!
Вроде как и хорошо, и учит всему, что нужно, но хоть я и делал всё, как было сказано, в итоге оказалось несколько проблем, возможно, из-за моей невнимательности, или невнимательности автора
Отличный курс! Всё понятно, доступно и информативно!
Хороший курс. Понравилось что всё детально объяснили, без воды и прочего. Иду на bootstrap:D
Добрый вечер. Я думаю это замечательный курс. Ваши курсы программирования единственные, которые я купил (я долго и дотошно изучал многие школы). Единственное, хотелось чтобы вы показали побольше фишек (например, вывод поиска сверху в мобильной версии - в общем, всё то, про что вы говорили, но в курсе не делали). Спасибо большое.
Спасибо! Все наглядно и понято изложено!
Все классно! Отличный курс, короткие ролики не заставляют перегружаться. Небольшой недобор теории заставляет учиться гуглить , что в данной профессии немаловажно!
Прошел на одном дыхании, все четко и понятно)
Очень хороший курс. Понятно даже тому кто не очень имеет много свободного времени для обучения.
Отличный курс по HTML/CSS, все усвоил хорошо, спасибо
Огромное спасибо, курс супер. До этого я проходил обучение тоже дистанционно, но том задание были как отдельные задачи по html, css и это очень сложно было понять. Не было общего представления. Вы здорово сделали обучение на верстке реального сайта, и сложные вещи объясняете простыми словами. КУРС ОГОНЬ!!!
Все просто и понятно. Курс понравился. Но в некоторых моментах не до конца всё объяснялось, а так нормально.
Курс замечательный, без воды и изложен автором понятно с тщательным разбором важных моментов. Огромное спасибо!
Отличный курс!
Очень мало теории!
Очень удобный формат, занималась с удовольствием!
Отличный курс, дает хорошую базу. Понравилась фишка с интерактивными заданиями.
Очень доходчиво, без лишней воды! Курс очень понравился.
Довольно не плохой курс.
Мне данный курс понравился. Я понял как создаются профессиональные сайты.
Действительно очень просто в усвоении, отличный преподаватель и отличный курс !)
Интересный курс обучения HTML, он был легче чем я думал. Все детально показывается и объясняется. В целом мне понравилось.
Очень познавательный и интересный курс!
Все отлично и информативно!
Хороший курс, прошел только тестирование после прохождения курса с юдеми.
Офигенный сайт, очень понравилось обучение, все доступно и понятно!))
Курс прошел взахлеб! Спасибо большое автору. Из пожеланий:
- Добавьте информацию о единицах EM и REM, а то из курса непонятно что это вообще такое;
- Можно добавить flexbox и grid;
- Показать отличие в способах выравнивания по центру блочных и строчных элементов;
- В 56-м задании система долго не принимала правильный ответ;
- Тесты нужно сделать в несколько вопросов и повысить их сложность.
А в остальном все просто СУПЕР!
Сергей, как всегда, на высоте ;)
Хороший курс, спасибо.
Отлично
Курс и вообще такая идея обучения мне очень понравилась. Большое спасибо авторам. Видно что разработчики старались для людей!
Курс понравился, всё доступно и понятно!
Хороший курс для новичков, все понятно объясняется.
Мне нравится!!!
Довольно интересный курс. Проходится на одном дыхании.
В целом курс хороший, узнал много нового. Но хотелось бы получить хоть какую-то информацию о том как подбирать размеры шрифтов, отступов и т.д.
Курс продуман. Удобное поэтапное прохождение. Немного затянуто. Отдельное спасибо за адаптивную вёрстку.
В целом курс очень хороший.
Часто задаваемые вопросы
Почему такая низкая цена?
Одна из миссий проекта 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
Бросить вызов?
Nice