Найти в Дзене
Код не программиста

Создаем свой сайт с нуля на блокноте. Часть первая.

Привет, многие люди хотят создать свой сайт и я тоже. Но мы не знаем с чего начать и как к этому делу подойти. Думаю мы с тобой подружимся. Чтобы вы поняли что мы делаем, расскажу один пример. Есть вы и компьютер, но вам нужно что-то попросить компьютер. Но компьютер общается на своем языке. И с помощью блокнота мы можем попросить его что-либо сделать на его языке, так же как в других программах: что-либо выполнить. Вам не нужно качать какое-либо дополнительное ПО , достаточно всего лишь обычного блокнота. Открываем блокнот. Использовать мы будем язык гипертекстовой разметки. кратко: HTML. Тут мы пользуемся не функциями как в обычном программирование(позже к этому придем), а тегами. Тело нашего сайта будет состоять из <html> и </html> . Где первое открывает наш код сайта, а второе закрывает. После открытия, нужно воспользоваться тегами <head>...</head> Это разберем чуть позже. После этого тега мы используем <body>, в этом теге содержится все визуальные оформления документов, в head

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

Чтобы вы поняли что мы делаем, расскажу один пример.
Есть вы и компьютер, но вам нужно что-то попросить компьютер. Но компьютер общается на своем языке. И с помощью блокнота мы можем попросить его что-либо сделать на его языке, так же как в других программах: что-либо выполнить.

Вам не нужно качать какое-либо дополнительное ПО , достаточно всего лишь обычного блокнота.

Открываем блокнот.

Использовать мы будем язык гипертекстовой разметки. кратко: HTML.

Тут мы пользуемся не функциями как в обычном программирование(позже к этому придем), а тегами.

Тело нашего сайта будет состоять из <html> и </html> .

Где первое открывает наш код сайта, а второе закрывает.

После открытия, нужно воспользоваться тегами <head>...</head>

Это разберем чуть позже.

После этого тега мы используем <body>, в этом теге содержится все визуальные оформления документов, в head они невидимы, а в body мы все будем видеть на сайте.

закрывается он так же как и остальные </body>.

Вот так на данный момент должен выглядеть код вашего сайта. чтобы делать отступ как на скриншоте, жмите: TAB.
Вот так на данный момент должен выглядеть код вашего сайта. чтобы делать отступ как на скриншоте, жмите: TAB.

Хорошо! Приступим к созданию первой странички.

Для этого в body мы напишем текст.

Создайте дополнительную строку между <body> и </body> и запишите там любой текст.

Итоговый код сайта:

-2

Далее сохраняем следующим образом:

В типе файла выберете: все файлы.  А в имя файла напишите *.html , чтобы ваш сайт имел формат HTML.
В типе файла выберете: все файлы. А в имя файла напишите *.html , чтобы ваш сайт имел формат HTML.

Открывайте с помощью браузера и ваш первый сайт готов.

Вот как будет выглядеть ваш сайт:

-4

Как вы поняли, тут нету ничего сложного, не нужно заканчивать 4 курса технического универа.

Всем спасибо за внимание, подпишись на канал. И поставь лайк за старания.

Вторая часть.