TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

Основы динамических веб-сайтов

197

Что такое динамический веб-сайт?

В отличие от статических веб-сайтов, динамический веб-сайт или веб-страница по-разному отображают контент каждый раз, когда посетитель перезагружает или обновляет страницу. Кроме того, он также может предоставлять больше интерактивных функций на веб-странице без перезагрузки. Что наиболее важно, динамические веб-страницы создаются путем объединения нескольких статических или динамических страниц. Давайте возьмем пример сообщения в блоге PHP, как показано ниже. Эта страница представляет собой сборку файлов header.php, footer.php, sidebar.php и main-content.php.

Основы динамических веб-сайтов

Такие динамические страницы создаются с использованием следующих двух методов на основе обработки:

  • Скрипты на стороне клиента
  • Сценарии на стороне сервера

Клиентские сценарии

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

Помните следующие моменты:

  • Вам необходимо включить JavaScript в вашем браузере, чтобы увидеть динамическую страницу, на которой запущен JavaScript.
  • Java и JavaScript – два разных языка.
  • Java – это сложный язык, разработанный Sun Microsystems, в настоящее время принадлежащий Oracle Corporation. Тогда как JavaScript – это язык сценариев, разработанный Netscape.

Пример того, как сценарии на стороне клиента работают с JavaScript

Вот пример кода динамической страницы, которая запрашивает имя пользователя и затем отображает его в окне браузера как «Hello USERNAME» с использованием HTML и JavaScript.

<HTML> <HEAD> <TITLE>WebNots - Dynamic Page Example with JavaScript</TITLE> <SCRIPT Language = JavaScript> var name = prompt("Enter your name", "Name"); </SCRIPT> </HEAD> <BODY> <SCRIPT Language = "JavaScript"> document.write("<H2> Hello " + name + "</H2>"); </SCRIPT> </BODY> </HTML>
  • Предположим, этот код хранится на веб-сервере с именем страницы как «http://www.example.com/dynamicjavascript.html », и посетитель ищет эту страницу в браузере Chrome.
  • После получения запроса от браузера веб-сервер не обрабатывает никакой код и отправляет HTML-документ «dynamicjavascript.html» в том виде, в котором он хранится.
  • Браузер получает HTML- документ, интерпретирует разметку, обрабатывает сценарий и загружает контент как веб-страницу.

Типичным примером сценариев на стороне клиента является проверка записей формы, отправленных пользователями. Например, если вы не введете обязательный идентификатор электронной почты, код JavaScript на уровне браузера перестанет отправлять форму на сервер.

Сценарии на стороне сервера

Сценарии на стороне сервера позволяют одной и той же странице отображать различное содержимое при каждой загрузке. Содержимое динамической страницы хранится в базе данных сервера, а динамическое поведение контролируется программами сценариев, запущенными на стороне сервера. Следовательно, браузеру требуется перезагрузка страницы каждый раз для получения динамического содержимого. Языки сценариев на стороне сервера включают PHP, JSP, Perl, ASP, ASP.NET, ColdFusion, Ruby и WebDNA.

Пример того, как сценарии на стороне сервера работают с PHP

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

<html> <head> <title>WebNots - Dynamic Page Example with PHP</title> </head>
  • Предположим, что этот код хранится на сервере как «http://www.example.com/dynamicphp.php ».
  • Когда браузер запрашивает этот URL в первый раз, сервер сначала обрабатывает PHP-код в документе и отправляет первое содержимое «Это сайт HTML».
  • Браузер получает это содержимое, интерпретирует разметку и отображает его как заголовок.
  • Когда страница запрашивается во второй раз, сервер отвечает вторым элементом «Это сайт, созданный с помощью PHP», и процесс продолжается.

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

Особенности динамической веб-страницы

  • Динамические страницы предлагают индивидуальную информацию в соответствии с потребностями пользователя.
  • Предоставляет больше интерактивных элементов, чтобы долгое время удерживать посетителей на веб-странице.
  • Для сценариев на стороне сервера требуется доступ к серверу и, следовательно, требуется учетная запись хостинга у поставщика услуг, такого как GoDaddy, Bluehost, SiteGround, HostGator и т.д.
  • Хотя бесплатные инструменты для создания веб-сайтов, такие как Weebly, позволяют динамическую сборку контента (по крайней мере, для сообщения в блоге в Weebly), вы не можете получить доступ к серверу для устранения неполадок.
  • Базовые проверки форм выполняются с помощью сценариев на стороне клиента, а сложная обработка выполняется с помощью сценариев на стороне сервера.

Изучите динамические и статические веб-сайты.

Источник записи: www.webnots.com

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