TechBlogSD - Todo para WordPress y desarrollo WEB
Instrucciones de WEB y WordPress, noticias, reseñas de temas y complementos

Conceptos básicos de los sitios web dinámicos

5

¿Qué es un sitio web dinámico?

A diferencia de los sitios web estáticos, un sitio web dinámico o una página web muestra el contenido de manera diferente cada vez que un visitante recarga o actualiza la página. Además, también puede proporcionar más funciones interactivas dentro de una página web sin recargar. Lo más importante es que las páginas web dinámicas se crean ensamblando varias páginas estáticas o dinámicas. Tomemos un ejemplo de una publicación de blog PHP como se muestra a continuación. Esta página es un conjunto de archivos header.php, footer.php, sidebar.php y main-content.php.

Conceptos básicos de los sitios web dinámicos

Estas páginas dinámicas se crean utilizando los siguientes dos métodos basados ​​en el procesamiento:

  • Secuencias de comandos del lado del cliente
  • Secuencias de comandos del lado del servidor

Secuencias de comandos del lado del cliente

Las secuencias de comandos del lado del cliente se utilizan para controlar el comportamiento dinámico dentro de una página web en función de una acción del movimiento del mouse o la entrada del teclado. En este caso, el comportamiento dinámico se crea en el navegador web del usuario que se ejecuta en una computadora local en lugar de un servidor web ubicado de forma remota. Por lo tanto, no es necesario volver a cargar las páginas web dinámicas para los comportamientos dinámicos del lado del cliente. Primero, el navegador recupera el contenido inicial del servidor y genera los controles dinámicos dentro del navegador basados ​​en la entrada del usuario. Los lenguajes de secuencias de comandos del lado del cliente incluyen JavaScript, ActionScript y Flash.

Recuerde los siguientes puntos:

  • Debe habilitar JavaScript en su navegador para ver una página dinámica que ejecuta JavaScript.
  • Java y JavaScript son dos lenguajes diferentes.
  • Java es un lenguaje complejo desarrollado por Sun Microsystems actualmente propiedad de Oracle Corporation. Mientras que JavaScript es un lenguaje de script desarrollado por Netscape.

Ejemplo de cómo funciona la secuencia de comandos del lado del cliente con JavaScript

Aquí hay un código de ejemplo de una página dinámica que pregunta el nombre de usuario y luego lo muestra en la ventana del navegador como "Hola NOMBRE DE USUARIO" usando HTML y 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>
  • Suponga que este código está almacenado en un servidor web con el nombre de la página como " http://www.example.com/dynamicjavascript.html " y un visitante está buscando esta página en un navegador Chrome.
  • Una vez que se recibe la solicitud desde el navegador, el servidor web no procesa ninguno de los códigos y envía el documento HTML "dynamicjavascript.html" tal como está almacenado.
  • El navegador recibe el documento HTML, interpreta las marcas, procesa el script y carga el contenido como una página web.

Un ejemplo típico de secuencias de comandos del lado del cliente es una validación de las entradas de formulario enviadas por los usuarios. Por ejemplo, si no ingresa el ID de correo electrónico archivado obligatorio, el código JavaScript en el nivel del navegador dejará de enviar el formulario al servidor.

Secuencias de comandos del lado del servidor

Las secuencias de comandos del lado del servidor permiten que la misma página muestre contenido diferente cada vez que se carga. El contenido de una página dinámica se almacena en la base de datos de un servidor y el comportamiento dinámico está controlado por los programas de secuencias de comandos que se ejecutan en el lado del servidor. Por lo tanto, el navegador requiere volver a cargar la página cada vez para recuperar el contenido dinámico. Los lenguajes de programación del lado del servidor incluyen PHP, JSP, Perl, ASP, ASP.NET, ColdFusion, Ruby y WebDNA.

Ejemplo de cómo funciona la secuencia de comandos del lado del servidor con PHP

Aquí hay un código de ejemplo para que la secuencia de comandos del lado del servidor muestre contenido diferente cada vez que la página se carga usando HTML y PHP.

<html> <head> <title>WebNots - Dynamic Page Example with PHP</title> </head>
  • Suponiendo que este código se almacena en un servidor como " http://www.example.com/dynamicphp.php ".
  • Cuando el navegador solicita esta URL por primera vez, el servidor primero procesa el código PHP en el documento y envía el primer contenido "Este es un sitio HTML".
  • El navegador recibe este contenido, interpreta las marcas y lo muestra como encabezado.
  • Cuando se solicita la página por segunda vez, el servidor responde con el segundo elemento "Este es un sitio creado con PHP" y el proceso continúa.

Un ejemplo típico de procesamiento dinámico es la publicación de anuncios en una página web con programas como Google AdSense. Verá publicidad diferente en la página cada vez que se cargue según el costo más alto ofrecido por el anunciante.

Características de una página web dinámica

  • Las páginas dinámicas ofrecen información personalizada según las necesidades del usuario.
  • Proporciona elementos más interactivos para atraer a los visitantes durante mucho tiempo en una página web.
  • La secuencia de comandos del lado del servidor necesita acceso al servidor y, por lo tanto, necesita una cuenta de alojamiento con el proveedor de servicios como GoDaddy, Bluehost, SiteGround, HostGator, etc.
  • Aunque las herramientas gratuitas de creación de sitios web como Weebly permiten el ensamblaje dinámico de contenido (al menos para publicaciones de blog en Weebly), no puede acceder al servidor para solucionar problemas.
  • Las validaciones básicas de formularios se realizan con secuencias de comandos del lado del cliente y el procesamiento complejo se logra a través de secuencias de comandos del lado del servidor.

Aprenda sitios web dinámicos frente a estáticos.

Fuente de grabación: www.webnots.com
Deja una respuesta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More