Фото Сергея Белосова
Блог Сергея Белоусова
  • - Разработка сайтов
  • - Обучаю профессиональной верстке
  • - Консультации по разработке сайтов и поиску клиентов
Мои контакты: skype skype skype skype

HTML для начинающих: Что такое сайт из чего он состоит #2

HTML для начинающих: Что такое сайт из чего он состоит #2

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

Создайте у себя на компьютере текстовый документ, только вместо расширения .txt поставьте .html к примеру index.html. Все, поздравляю, вы создали свой первый сайт, я серьезно! Именно из таких документов состоят все сайты в интернете, это и называется HTML документ. Все что написано внутри него является содержимым сайта. Попробуйте откройте его в любом текстовом редакторе, например в блокноте, напишите "Привет мир!" (без кавычек), сохраните и откройте этот документ в браузере, вы увидите что ваш сайт уже в состоянии отображаться в браузере.

А теперь попробуйте запись Привет мир! оберните в такую конструкцию:

<h1>Привет мир</h1>

Cохраните и обновите в браузере. Что вы видите ? Ваша надпись преобразовалась в заголовок первого уровня, верно ?

Далее под заголовком давайте сделаем параграф, выглядеть будет вот так:

<h1>Привет мир</h1>
<p>Привет всем! Этой мой первый сайт на чистом HTML.</p>

Снова обновляем браузер и видим на вашем сайте уже появился первый заголовок и параграф.

Вот таким вот образом и создаются сайты с полного нуля. Этот этап называется верстка сайта, а эти загадочные символы <h1></h1> и <p></p> - называются HTML тегами, при помощи этих тегов создается разметка страницы, но об этом я вам расскажу в дальнейших выпусках.

Теперь вы уже понимаете как создавать HTML документы и писать HTML код. Если вы читали предыдущею статью "Как работает интернет простыми словами" то понимаете что HTML документы хранятся на сервере который доступен в сети 24 часа в сутки. В нашем же случае HTML документ хранится на стационарном компьютере, для того что бы наш документ находился в сети круглосуточно и был доступен всем пользователям интернета, надо его выложить на сервер, это возможно сделать при помощи FTP клиента, об этом я вам буду рассказывать в дальнейших выпусках, подписывайтесь на обновления.

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

Как вы видите на скрине выше, есть пункты меню сайта, ниже я изобразил хранилище файлов сайта (хостинг), по клику на пункт меню, подгружается соответствующий файл в ваш браузер и при этом показывается адрес этого файла в адресной строке браузера, думаю понятно объяснил, если возникают вопросы, пишите их в комментариях, с удовольствием отвечу.

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

Не забудьте рассказать друзьям!

Хотите научиться верстать и зарабатывать ? Скачайте книгу!

Книга Как быстро научиться верстке сайтов и зарабатывать на этом

Подробнее о книге, жми!