Из чего состоит сайт? Как работает сайт?

из чего состоит сайт, как работает сайтЗдравствуйте! В этой статьи мы разберемся, из чего состоит сайт, все строение сайта, как внешние, так и внутреннее.

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

Но посетителям не нужно видит скелет нашего сайта. А видят они только красивую внешнею информативную оболочку. Издревне, внешний вид любого сайта, делится на несколько частей.

Из чего состоит внешний вид сайта?

1. Header (шапка сайта).

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

header

2. Контентная часть сайта (тело сайта).

Здесь располагается вся жизненно необходимая информация сайта. На этой, основной части сайта, в отличие от шапки сайты, можно разместить «не почти все», а все. У нас тут и статьи и комментарии к ним, и реклама, и подписка, и видео, и картинки, и новости и т.д. Тут у нас полное раздолье, главное иметь вдохновение и идеи, а простор для их воплощения именно здесь.

основная часть

3. Сайдбар (от английского sidebar — боковая панель).

Тут у нас находятся различные информационные и навигационные виджеты (WordPress)  и модули (Joomla). Что это такое? Это может быть реклама, рубрики статей, контакты в соц.сетях, подписка на рассылку, вход в аккаунт, различные информеры (календарь, часы, погода, курс валют и т.д.), поиск по сайту, счетчики посещаемости сайта. Сайдбаров может быть несколько, один с левой стороны другой с правой. Могут быть двойные сайдбары. Все зависит от шаблона сайта.

сайдбар

4. Футер (от английского footer – подвал сайта).

Находится в самом низу сайта, после основной контентной части сайта. Размещают туда, как правило, различные счетчики посещаемости (пузомерки), информация о правах использования контента размещенного на данном сайте.

футер

Строение сайта для веб-мастеров. Из чего состоит сайт внутри?

1. Доменное имя — адрес сайта. Читать подробнее о домене…

2. Хостинг — специальный сервер, который выделяет место для хранения файлов сайта, обеспечивает постоянный доступ в интернет, а также берет системную нагрузку на себя. Читать подробнее о хостинге…

3. Дизайн сайта.

Каждый фрагмент, который вы видите сейчас на сайте, является частью дизайна сайта. Все это выводится на сайт с помощью обычных картинок с разными разрешениями (.jpg или .gif) и специальных кодов, составленные языком стилей «css». Все коды хранятся на хостинге в одном файле, к примеру «style.css». Данный код отвечает на сайте за цвет, за размер, за шрифт, за место, где должен находиться тот или иной фрагмент или картинка.

4.  HTML.

Когда готов дизайн сайта, то с помощью  специального языка HTML, который понимает интернет браузер и вырисовывается вся страница. Все дизайнерские задумки склеиваются в один общий код. Раньше прописывался HTML код отдельно для каждой страницы, но все движется, все меняется.

5. JavaScript.

Замечательная вещь, которая позволяет быть страницам динамичнее. Когда страница исключительно прописана в HTML, то она абсолютна статична. А благодаря JavaScript мы можем наслаждаться такими вещами как всплывающие окна, выдвигающиеся закладки, передвигающиеся блоки и многое-многое другое.

6. Язык программирования.

Но как я говорил, все течет и все меняется. При развитии сайта растет и количество страниц, а прописывать и менять HTML код каждой страницы весьма рутинная работа. Для этого и были придуманы языки программирования, которые автоматизировали процесс создания страниц. И лидером среди всех языков для веба стал язык PHP. На основе его были созданы специальные cms (WordPress, Joomla, Drupal), где человек, не имеющий знаний в области программирования, без особых усилий может создавать и управлять страницами в интернете. В cms созданы  специальные алгоритмы, которые прописаны в файлах (page.php, index.php, functions.php и т.д.)

7. База данных.

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

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

 Как работает сайт?

Мы с вами заходим в интернет  браузер и набираем доменное имя сайта. Доменное имя указывает браузеру, где находится сайт. Браузер в свою очередь дает запрос хостингу на выдачу сайта. Хостинг смотрит, в каком виде находится запрашиваемая страница. Если это просто HTML файл, то он отдает его браузеру, а если сайт написан на языке программирования, то начинается процесс формирования страницы. По алгоритму составляется HTML шаблон страницы и заполняется данными с базы данных, которые соответствуют запрашиваемой страницы. После формирования страницы она отправляется браузеру. Браузер по коду начинает все последовательно загружать. Этот процесс занимает очень не значительный промежуток времени, но если бы у вас был медленный интернет, вы бы наблюдали, как браузер загружает нужные файлы.

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

Получайте свежие новости сайта к себе на e-mail.
Чем дальше, тем интереснее! Будь в курсе!


 




Интересные статьи по теме:

Один комментарий к записи “Из чего состоит сайт? Как работает сайт?

  1. Юрий

    Спасибо огромное!!!
    Всё просто, а как это выглядело страшно… Теперь можно понимать беседу о сайте и его расскрутке.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *