Diferencias entre Páginas Web Estáticas y Dinámicas

Sitos Web Estáticos: La información que contiene, se mantiene constante y estática. No se actualiza con la interacción del usuario. Conveniente para landing pages (Páginas informativas) o Blogs. Serán siempre iguales para todos los usuarios. . Sitios Web Dinámicos (Aplicaciones Web): Actualizan su información con respecto a la interacción del usuario. Dependen de una base de datos, de donde extrae e ingresa información. Serán diferentes, dependiendo del usuario que la use.

Thomas Alexander Riddle Delgado

Gracias

Juan Christopher

¡Gracias!

Sandra Liliana Delgado Gómez

Comparativo entre páginas web estáticas y dinámicas,¿Cuál es la mejor? todo dependerá de cuales sean las necesidades que debamos cubrir

Thomas Alexander Riddle Delgado

Muchas gracias por tus aportes!

Jimmy Buriticá Londoño

👍

Jonathan HERNANDEZ

Diferencias entre una aplicación web y un sitio web

Elegir entre un sitio web y una aplicación web significa cambios muy importantes en un proyecto digital. Explicamos en qué consiste cada tipo de plataforma, a qué necesidades responden y cuándo se usan.

Los términos sitio web y aplicación web suenan parecido y mucha gente los usa sin distinción, hablando de ellos como si fueran lo mismo o implicando que cumplen la misma función.

Sin embargo, se trata de plataformas digitales con propósitos específicos que responden a necesidades muy diferentes. Cada una ofrece un conjunto distinto de funcionalidades a los usuarios, las que dependen directamente de los objetivos de un proyecto.

De esta forma, la decisión de desarrollar una de estas plataformas depende de los productos o servicios que se quieran poner a disposición de los usuarios y los objetivos que se quieran alcanzar en canales digitales.

Otro punto muy relevante es que optar por un sitio web o una aplicación web tiene un efecto importante en los costos y tiempos de un proyecto digital. Las cargas de trabajo asociadas a las distintas áreas también varían mucho en el desarrollo de una plataforma u otra, afectando la planificación de las tareas.

Conocer las diferencias entre un sitio web y una aplicación web permitirá tomar las decisiones adecuadas. Además, ayudará a que todos usen apropiadamente los términos, evitando confusiones y agilizando las definiciones en la planificación de un proyecto.

Páginas estáticas vs sitios interactivos

En pocas palabras, un sitio web es un conjunto de páginas estáticas que entregan información. Por su parte, las aplicaciones web son plataformas principalmente interactivas que se centran en que los usuarios realicen acciones.

Esta diferencia fundamental determina sus principales objetivos, características y funciones.

Aplicaciones web El objetivo principal de una aplicación es que el usuario realice una tarea. También pueden entenderse como un programa que se utiliza desde el navegador. Para crearlos, se usan los lenguajes CSS, HTML, JavaScript y se puede utilizar software gratuito de fuente abierta, como Drupal, Symfony, Django o Meteor.

Algunos ejemplos son los servicios de bancos, Google Docs y los sitios de ventas de retail.

Sitios web El objetivo principal de un sitio web es entregar información. Por lo tanto, consumir contenidos es la tarea más importante hacen los usuarios en este tipo de plataformas.

Esta idea puede sonar confusa, ya que todos los sitios incluyen algún llamado a la acción adicional, como por ejemplo realizar un contacto o suscribirse a un newsletter. La diferencia está en que estas interacciones representan una parte pequeña y usualmente se pueden lograr solo después de guiar al usuario a través del contenido.

Los sitios web tienen además varias páginas interconectadas y requieren un gestor de contenidos.

Principales diferencias y características a considerar

De esta forma, las principales diferencias que se deben considerar al seleccionar una de estas plataformas son:

Los sitios web son fuentes de información, mientras que las aplicaciones se centran en la realización de acciones.
Un aplicación web puede ser parte de un sitio en un proyecto, pero no al revés.

3.Las funciones y tareas de una aplicación son muchas más y tienen un nivel de complejidad más elevado.

Dependiendo de las exigencias del proyecto, una plataforma puede ser más costosa que la otra. Sin embargo, por lo general las aplicaciones web demandan una lógica más compleja y, por tanto, una inversión mayor.

En todos los casos, las exigencias para las áreas son muy diferentes. La creación de un sitio web demandará el trabajo de un grupo más variado de profesionales y tareas, sin que esto signifique necesariamente un costo mayor.

Jose Luis Idarraga

Esn este orden de ideas, una web ecommerce, es decir una tienda digital seria una web app, cierto?

Jonathan HERNANDEZ

¡Literalmente si!!

Edwin Morales

Estos conceptos muchos quizás ya lo sabíamos, pero Diego lo explica tan claro y con tanto detalle que prácticamente ya no se me olvidará .

Joel Dominguez Merino

Lo mismo siento en este momento. Como que ha sido lo mas claro que me han explicado,

Christian Velázquez

Logra aterrizar (coloquial), cada término.

Fabiola Vanesa Castro Juárez

Thomas Alexander Riddle Delgado

Buen aporte

Alejandro David Benolol

La imagen aporta mucho. no se porque quedo tan atrás en los comentarios.

Carolina Coronado Alderete

Diferencias entre dinámicas y estáticas

Víctor Macías Pincay

Nice, Muchas gracias por el aporte.

Xiara Matos Pimentel

👍

Luis Alberto Ducuara Blandón

Maneja muy bien las pausas y los tiempos en las explicaciones, es muy fácil comprender la idea que quiere mostrar. Grande!!!

Douglas Josué Herrera Sánchez

Sí, muy didáctico

Jose Luis Barboza Gonzales

paginas estáticas donde el contenido esta dentro del html

<html>
<h2>soy estatico</h2>
</html>

las dinamicas se conectan a una bd

<html>
<h2>$title</h2>
</html>

Laidon Manolo Ayala Dominguez

interesante aporte

Joel Sierra Mendoza

Si quieren ver el código fuente de esta clase de platzi (y de cualquier página web) simplemente deben presionen Ctrl + U y ahí verán lo que creo que aprenderemos al final del curso. Ojo, tomenlo como ánimo de que aprenderán todo ello y no que se asusten (al menos a mi me anima a comprenderlo todo de la línea 1 hasta la última)

Víctor Macías Pincay

Gracias, está interesante el aporte.

Cristian Blandon

¿Por qué mucha gente dice que JavaScript transforma una página web de estática a dinámica? Esto es algo que he leído y escuchado mucho, y me gustaría leer sus opiniones (ya que según la clase, entiendo que no es así, o no del todo).
Si una página web tiene JavaScript (cualquiera, básico, sin entrar en detalles), pero no hay interacción con una base de datos, ¿es estática? Y, si la página le pide al usuario su peso en kilogramos para devolverle su peso en libras, pero no hay una base de datos al medio (sólo código JS que realiza operaciones básicas), ¿sigue siendo estática?
Una "app" de calculadora hecha en JS, ++sin base de datos++, solo con su código JS que realiza las operaciones de cada botón, ¿es estática o dinámica?

Emanuel Salazar

Hola Cristian, según lo que yo entiendo sobre este tema , necesariamente para que una página web sea dinámica debe tener integración de una base de datos. En el ejemplo de la calculadora hecha en JS es para mi algo estático, claramente JavaScript permite interacción con el usuario, pero puede haber interacción con JS y no necesariamente ser definido como una aplicación web dinámica, sin embargo, si a esa página de la calculadora le añadimos una base de datos donde sea posible tener un Login y almacenar todos las operaciones que hayas realizado y compartirlas con otros usuarios ya se convierte en un proyecto dinámico.

Espero el comentario sea de ayuda, saludos!!

Fernando Remache

según mi humilde opinión una pagina dinámica es la que interactúa con el cliente ya sea con base de datos o con JS por ejemplo escribir un comentario, iniciar sesión(login) realizar compras, etc. en cambio una estática es la que solo te permite visualizar algún tipo de información ya sea de algún producto o servicio.

Pablo Javier Luengo del Toro

Es difícil ser más claro y explicarlo mejor, de diez.

Jefferson Henao Monsalve

Total

Iván Arcos

Qué bueno es Diego explicando, las clases son muy fáciles con él como profesor 👌🏼

Thomas Alexander Riddle Delgado

Gran aporte, gracias

Jefferson Henao Monsalve

Gracias

Elvis Perez

Me permito sugerir una sutil corrección, pero creo que es importante, sobre todo al momento de diagramar una arquitectura no debe existir ambiguedades, respecto en lo factual el server es siempre el que se hablara con el Cliente, no la BD contra el cliente. En este caso el Server Web se hablara con quien lo pueda suplir de algun recurso y luego sera el quien lo retorne al cliente bajo un formato y protocolo especifico normalmente http ( en modo seguro https ). Mucho diran que es obvio pero en realidad para quien comienza ente mundo es facil confundirse... como arquitecto de Soluciones son detalles importantes que no pueden dejar pasar.

Alejandro Abalos

Carlos Eduardo Gomez García

Una landing page es más que nada una página de aterrizaje,como se menciona, la información rara vez va a cambiar, estas páginas estáticas usualmente NO están pensadas para generar interacción con los usuarios, las páginas dinámicas si lo están, porque requieres que tus usuarios generen y consuman contenido cada día

David Prada

¿Y en caso de conectar la landing page a un sistema para obtener leads? Tipo conectarla a una plataforma como mailchimp, tendría que darme sus datos personales para poder contactarlo, seguiría siendo una página web estática o ya sería dinámica?

Antony Jesus Romero Garcia

Segun tengo entendido la pagina de aterrizaje se usan en casos como mencionas tu. Y tambien a la hora de vender un producto digital... todavia contaria como estatica a la hora de vender el producto

Ejemplo: Vendo un curso digital pongo la informacion y un boton para que hagan el pago, contaria como estatica?

Cristhian Carrión

Juan Zavala Ortiz

O sea que la dinámica es más cara que una estática, desarrollarla ?

Kevin J. Zea Alvarado

Suele tomar un proceso más largo, ya que implicaría que existan los elementos necesarios para que cambie como se desee. Por otro lado, la estática no presenta ningún cambio tan grande, por lo que sería más sencillo construirla y mantenerla.

Juan Guillen Fortich

Si, la principal razón es que las páginas dinámicas involucran mas tecnologías y pueden traer características muy complejas de desarrollar.

Usuario anónimo

User

Ejemplo pagina estáticas:

Menú de un restaurante
Blogpost de periodismo

Ejemplo pagina dinamicas:

Sistema de reporte de ventas
Linkedin
Banca en linea

Iris Valentina Barrios

Omar Gabriel Aguilar Moscoso

entonces ¿Para crear webs dinámicas debo saber y dominar lenguaje de backend?

Carlos Eduardo Gomez García

¡Hola! Sí.... y no, es decir, una web dinámica sí o sí hará uso de backend con una base de datos.

Sin embargo, hoy en día ya no es necesario que aprendas backend para ello, hoy en día existes BaaS (Backend as a Service) donde todo el backend ya está programado y tu solo debes configurarlo, un ejemplo de ellos es Firebase.

En el curso de Firebase para la web puedes aprender a hacer una web dinámica sin saber de backend usando Firebase ^^

Juan González

No necesariamente, hoy en día uno puede enfocarse sólo en hacer un buen front, exportarlo como una página estática, subirla a un servicio de hosting para sitios estáticos (Surge, Netlify, Vercel) y después conectarse a servicios a través de sus API's para añadir funcionalidades "dinámicas" a páginas "estáticas"

Uno también podría usar funciones serverless para evitar el backend y conectarse directamente a los datos.

Dante Muniz Torres