Как создаются сайты?

Каждый день мы заходим в браузер или мобильные приложения - то что мы называем выйти в интернет. После это мы скорее всего переходим на какой-то сайт. Сейчас, например, у вас открыт Яндекс.Дзен, раз вы читаете эту статью. Но как же устроены сайты? Как они работают, и как сделать такой самому? Давайте разбираться.

Что такое сайт? Как он устроен?

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

Каждая страница - набор команд для браузера, написанных на таких языках как HTML, CSS, JavaScript, PHP и пр. Скелетом страницы является HTML - язык разметки гипертекста (HyperText Markup Language). Этот язык позволяет создавать блоки, абзацы, таблицы, списки, ссылки, формы, кнопки.

Это самая простая веб-страница, которую я создал за минуту

Но на голом HTML нарисовать красивый сайт не получится, ведь его инструментарий ограничен. С его помощью можно создавать разные объекты, поменять им цвет, форму, расположение, но выглядеть это будет топорно. Здесь на помощь приходит CSS - каскадные таблицы стилей (Cascading Style Sheets).

CSS позволяет менять внешний вид любого объекта как вам заблагорассудится. Можно создать даже анимацию, а можно адаптировать веб-страницу под мобильные устройства.

Все эти красивости: слайд-шоу, "шоколадный шрифт" сделаны с помощью CSS

CSS - замечательная вещь, но она не может добавить одной очень важной вещи - интерактивности. И здесь на помощь приходит JavaScript и PHP. Что они делают? Например обрабатывают формы на сайте. Когда вы регистрируетесь и заполняете поле "электронная почта", они следят чтобы вы обязательно поставили "@". А когда авторизуетесь, они проверяют правильность введённых вами данных.

Вот такая форма обрабатывается с помощью JS и PHP

Как создать сайт самому?

Создать сайт можно с помощью всех тех языков, которые я сегодня перечислил. Это традиционный, но долгий процесс. Так их создавали не то что десять лет назад, а ещё в прошлом веке. Сейчас время другое. Появилось много новых способов создать сайт. Например можно использовать CMS - системы управления содержимым (content management system). Они позволяют создать свой собственный сайт, не написав ни строчки кода.

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