На многих тренингах приходится использовать несколько картинок для объяснения того, как работают веб-технологии вообще и веб-приложения в частности. Решил выложить эти картинки здесь.
Все картинки кликабельны.
Общие принципы работы веб-технологий (русскоязычный вариант)
Общие принципы работы веб-технологий (англоязычный вариант)
Принципы работы веб-приложения на примере сохранения файла на сервер и генерации страницы
Логика обработки веб-форм и логика авторизации в веб-приложениях
Структура и логика работы элементарного веб-приложения (написанного на PHP, Java (Servlet) и C# (MVC)) с использованием шаблонизации
Показанное на последней картинке также пояснено в этом видеоролике: