Как строится сайт

Этапы разработки сайта

Создание сайта — это не один шаг, а целый путь: от идеи в голове до кнопки "Опубликовать". Ниже — пять этапов, через которые проходит каждый разработчик, даже если делает свой первый проект.

Источники для изучения:
этап-1.plan
01

Идея и планирование

  • Определяем тему сайта — о чём он и для кого
  • Создаём план страниц: какие разделы нужны
  • Готовим материалы: тексты, картинки, идеи оформления
без кода бумага и ручка тоже подойдут
этап-2.html
02

Создание HTML-структуры

HTML — это язык разметки, который описывает, из каких частей состоит страница: где заголовок, где текст, где картинка.

  • HTML создаёт "скелет" страницы — её каркас
  • Каждый элемент отмечается тегом в угловых скобках
  • Тег говорит браузеру, что это за часть контента
<h1> <p> <img> <a>
этап-3.css
03

Оформление CSS

Если HTML — это скелет, то CSS — это "одежда" сайта: он отвечает за то, как всё выглядит.

  • Меняет цвета текста и фона
  • Задаёт размеры блоков, шрифты и отступы
  • Управляет расположением элементов на странице
color background margin / padding
этап-4.js
04

Добавление JavaScript

JavaScript оживляет сайт: без него страница просто лежит на экране, а с ним — реагирует на действия пользователя.

  • Позволяет кнопкам что-то делать при нажатии
  • Может менять текст и картинки без перезагрузки страницы
  • Добавляет анимации, проверки форм и другую логику
события клика анимации
этап-5.publish
05

Проверка и публикация

  • Проверяем сайт на ошибки и опечатки
  • Смотрим, как страница выглядит на телефоне и компьютере
  • Размещаем сайт в интернете, чтобы его увидели другие
финальный шаг сайт готов 🎉