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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Программа курса
В этом курсе вас ожидает
9 тематических
модулей
35 академических
часов
В этом курсе вас ожидает
9 тематических
модулей
35 академических
часов
Введение и основные понятия
    • Как это работает? Что такое 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 (обзорно).

Требования к подготовке

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

Связанные курсы


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