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

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

2

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

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

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

Такі динамічні сторінки створюються двома наступними методами на основі обробки:

  • Сценарії на стороні клієнта
  • Сценарії на стороні сервера

Сценарії на стороні клієнта

Сценарії на стороні клієнта використовуються для керування динамічною поведінкою всередині веб -сторінки на основі дії з руху миші або введення з клавіатури. У цьому випадку динамічна поведінка створюється у веб -браузері користувача, що працює на локальному комп’ютері, а не на віддаленому веб -сервері. Отже, динамічні веб -сторінки не потрібно перезавантажувати для динамічної поведінки на стороні клієнта. Спочатку браузер отримує початковий вміст із сервера та генерує динамічні елементи керування у веб -переглядачі на основі вводу користувача. Мови сценаріїв на стороні клієнта включають JavaScript, ActionScript та Flash.

Запам’ятайте наступні моменти:

  • Щоб побачити динамічну сторінку з JavaScript, потрібно увімкнути JavaScript у своєму веб -переглядачі.
  • Java та JavaScript – дві різні мови.
  • Java – складна мова, розроблена компанією Sun Microsystems, яка зараз належить корпорації Oracle. Тоді як 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, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. Прийняти Читати далі