Курс 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. Адаптивная верстка. Заключительная часть
Отзывы(415)
Оставьте свой отзыв после прохождения Курса создания сайтов HTML/CSS с нуля.
Для новичка очень хороший курс, и не дорого! Пожелание: хотелось бы больше объяснений и более подробней по некоторым видеороликам, и тогда было бы вообще огонь!
Курс супер! все ясно и понятно!
Шикарный курс! Я на одном дыхании прошел все 65 занятия!))
Неплохой курс для тех, кто только начинает.
Отличный курс, все объяснено максимально понятно и просто. Спасибо)
Очень четко все и понятно, не пожалел потраченных денег)
Объяснение идет полностью с 0. Это очень удобно, если только начал вникать во все это. Рассказывает лектор хорошо.
Чётко. Мне понравилось.
Хороший курс. Стартовых знаний вполне достаточно.
Хороший курс, достаточно практики.
Хороший базовый курс для HTML
Сергей, Вы создали замечательный курс! Рад, что купил доступ ко всем курсам на целый год. Благодарю Вас!
Круто спасибо!
Очень хороший курс! Все понятно, интересно, с первого урока уже начинаешь получать опыт на практике!
Очень понравилось, я конечно новичок однако знаю что спецификация html 5 уже давно используется в названии тэгов, а тут все дивы со своими названиями :)
Курс отличный. Все понятно.
Курс хороший. Не понравилось ограничение просмотра уроков из за баллов, пришлось возвращаться и делать что то для галочки
Объяснено очень доходчиво и понятно. Единственный минут - письменные онлайн задания. Чуть что не так (например пробел) - ошибка! А так, в целом, рекомендую.
Спасибо автору! За видеоуроки
Для полного закрепления и понимания необходимо самому много работать. Замечательный курс. Мне кажется, для прохождения данного курса, необходимо самому подготовиться, чтобы знать основные термины. Зелёному, будет не так то просто быстро усвоить... А за курс большое спасибо.
Все супер! В принципе все понятно, а что нет, можно посмотреть в интернете. Курсом доволен!
Неплохой курс в общем
Отличный курс! Большое Вам Спасибо!
Курс понравился, узнал много нового. Спасибо.
Отличный простой и понятный курс! Для совсем новичков и для тех, кто со знаниями, есть что вспомнить. Дают только самое необходимое, параллельно нужно практиковаться и дополнительно изучать html и CSS!
Курс очень понравился, интересный, но при этом тут бывают достаточно сложные темы:)
Отличный курс! Научили создавать сайты, очень довольна, все предельно понятно! Спасибо вам большое!
Мне все очень понравилось, материал подобрал очень хорошо, без воды и прочих отклонений, спасибо!
Спасибо хороший,подробный курс
Крутой курс!
Отличный курс для новичков!
Супер!
Отличный курс, очень содержательно и понятно. Спасибо!
Отличный курс!
Хороший курс. Спасибо!
Все отлично
+++
Отличный курс!
Очень рад, что в интернете существуют подобного рода ресурсы! Спасибо ребята !!)+
Очень простой, понятный и нескучный экспресс-курс дивной верстки.
Отличный курс для начинающих!
Курс очень хороший как для начинающих, так и для тех кто сталкивался уже с html и css. Не зря купил подписку. Денег не пожалел. Достойный курс. Всё понятно и ничего лишнего.
Супер! Очень полезный материал! Всё очень доступно и понятно. Автору огромное спасибо!!!
В общем все ясно и понятно, вполне доступно. Иногда изображение на экране слишком мелкое но это иногда.
Отличный курс. Все понравилось. До этого изучал html лет 15 назад в школьные годы. Что-то с тех пор всплывало в голове, но мало. Оформил подписку на остальные модули
Отличный курс
Все отлично! Начало положено. Спасибо автору.
Спасибо огромное, думаю хоть чему то я научился
Часто задаваемые вопросы
Почему такая низкая цена?
Одна из миссий проекта 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
Бросить вызов?
Курс очень познавательный, но новичку, вроде меня налету не получается всё схватывать, этот курс для более подготовленных людей, а я пожалуй пересмотрю его ещё раз)