Блог экспериментатора инженера-разработчика: Infanty.
Я пишу how-to статьи на редкие темы или статьи обзоры - для себя и тех кто со мной работает.
Блог существует при поддержке: "Оккупационных сил Марса".

Введение: как оно всё работает, упрощённо,
для тех кто вообще не понимает в программировании сайтов

  • Вы включаете свой компьютер и при загрузке операционной системы у Вас устанавливается интернет соединение с провайдером Вашего интернет. При этом вашему компьютеру выдаётся (временный или постоянный) IP-адрес для однозначной идентификации его в сети интернет. А так же, вашему компьютеру, сообщаются DNS-сервера (так же компьютеры с определённым программным обеспечением) для преобразования URL сайтов в сети интернет в IP адреса компьютеров на которых расположены файлы данных сайтов.
  • Вы открываете браузер и вводите адрес определённого интернет сайта (домена) в нём.
  • Браузер проверяет наличие домена в своём кэше. Если домена там нет, то браузер пытается найти нужный адрес в файле hosts в вашей операционной системе. Если домен не закэширован и отсутствует в файле hosts, то отправляет запрос к сетевому DNS-серверу. Сетевой DNS-сервер так же проверяет свой кэш и возвращает данные из него или обращается по протоколу whois к регистратору доменов (так же компьютеры с определённым программным обеспечением) и получает из его базы данных зарегистрированных доменов соответствие домена и IP, а так же дополнительные данные (NS-записи).
  • Получив IP удалённого сервера, браузер обращается к нему по протоколу HTTP или HTTPS.
  • На удалённом сервере этот запрос получает веб-сервер, программа обслуживающая такие запросы.
  • Веб-сервер на основании запроса определяет какой локальный файл требуется вернуть браузеру пользователя (html, css, js, txt или изображение). Или же необходимо запустить PHP (программа) и передать в него параметры файла, после чего вернуть в браузер пользователя строки возвращённые PHP.
  • Если необходимо запустить PHP, то запускается PHP (программа) которой передаётся для обработки файл с командами. Пример команд: соединится с базой данных (программа для хранения данных) и получить определённые данные, полученные данные совместить с шаблоном html и вернуть веб-серверу полученный результат в виде html строк.
  • Веб-сервер возвращает результат работы PHP или файл в Ваш браузер для отображения.  
  • Браузер получив html страницу автоматически находит вставленные в неё с помощью html тегов: изображения, css и js которые он аналогичным образом запрашивает у веб-сервера.
  • Получив все необходимые данные (в зависимости от настроек браузера), браузер начинает сначала выполнять команды из html файла по отображению данный, после этого выполняет команды из css файла для изменения оформления отображённых данных, а после всего начинает выполнять команды из js файла по динамическому изменению отображённых данных на основании действий пользователя (нажатие на кнопки и т.п.).
  • Вы видете в своём браузере прекрастный сайт.

Самый простой способ начать программировать это установить себе (на Windows): текстовый редактор с подсветкой кода Notepad++ (https://notepad-plus-plus.org/), заказать на месяц хостинг за 3$ (Drupal 7 хостинг: первый) например на сайте https://drupalhosting.ru/ и поставить программу WinSCP для копирования файлов между компьютером и сервером.

Пример содержимого php файла с командами для вывода строки - Hello, world!:

<?php
  echo 'Hello, world!'; 
?> 

Пример содержимого html файла:

<!DOCTYPE html>
<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>HTML Document</title>
   </head>
   <body>
      <p>
         <b>
            Этот текст будет полужирным, 
            <i>а этот - ещё и курсивным</i>
         </b>
      </p>
   </body>
</html>

Пример содержимого css файла в котором задаётся шрифт для параграфоф (тег: <p>):

 p {
   font-family: arial, helvetica, sans-serif; 
} 

Пример содержимого js файла в котором содержится команда браузеру - после загрузки страницы в браузер пользователя, элементу с селектором id - alertLink назначается действие - вывести сообщение, после нажатия кнопкой мышки по данному элементу:

 window.onload = function() {
    var linkWithAlert = document.getElementById("alertLink");
    linkWithAlert.onclick = function() {
        return confirm('Вы уверены?'); 
    };
};