Найти тему

Как создать свой первый сайт, не используя специальных программ?

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

Ну, чтож, приступим :D

Шаг 1: Откройте блокнот. Можно любой другой текстовый редактор, в котором вам будет удобно. Я же для примера буду использовать стандартный блокнот в Windows. Нажмите правой кнопкой мыши по вашему рабочему столу, затем кнопка Создать - Текстовый документ.

Открытие блокнота через создание нового текстового документа
Открытие блокнота через создание нового текстового документа

Так же можно и в поисковике Windows 10:

Открытие блокнота через поисковик Windows 10
Открытие блокнота через поисковик Windows 10
Открытый блокнот
Открытый блокнот

Шаг 2: Вставьте в блокнот код для сайта. Скопируйте и вставьте в блокнот представленный ниже текст. Это базовая структура HTML-документа.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Заголовок страницы</title>
</head>
<p>Текст абзаца</p>
</body>
</html>

Вставленный в блокнот HTML-код
Вставленный в блокнот HTML-код

Шаг 3: Сохраните документ в формате HTML. В блокноте нажмите Файл - Сохранить как. В открывшемся окне в строку Имя файла введите index.html

-5
-6

Шаг 4: Откройте созданный вами сайт. Для этого просто дважды нажмите по иконке сохраненного документа. Сайт откроется в браузере, установленном по умолчанию. Все готово! :)

Открытый в браузере сайт
Открытый в браузере сайт

Шаг 5: Можете пошаманить с сайтом, вставляя разные картинки, видео и т.д. К примеру, можете вставить в него видео с YouTube. Для этого: 1) зайдите на YouTube

2) нажмите на любое видео

3) Нажмите на кнопку Поделиться и выберите Встроить

-8

4) Скопируйте код, находящийся справа

Видео с канала WorldBegemotKot † Страшные истории †
Видео с канала WorldBegemotKot † Страшные истории †

5) Вставьте его в свой код под тегом <p>:

Вставка видео с YouTube
Вставка видео с YouTube

6) Сохраните файл под тем же именем

7) Откройте измененный файл. Готово!

Измененный сайт
Измененный сайт

Шаг 6: Простенький, а главное сделанный именно вами сайт создан! Дабы он стал доступен всем людям в интернете, загрузите на хостинг (этому можно научиться позже)

Чтобы узнать больше тегов в HTML, можно воспользоваться интернет-справочниками. Их полно, но я выделю один справочник, который частенько мне помогает: https://htmlbase.ru

Удачного вам обучения, больше мотивации и желания созидать! :)

#web development #сайт #web разработка #веб-разработка #создание сайта