HTML и CSS. Уровень 1. Основы создания сайтов
Программирование и IT

HTML и CSS – это основа при создании любого сайта.

Привычные всем аббревиатуры HTML и CSS расшифровываются как «HyperText Markup Language» («язык гипертекстовой разметки») и «Cascading Style Sheets» («каскадные таблицы стилей»). Они неразрывно связаны между собой. HTML формирует структурированный документ для отображения в браузере (заголовки, списки, абзацы, вставка медиа-контента и др.). CSS представляет собой язык стилей, определяющий отображение HTML-документов (цвет, отступы между элементами, шрифтовое оформление, позиционирование элементов и др.).

Курс на 70% состоит из практических занятий и позволит Вам научится с нуля создавать продающие сайты, вносить правки в код веб-страницы, верстать текстовые блоки, а также менять оформление и стиль отдельных элементов сайта.

Записаться на курс

Ближайший старт групп

09 июня
17 июля
03 сентября

Длительность курса

32 ак.часа

Стоимость курса

19 350 руб.
Для кого
подойдет этот курс
контент-менеджеру

если вы начинающий специалист, курс позволит расширить ваши знания в этой области

HTML-верстальщику

для понимания html-кода и учёта его особенностей при проектировании веб-интерфейса

веб-дизайнеру

для понимания html-кода, корректной постановки технического задания и контроля его выполнения

seo-специалисту

для размещения текста на страницах сайта, без использования визуальных инструментов CMS

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

создавать простые статичные веб-сайты

регистрировать домен и размещать сайт в интернете

принципы эффективной работы с CSS и HTML

читать и понимать html-код

правильно составлять техническое задание программисту или верстальщику

редактировать контент в CMS (системе управления контентом) не только в визуальном редакторе, но и в режиме html-кода

знание микроразметки, что необходимо современного SEO

проводить seo-эксперименты на своём сайте

Программа курса
В этом курсе вас ожидает
9 тематических
модулей
32 академических
часа
В этом курсе вас ожидает
9 тематических
модулей
32 академических
часа
Введение и основные понятия
    • • Как это работает? Что такое web-сервер, web-сайт, web-страница;
    • • Цели и задачи языка HTML;
    • • HTML-разметка. Элементы;
    • • Структура HTML-документа;
    • • Использование комментариев;
    • • Базовые элементы разметки;
    • • Атрибуты элементов;
    • • Специальные символы;
    • • Практическая работа по теме.
Гиперссылки и изображения
    • • Валидация HTML-документа;
    • • Понятие гиперссылок в WWW;
    • • Внешние и внутренние гиперссылки;
    • • Типы адресов в WWW;
    • • Атрибуты гиперссылок;
    • • Типы изображений, используемых в WWW;
    • • Вставка изображений на страницу;
    • • Атрибуты элемента img;
    • • Практическая работа по теме.
CSS. Каскадные таблицы стилей: основные свойства
    • • Основные понятия CSS;
    • • Способы определения стилей;
    • • Каскадирование и наследование;
    • • Основные типы селекторов;
    • • Псевдоклассы и псевдоэлементы;
    • • Свойства шрифтов;
    • • Свойства текста;
    • • Свойства цвета и фона;
    • • Практическая работа по теме.
Структурирование информации при помощи списков и таблиц
    • • Неупорядоченный список;
    • • Упорядоченный список;
    • • Список определений;
    • • CSS свойства для списков;
    • • Основные элементы таблицы;
    • • CSS свойства элементов таблиц;
    • • Объединение ячеек таблицы;
    • • Дополнительные элементы таблицы;
    • • Практическая работа по теме.
Выбор хостинга и поддержка сайта
    • • Понятие хостинга;
    • • Поиск хостера;
    • • Услуги хостера;
    • • Создание аккаунта для сайта;
    • • Загрузка файлов своего сайта на веб-сервер;
    • • Дополнительные возможности, связанные с работой сайта
Использование CSS для макетирования
    • • Оформление границ элемента;
    • • Внутренние отступы элемента;
    • • Наружные отступы элемента;
    • • Размеры элемента;
    • • Плавающие элементы;
    • • Видимость элемента;
    • • Практическая работа по теме.
Использование iframe
    • • Назначение iframe и примеры использования;
    • • Практическая работа по теме.
Передача пользовательских данных при помощи формы
    • • Что такое веб-формы?
    • • Элемент form и его атрибуты;
    • • Элементы формы: текстовые поля и кнопки;
    • • Элементы формы: элементы выбора;
    • • Дополнительные атрибуты элементов формы;
    • • Практическая работа по теме.
Дополнительные возможности HTML и CSS
    • • Использование мета-информации;
    • • Медиа-запросы (обзорно);
    • • Вставка видео и аудио на веб-страницу;
    • • Назначение и примеры использования других видов разметки: XML, XHTML (обзорно);
    • • Назначение и примеры использования JavaScript (обзорно);
    • • Назначение и примеры использования PHP (обзорно).
Требования к подготовке

Среднее профессиональное и высшее образование

Связанные курсы
Расписание
Даты проведения
Время проведения курса
Дни недели
Формат обучения
09 июн
05 июл
18:30 - 21:40
пн ср пт
17 июл
07 авг
10:00 - 17:10
вс
03 сен
24 сен
10:00 - 17:10
сб
04 окт
27 окт
18:30 - 21:40
вт чт
16 ноя
02 дек
18:30 - 21:40
пн ср пт
Задать свой вопрос
+7 495 120-99-76
edu@bmstu.ru Мы работаем ежедневно с 9:00 до 21:00
+7 495 120-99-76
edu@bmstu.ru Мы работаем ежедневно с 9:00 до 21:00