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 академических
часов

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

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

PDF

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

В этом курсе вас ожидает

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 (обзорно).

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

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

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

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

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