Создание статического сайта
Введение в основные понятия
Создание статического веб-сайта – это процесс разработки сайта, при котором все веб-страницы формируются заранее и сохраняются как отдельные файлы. В отличие от динамических сайтов, где контент генерируется на лету с помощью серверных скриптов, статические сайты не требуют сложной инфраструктуры и могут быть размещены практически на любом веб-сервере.
Подготовка к работе
Прежде чем начать создание статического сайта, необходимо подготовить рабочее пространство. Вам понадобятся:
1.
Текстовый редактор (IDE) – инструменты типа Sublime Text, Visual Studio Code или Atom для написания кода.
2.
Система контроля версий – Git для отслеживания изменений и возможности возврата к предыдущим версиям файлов.
3.
Локальный сервер – программное обеспечение вроде XAMPP или MAMP для тестирования сайта на локальной машине.
Основы HTML
HTML (HyperText Markup Language) является основой любого веб-сайта и служит для структурирования содержимого страниц. Освоение базовых HTML-тегов – первый шаг в создании статического сайта:
-
Теги заголовков (`
` - ``)
- Параграфы (`
`)
- Ссылки (``)
- Изображения (`![]()
`)
- Списки (``, ``, `- `)
- Таблицы (``, ``, `| `, ` | `)
CSS стилизация
CSS (Cascading Style Sheets) используется для оформления внешнего вида веб-страниц. Основные понятия и примеры:
- Селекторы – типы селекторов (`type`, `class`, `id`, `attribute`)
- Структура CSS – определение стилей внутри тега ` |
