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

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

В отличие от статических веб-сайтов, динамический веб-сайт или веб-страница отображает контент по-разному каждый раз, когда посетитель перезагружает или обновляет страницу. Кроме того, он также может предоставлять больше интерактивных функций на веб-странице без перезагрузки. Что наиболее важно, динамические веб-страницы создаются путем объединения нескольких статических или динамических страниц. Давайте возьмем пример сообщения в блоге 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 document, интерпретирует разметку, обрабатывает сценарий и загружает контент как веб-страницу.

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

Серверные сценарии

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

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

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

<html>
<head>
<title>WebNots - Dynamic Page Example with PHP</title>
</head>
<BODY STYLE="background-color:#f1f1f1; color:red;">
<?php $dynamicsites = array("This is a HTML site", "This is a site created with PHP", "This is a free Weebly Site", "This is a free site created by Wix"); 
$item = rand(0, sizeof($websites )-1); ?>
<h1>
<?php echo $websites [$item] ?>
</h1>
</body>
</html>
  • Предположим, что этот код хранится на сервере как «http://www.example.com/dynamicphp.php».
  • Когда браузер запрашивает этот URL в первый раз, сервер сначала обрабатывает PHP-код в документе и отправляет первое содержимое «Это сайт HTML».
  • Браузер получает это содержимое, интерпретирует разметку и отображает его как заголовок.
  • Когда страница запрашивается во второй раз, сервер отвечает вторым элементом «Это сайт, созданный с помощью PHP», и процесс продолжается.

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

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

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

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

Похожие записи

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

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