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

Программирование и IT

HTML и CSS — базовые языки для создания сайта. HTML формирует структурированный документ для отображения в браузере, CSS определяет отображение HTML-документов: цвет, отступы между элементами, шрифтовое оформление, позиционирование элементов. Опытный HTML-верстальщик знает, как сделать удобный и привлекательный сайт, который станет важным инструментом для реализации задач компании и привлечения клиентов, а также способен создавать шаблоны HTML и CSS для быстрого создания страниц. На курсе Вы научитесь с нуля создавать продающие сайты, вносить правки в код веб-страницы, верстать текстовые блоки, а также менять оформление и стиль отдельных элементов сайта.


Ваши знания и навыки
по окончании курса

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

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

23 апреля

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

35 ак. часов

Форматы обучения

очно и онлайн в режиме реального времени
Конкуренция на рынке труда?
Сейчас не хватает специалистов
1 000 компаний
сейчас ищут HTML-верстальщика
70 000 рублей
средняя зарплата верстальщика веб-страниц

Курс подойдет

Контент-менеджеру

для расширения профессиональных знания в предметной области

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

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

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

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

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

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

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

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

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

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

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

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

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

Программа курса

10 тематических
модулей
35 академических
часов
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 (обзорно).

Расписание

Даты проведения
Время проведения курса
Дни недели
Формат обучения
Стоимость
23 апр
23 мая
18:45 - 21:55
вт чт
очно и онлайн в режиме реального времени
51 500 руб

Преподаватели курса

Преподавательский состав Центра дополнительного образования МГТУ им. Н.Э. Баумана состоит из профессионалов лучшего технического ВУЗа России с многолетним опытом работы в ведущих отраслевых компаниях. Многие из наших специалистов имеют ученые степени и звания.

Наши преподаватели искренне любят свое дело: структурированно и последовательно излагают материал, доступно объясняют верные решения сложных профессиональных задач и разбирают только реальный опыт крупнейших российских и зарубежных компаний. Так, после окончания обучения слушатели Центра дополнительного образования МГТУ им. Н.Э. Баумана могут сразу же применять свои знания и навыки на практике.

Резюме «HTML-верстальщик»

Знания и навыки

  • Вёрстка статических web-страниц

  • Работа с кодом

  • Использование iframe

  • Вставка видео, аудио и прочих интерактивных элементов на страницы

Заработная плата от:
70 000 руб.
Желаемая должность:
HTML-верстальщик

Документы об окончании

Задать свой вопрос
+7 (495) 182-83-85
do@bmstu.ru Мы работаем ежедневно с 9:00 до 21:00
+7 (495) 182-83-85
do@bmstu.ru Мы работаем ежедневно с 9:00 до 21:00