Páginas web estáticas y Dinámicas

Quizá el título de este artículo ya es lo suficientemente descriptivo y te insinúe qué esperas de una página estática y qué esperas de una dinámica. Pero quizá estás empezando en el mundo del Desarrollo Web y mi intención es dejarte claro de qué se trata.

Páginas estáticas

Una página estática es un producto web con textos, imágenes o videos y que contiene información que no va a cambiar en el tiempo, siempre será la misma. Normalmente, este tipo de páginas no están conectadas con una base de datosporque no hay componentes que generen cambios del lado del cliente.

Por ejemplo una página web informativa. Un artista generalmente tiene una páginas web muy estática, solo le interesa tener una página con información con su biografía y sus obras. Si entras hoy y vuelves a entrar en seis meses después, quizá encuentres la misma información, o tal vez la misma información con un breve cambio.

Otro ejemplo son las páginas web que contienen información acerca de un producto. Rara vez la información del producto cambiará en el tiempo, pero la mayoría de la información permanecerá estática.

Una característica de una página web estática, es que toda la información se genera desde el lado del servidor, no existen cambios desde el lado del cliente.

Páginas dinámicas

Las páginas dinámicas o Web Apps, dejan de ser páginas estáticas y se comportan como aplicaciones, porque, desde el lado del cliente se interactúa constantemente con el servidor.

Este tipo de páginas si están conectadas con una base de datos porque desde el lado del cliente se actualiza información o los estados de la aplicación.

Por ejemplo, una página de inicio de sesión. Tú desde el navegador introduces tu información de usuario y contraseña y se la envías al servidor para que este haga la comprobación de los datos con la base de datos y te habilite el acceso al servicio que deseas ingresar.

Otro ejemplo, es una página web de un concesionario de automóviles. Algunas de estas páginas son aplicaciones web que le permiten a las personas seleccionar el color y otras características del automóvil que están a punto de comprar.

Conclusión

Una página estática no es menos que una dinámica, todo depende de las necesidades de interacción.

Si una empresa solo necesita informar sobre un producto, una página estática cumple con el objetivo fundamental; en cambio, si necesita que potenciales compradores interactúen con el producto, lo más posible, se necesite una página dinámica.

Publicaciones Similares

  • Cómo actualizar Ghost

    Para actualizar Ghost, primero se recomienda realizar un Backup completo Se recomienda realizar un backup de todos los contenidos que se tienen en el sitio web. Esta es una buena práctica, porque en caso de que algo salga mal durante la actualización se podrá recuperar toda la información. Se deben exportar los contenidos y la…

  • |

    Patrones de maquetación Responsive: Column Drop

    Inicia todo en forma vertical y una vez comienza a crecer el viewport empieza a generar el drop de los contenedores. Es decir, comienza a posicionar los contenedores hacia arriba por orden de importancia que se haya definido. Platzi.com Ejemplo Documento HTML <!DOCTYPE html><html lang="es"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Column…

  • |

    Posicionamiento de bloques con display CSS

    Por defecto el navegador muestra las cajas con “display: block;” En ese caso, todas las cajas ocupan el 100 % del ancho disponible sin importar si el contenido tiene o no espacio. <!DOCTYPE html><html lang="es"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Display block, inline, inline-block</title> <style> .block-element { background-color: green; margin: 10px;…

  • Transformar tipos de datos con Python

    Algunas veces, dependiendo el caso, deseamos cambiar un dato de un tipo a otro tipo. Un ejemplo de esto, puede ser un número que está almacenado como un texto dentro de una variable. Python, no puede realizar operaciones matemáticas con números almacenados como texto,  entonces, debemos transformarlos para que Python pueda ejecutar las operaciones aritméticas….

  • Qué es un algoritmo

    Algoritmo es una serie de pasos para solucionar un problema En ese sentido, un algoritmo tiene tres fases. El primero, tiene que ver con el planteamiento del problema u objetivo a alcanzar; el segundo, es la formulación de cada paso con el máximo nivel de abstracción posible; y el tercero es la valoración si el…