Что такое веб

Веб (World Wide Web) — это система взаимосвязанных страниц, доступных через интернет. Каждая веб-страница имеет собственный адрес и может содержать: - текст - изображения - видео - ссылки - интерактивные элементы

Примеры веб-сайтов: - новостные сайты - интернет-магазины - социальные сети - образовательные порталы

Что такое сайт

Сайт — это набор связанных веб-страниц, размещённых на сервере и доступных через интернет. Каждый сайт имеет адрес, который называется URL.

Пример адреса сайта:

https://example.com

Сайт может состоять из: - одной страницы (лендинг) - нескольких страниц - большого веб-приложения

Как работает интернет

Работу интернета можно представить как взаимодействие двух сторон: - клиента - сервера

Клиент

Клиент — это устройство пользователя.

Примеры: - компьютер - ноутбук - смартфон - планшет

На клиенте используется браузер.

Сервер

Сервер — это компьютер, который хранит сайты и отправляет их пользователям. Когда пользователь открывает сайт, сервер отправляет страницу в браузер.

Что происходит при открытии сайта

Когда пользователь вводит адрес сайта в браузере, происходит следующий процесс: 1. Пользователь вводит адрес сайта 2. Браузер отправляет запрос серверу 3. Сервер обрабатывает запрос 4. Сервер отправляет страницу 5. Браузер отображает страницу

Схема работы:

Пользователь → Браузер → Интернет → Сервер → HTML-страница → Браузер

Что такое браузер

Браузер — это программа для просмотра веб-страниц.

Примеры браузеров: - Google Chrome - Mozilla Firefox - Microsoft Edge - Safari - Opera

Браузер выполняет следующие задачи: - загружает страницы - отображает текст и изображения - выполняет JavaScript - применяет стили CSS

Основные технологии веб-разработки

Любая веб-страница создаётся с помощью трёх основных технологий.

HTML

HTML (HyperText Markup Language) — язык разметки страниц.

Он отвечает за: - структуру страницы - текст - изображения - ссылки

CSS

CSS (Cascading Style Sheets) — язык стилей.

Он отвечает за: - цвета - шрифты - расположение элементов - внешний вид сайта

JavaScript

JavaScript — язык программирования для веб-страниц.

Он отвечает за: - интерактивность - кнопки - анимации - обработку действий пользователя

Как создаётся веб-страница

Процесс создания сайта обычно выглядит так: 1. Создание HTML-страницы 2. Добавление стилей CSS 3. Добавление интерактивности через JavaScript 4. Размещение сайта на сервере

Простейшая веб-страница

Пример минимальной HTML-страницы:

<!DOCTYPE html>
<html>
<head>
<title>Моя страница</title>
</head>
<body>

<h1>Мой первый сайт</h1>
<p>Это моя первая веб-страница.</p>

</body>
</html>

Браузер прочитает этот код и отобразит страницу.

Инструменты веб-разработчика

Для создания сайтов используются: - текстовый редактор или IDE - браузер - инструменты разработчика

Примеры редакторов: - Visual Studio Code - WebStorm - Sublime Text