Статические и динамические веб-страницы – в чем разница?

staticheskie i dinamicheskie veb straniczy – v chem raznicza

Представьте, что вы идете на собеседование о работе своей мечты, а интервьюер бросает этот вопрос за вас:

«Так вы можете отличить статическую веб-страницу от динамической веб-страницы?»

Какова бы ваша реакция?

Если вы не знаете ответа на этот вопрос или трудно придумать, то эта статья для вас.

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

Вы можете задаться вопросом, что делает веб-страницу статической, а что делает веб-страницу динамической.

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

Что такое веб-страница?

Сначала нам нужно понять, что такое веб-страница и сайт и чем они отличаются. Для этого рассмотрим энциклопедию.

Энциклопедия (например, Википедия) состоит из многих страниц. Каждая страница имеет свое содержимое: заголовок, абзац, изображения, диаграммы, маркеры, списки и, конечно, определение терминов, которые вы ищете.

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

Это очень похоже на веб-страницы и веб-сайты.

Веб-страница – это один документ, который может содержать текст, изображение, гипертекст или другие элементы. Мы создаем веб-страницы, используя такой язык разметки, как HyperText Markup Language, более известный как HTML.

Гипертекст – это любой веб-документ, содержащий гиперссылку. Гиперссылка – это любой элемент на веб-странице, который при нажатии на него посылает на другую веб-страницу.

Эти взаимосвязанные веб-страницы образуют организованную сеть веб-страниц, которую мы называем веб-сайт.

Каждая веб-страница, доступная в Интернете, должна иметь собственный URL-адрес. Вот типичный URL-адрес веб-страницы:

www.freecodecamp.org/news

Нет Не беспокойтесь, мы узнаем, что это означает очень скоро.

Теперь у меня есть для вас простой тест:

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

Подождите некоторое время, а затем снова посетите этот URL. Затем ответьте на следующие вопросы:

  • Если сравнить текущее состояние страницы с предыдущим, есть ли какие-либо отличия в ее содержании?
  • Заканчивается URL-адрес страницы расширением документа /.html например) закончился ли он конечной точкой? /profile например)
  • Предполагая, что вы изменяете настройки браузера (например, очищаете файлы cookie), возвращает ли тот же URL другой страницу?
  • Предлагается ли вам отправить форму перед тем, как страница будет воспроизведена в вашем браузере?

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

Что такое статическая страница?

Статическая страница имеет следующие характеристики:

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

Вот пример статической страницы:

www.example.com/about.html

Что такое динамическая страница?

Динамическая страница имеет следующие характеристики:

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

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

Так, например, если другой пользователь запрашивает ту же страницу, возвращается другое содержимое.

Или возможно, когда пользователь изменяет настройки, возвращается новая страница.

Или, возможно, когда время меняется, возвращается другое содержимое.

Чтобы проиллюстрировать это более интуитивно, рассмотрим два сценария в ресторане:

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

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

Первый сценарий иллюстрирует, как воспроизводится статическая страница. Второй сценарий иллюстрирует, как воспроизводится динамическая страница.

Вот пример динамической страницы:

www.example.com/courses

URL-адрес /course не является расширением документа, а скорее конечная точка.

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

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

Эта страница никогда не существовала как файл на сервере. Вместо этого он был создан запускаемым сценарием, когда пользователь спросил его.

Подведению

Веб-страница – это отдельный документ, содержащий текст, изображения, гипертекст и другие элементы.

Гипертекст – это веб-документ, содержащий гиперссылку. Гиперссылка связывает одну веб-страницу с другой.

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

Чтобы веб-сайт считался статическим, каждый вызов на тот же URL-адрес возвращает ту же веб-страницу.

С другой стороны, если содержимое сильно меняется, то эта веб-страница динамическая. Динамическая страница также заканчивается конечной точкой, а не путём к файлу.

Вот и все. Надеемся, теперь вы можете отличить статическую веб-страницу от динамической веб-страницы. Я очень надеюсь, что вы получили что-нибудь полезное из этой статьи.

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

Спасибо, что читаете и до встречи.

P/S: Если вы изучаете JavaScript, я создал электронную книгу, излагающую 50 тем JavaScript с нарисованными от руки цифровыми заметками. Проверьте это здесь.

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

Ваш адрес email не будет опубликован.