HTML/CSS. Видео-курс

HTML/CSS. Видео-курс

HTML/CSS — язык гипертекстовой разметки, основа для изучения серверных языков программирования. Изучив html, вы сможете создать адаптивную веб-страницу или веб-сайт. Изучив css — сможете оформить свёрстанный сайт.

Чтобы отработать полученные знания — делайте практические задания. Мы их не проверяем, но выполнять их важно: так у вас появятся базовые навыки профессиональной вёрстки.

Чему Вы научитесь

  • Вы научитесь:
  • * вёрстке адаптивных сайтов,
  • * валидной кроссбраузерной вёрстке,
  • * flexbox-вёрстке,
  • * выполнять базовые операции в figma,
  • * использовать препроцессоры SASS и bootstrap.

Средние оценки

4.7 / 5
Программа
4.9 / 5
Преподаватель

Преподаватели

  • 1
    Урок 1. Основные понятия в веб-разработке
    Знакомство, вводная информация настройка visual studio code,горячие клавиши, установка расширений. Создание html документа Структура html документа. Виды и атрибуты тегов Отладчик браузера
  • 2
    Урок 2. Основы языка разметки документов HTML
    Списки в html Спецсимволы и комментарии Гиперссылки (локальные, абсолютные, якоря) Типы изображений для web; Формы и их элементы. Просмотр, редактирование, поиск ошибок через отладчик браузера
  • 3
    Урок 3. Основы языка оформления стилей документа CSS
    Введение в стили Способы подключения стилей Селекторы Базовые свойства стилей (px, %, background, color, border) часть 1 Базовые свойства стилей (width, height, font, list-style, текст) Вложенность наследование и группирование свойств
  • 4
    Урок 4. Основные тэги для вёрстки, Псевдоклассы и псевдоэлементы
    Основные теги div, span, создание блочной структуры Отступы у элементов Обтекаемые элементы Псевдоклассы Псевдоэлементы Таблицы
  • 5
    Урок 5. Основы позиционирования, работа с Flexbox
    Свойство display Что такое flexbox (горизонтальное и вертикальное расположение) Порядок отображения, многострочность, смещение отдельного блока Задание гибких размеров для блоков Position: relative и absolute
  • 6
    Урок 6. Работа с макетом дизайна в формате Figma
    Что такое макет и какие виды макетов бывают Знакомство с программой Figma, нарезка макета Определение размеров блоков, создание блочной структуры Добавление стилей из макета Создание сайта по макету. Часть 1 Создание сайта по макету. Часть 2
  • 7
    Урок 7. Основы создания адаптивного сайта
    Гибкие размеры блоков, адаптивного сайта Эмуляция мобильных устройств Медиа-запросы Прижатие подвала к нижней части экрана Практика создания адаптивного сайта Практика создания адаптивного сайта часть 2
  • 8
    Урок 8. Стандарты web и вспомогательные инструменты
    Инструменты разработчика. Часть 1 Загрузка проектов на сервер Кроссбраузерность Знакомство с Boostrap Знакомство с препроцессором Sass Практическое использование препроцессора Sass

После обучения мы предлагаем всем выпускникам оценить программу курса и преподавателя, а также при желании оставить отзыв.
Все отзывы и оценки мы публикуем без изменений.