
Курс HTML и CSS. Верстка Сайтов. Базовый уровень
40%Программа курса
Ознакомьтесь с программой курса «Курс HTML и CSS. Верстка Сайтов. Базовый уровень» от Бухгалтерские курсы Руно - cpb-runo.ru
- Тема №1. Основы HTML. <span class="lsn">Лекция</span> №1: Введение в веб-разработку и HTML + Редактор. Основные понятия веб-разработки. Роль HTML в структуре веб-страницы
- <span class="lsn">Лекция</span> №2: Структура HTML-документа. Теги, элементы, атрибу…
- Тема №2. Гиперссылки и мультимедиа. <span class="lsn">Лекция</span> №5: Гиперссылки и навигация. Создание текстовых ссылок (a). Атрибуты href и target. Внутренние и внешние ссылки
- <span class="lsn">Лекция</span> №6: Работа с изображениями. Вставка изображ…
- Тема №3. Продвинутые техники HTML. <span class="lsn">Лекция</span> №9: Таблицы и их структура. Создание таблиц (table). Заголовки и ячейки (th, td). Объединение ячеек
- <span class="lsn">Лекция</span> №10: Семантические элементы HTML 5. Значение семантическ…
- Тема №4. Основы CSS. <span class="lsn">Лекция</span> №13: Введение в CSS. Основные понятия и синтаксис CSS. Внутренние и внешние стили
- <span class="lsn">Лекция</span> №14: Селекторы и их типы. Типовые селекторы: элементы, классы, идентификаторы. Комбинато…
- Тема №5. Позиционирование и блочная модель. <span class="lsn">Лекция</span> №17: Box Model. Margin, padding, border. Влияние на размер элемента и его расположение
- <span class="lsn">Лекция</span> №18: Позиционирование элементов. Основные типы позиционирова…
- Тема №6. Расширенные техники стилизации. <span class="lsn">Лекция</span> №21: Псевдоэлементы и псевдоклассы. Использование :hover, :active, :before, :after. Стилизация различных состояний элементов
- <span class="lsn">Лекция</span> №22: Анимации и переходы.…
- Тема №7. Верстка. Работа с макетом. <span class="lsn">Лекция</span> №25: Работа с figma для верстальщика и разбор макета
- <span class="lsn">Лекция</span> №26: Подготовка графики и базовой конструкции макета к верстке
- <span class="lsn">Лекция</span> №27…
- Тема №8. Дипломный проект. <span class="ooo">Сам. задание + Решение задания:</span> №7: Создание (верстка) Landing page согласно макету Figma (Верстка landing page из figma)
- .
Чему вы научитесь
- Научитесь настраивать и организовывать: №7. верстка. работа с макетом. лекция №25 работа с figma для верстальщика и разбор макета лекция №26 подготовка графики и базовой конструкции макета к верстке лекция №27…
- Научитесь создавать и применять: №8. дипломный проект. сам. задание + решение задания №7 создание (верстка) landing page согласно макету figma (верстка landing page из figma).
- Научитесь создавать и применять: №2. гиперссылки и мультимедиа. лекция №5 гиперссылки и навигация. создание текстовых ссылок (a). атрибуты href и target. внутренние и внешние ссылки лекция №6 работа с изображениями. в…
- Научитесь создавать и применять: №3. продвинутые техники html. лекция №9 таблицы и их структура. создание таблиц (table). заголовки и ячейки (th, td). объединение ячеек лекция №10 семантические элементы html 5. значен…
- Научитесь уверенно работать с темой: №6. расширенные техники стилизации. лекция №21 псевдоэлементы и псевдоклассы. использование hover, active, before, after. стилизация различных состояний элементов лекция №22 анимац…
Подробная информация о курсе
Курс подходит для начинающих с нуля в веб-дизайне и дизайне мобильных приложений По окончании – удостоверение с включением в Федеральный реестр Вы добавите 7 практических работ в свое портфолио Формат обучения: дистанционный Необходимо иметь установленную программ Visual Studio Code (бесплатное ПО, находится в открытом доступе)
Цены и сроки
- Стоимость33 540 ₽
- Старая цена55 900 ₽
- Дата началаc Invalid Date
Содержание
- Формат обучениясамостоятельно
По окончанию курса
- Диплом или сертификатудостоверение



























