курс
Основы HTML, CSS и веб-дизайна
free
Курс посвящен базовым концепциям веб-дизайна, языка разметки HTML и CSS. Мы научимся делать статические веб-страницы, задавать стили элементам, думать о пространстве и расстояниях, работать с документом в браузере с Developer Tools, публиковать страницы в интернете и интегрировать их с социальными сетями.
Сначала рекомендуем пройти курс Введение в веб-разработку
1.
Верстальщик vs. веб-дизайнер
Познакомиться с курсом и рассмотреть специальности «верстальщик» и «веб-дизайнер» в контексте развития технологий.
2.
Знакомство с HTML
Познакомиться с HTML и попробовать его в деле.
3.
Элементы, теги и атрибуты
Изучить простую идею HTML и структуру элементов страницы.
4.
Структура страницы
Рассмотреть полную структуру целого HTML-документа, видимые и невидимые теги.
5.
Основы CSS
Научиться задавать оформление — стили — элементам HTML-страницы.
6.
Chrome DevTools
Познакомиться с Developer Tools и веб-инспектором, удобным инструментом для анализа и редактирования страницы прямо в браузере.
7.
Каскад
Понять принцип, по которому стили собираются в один набор из разных источников.
8.
div, span и display
Познакомиться с принципами, по которым элементы выводятся на страницу и получают определённый размер.
9.
Правило близости
Рассмотреть один из базовых принципов дизайна: правило близости или grouping/proximity principle.
10.
Размещение на Github Pages
Освежить память по теме хостинга и разместить статичную страницу бесплатно на Github Pages.
11.
Интеграция с соц. сетями и семантический веб
Рассмотреть инструменты разметки для лучшей интеграции с социальными сетями.
★ Испытания
В некоторых курсах есть практические задания, которые мы советуем выполнить после завершения курса. Задания помогут вам получить дополнительный опыт в программировании и закрепить полученные навыки. В этом курсе таких заданий нет, но вы можете посмотреть задания из других курсов.
Статистика
и ответов
Учитель
Программист, ранее — преподаватель в международном ИТ-университете (г. Алматы), разработчик (Ericsson Canada, Macadamian). Со-основатель и CEO Хекслета.