Вёрстка на HTML & CSS для начинающих
❕В связи со сложившейся ситуацией, рекомендую приобрести этот курс на Stepik. Там вы получите те же самые уроки в полном объеме и даже больше: много заданий и тестов, которые не доступны на Udemy. Если вы приобретете курс здесь, я не смогу получить доход и мне будет очень трудно продолжать свою деятельность на YouTube и записывать новые курсы. ID этого курс на Stepik: /z/101175
Чтобы попасть на страницу курса, перейдите на (Степик орг) и вставьте ID указанный ранее в адресную строку после адреса сайта Степик. Такой ручной способ из-за того, что я не могу указать здесь сразу готовую ссылку для Вас. Спасибо за понимание.
В этом видео курсе вы научитесь с нуля основам HTML и CSS которые нужны для создания сайтов и уже сможете выполнять довольно серьезные работы в этой области. Мы будем изучать язык гипертекстовой разметки HTML и язык каскадных таблиц стилей CSS. После обучения по программе этого курса вы сможете создавать современную верстку многих элементов сайтов. Мы рассмотрим способы создания таких элементов как: меню, раздел команды, информационные разделы с карточками и многое другое. А так же посмотрим основные инструменты в редакторе Photoshop, которые могут вам приготиться при верстке сайтов.
Этот КУРС ДЛЯ ТЕХ, КТО
Хочет научиться создавать сайты своими силами
Учится использовать современные инструменты разработки
Еще не знает язык HTML и CSS, но хочет выучить
Хочет стать крутым мастером и зарабатывать деньги
В этом видео курсе я хочу научить вас основам сайтостроения – это языки HTML и CSS. Эти языки являются основой и знать их должен каждый, кто хочет развиваться в этой области. Вы получите знания, которые нужны в самом начале пути любого веб-разработчика и будите их использовать на протяжение всего своего пути. Вся теоретическая информация разложена по полочкам, доступно объясняется и подкрепляется практическими заданиями и домашними работами. Курс намерено не содержит лишней информации, тем самым позволяет лучше освоить материал, который действительно важен.
Курс состоит из трех глав. 1 глава – изучение языка HTML, 2 глава – изучение языка CSS, 3 глава – практическая часть, где мы будем тренироваться на реальных примерах создавать верстку различных фрагментов сайта. Курс расчитан на самых начинающих разработчиков, состоит из 35 уроков общей продолжительностью 5 часов.
Уроки по HTML
Введение в курс.
В этом уроке мы установим один из важнейших инструментов веб-разработчика - веб-браузер. А так же установим самый важный - редактор кода.
В этом видео уроке мы научимся пользоваться основными инструментами редактора VS Code, в котором будет происходить большая часть нашей работы.
В этом уроке мы выучим первые HTML теги
В этом видео я расскажу как правильно настраивать путь к нужному файлу
Задание к лекции 6
В этом уроке мы научимся создавать списки
В этом уроке мы научимся создавать таблицы
В этом уроке мы рассмотрим способы работы с текстом
Задание к лекции 10
В этом уроке мы научимся создавать формы
В этом уроке мы узнаем универсальные атрибуты, которые можно добавить любому HTML тегу
Узнаем как образуется цвет RGB и познакомимся со специальными символами
Подведем итоги по изученному разделу HTML
Уроки по CSS
В этом уроке мы выучим основные CSS Селекторы
В этом видео уроке мы научимся работать с изображениями
Рассмотрим как создавать границы для любого элемента с помощью CSS
В этом уроке мы научимся изменять размеры элементов на странице
В этом уроке мы рассмотри как работать со шрифтом.
В этом уроке я расскажу вам что такое блочная модель CSS и для чего она нужна
Мы изучим псведоклассы и псевдоэлементы которые будут необходимы на начальном этапе для любого веб разработчика
В этом видео мы познакомимся с современной технологией CSS Flexbox и научимя пользоваться некоторыми её возможностями
В этом уроке мы будем учиться создавать адаптивную сетку на CSS. Так же научимся работать с переменными и функцией calc. Узнаем как создавать медиа запросы чтобы сделать адаптивную версию своего сайта для мобильных устройств. Научимся создавать макет с 12-колончатой сеткой в Photoshop, сравним нашу сетку с сеткой Bootstrap 5, а так же научимся её подключать и узнаем как проверять свой сайт на эмуляторе мобильных устроств прямо с браузера на ПК.
Задание для практики по теме "создание адаптивной сетки на CSS".
Практические занятия
Практическое занятие №1
Практическое задание №1
Практическое занятие №2
Практическое задание №2
Практическое занятие №3
Практическое задание №3
Урок по программе Adobe Photoshop, в котором мы научимся основам для веб-разработчиков.
Практическое занятие №4
Практическое задание №4
Заключительное видео в этом курсе
Дополнительные материалы
Тут вы сможете найти полезные ссылки и файлы которые вам помогу в разработке сайтов.
