Это сайт о том как делать сайты самому. Можно сказать, что это пошаговая инструкция по самостоятельному созданию сайтов Сайты мы научимся делать на чистом HTML. Сайты на HTML имеют как плюсы, так и минусы.

Для примера мы создадим с нуля сайт кампании которая продает стройматериалы.

Скачать готовый сайт можно по ссылке.

Мы последовательно создадим макет сайта. Сначала мы узнаем как сделать шапку сайта с помощью html и css. Затем научимся делать горизонтальное меню для сайта на чистом html и css без использования javascript. После этого нам нужно будет наполнить страницу контентом и сделать подвал сайта.

Используя этот макет создадим остальные страницы.

Создание страницы с товарами. Здесь мы научимся добавлять картинку на сайт и изменять ее размер.

На следующей странице создадим прайс-лист. Прайс-лист будет в виде html таблицы. Поэтому мы научимся создавать таблицы на сайте с помощью html и css.

Осталось создать страницу с контактами и переходить к переделке сайта под мобильные устройсва.

Так же по порядку создадим адаптивную шапку сайта и адаптивное меню.

При создании меню для мобильного сайта используют гамбургер меню. Здесь мы научимся создавать преобразование иконки гамбургера в крестик и выпадающего меню при нажатии на гамбургер.

    Создание сайта:

  1. Введение
  2. Создание шапки
  3. Создание меню
  4. Создание контента
  5. Создание футера
  6. Другие страницы
  7. Создание страницы с товарами
  8. Создание страницы с прайс-листом
  9. Создание страницы с контактами

    Создание адаптивной верстки:

  1. Создание адаптивной версии сайта
  2. Адаптивная шапка сайта
  3. Адаптивное меню
  4. Преобразование иконки гамбургера в крестик
  5. Создание выпадающего меню
  6. Содание адаптивного блока с контентом