Nombre:
Jazmín Andrea Gutiérrez Chinchillas
Grupo:
5C
Nombre del docente:
Iris Edith Cotri Melecez
Materia:
Submódulo #2
Fecha:
5-11-22
Titulo:
Páginas web estáticas, Páginas web dinámicas
Introducción
Actualmente sabemos que en las páginas web estáticas no se utilizan
bases de datos y tampoco se requiere programación. Este tipo de webs
son más económicas ya que el tiempo de programación es mucho
menor que en las paginas dinámicas.
A continuación, te presentaremos las ventajas, desventajas y
diferencias entre una web estática y una web dinámica, esto para
encontrar un diseño que se adapte a nuestras necesidades.
Desarrollo
- Página Estática
Una página web estática está compuesta por archivos HTML individuales por cada
página que son pre-generados y presentados al usuario a través del navegador de
la misma forma.
Como una página web estática básica está compuesta por elementos como títulos,
cuadros de textos, etiquetas, imágenes y otros elementos multimedia, un usuario
solo puede interactuar con una página web estática a través de lo que permiten los
elementos HTML, por ejemplo haciendo clic en enlaces, botones o rellenando
formularios como el clásico formulario de subscripción.
No son tan complejos técnicamente como un sitio web dinámico, pero tampoco
son tan versátiles y efectivos cuando se trata de entregar funcionalidad. En pocas
palabras, en una página web estática, verás la misma información, diseño y
contenido cada vez que la visites, a menos que alguien aplique cambios al código
fuente de forma manual.
Si quisieras crear una página web estática solo necesitas un editor de texto como
el Bloc de notas y saber de HTML y CSS, no es necesario utilizar entornos de
desarrollo complejos.
- Ventajas
- El coste inicial de una página web estática puede ser mucho menor que al de
una dinámica.
- Son muy flexibles cuando se trata del diseño.
- Los tiempos de carga son muy rápidos.
- Desventajas
- Una página web estática puede ser más difícil de actualizar.
- Agregar contenido a la página web o realizar actualizaciones puede incurrir
en costos adicionales.
- Agregar nuevas páginas o funcionalidades a una web estática puede ser más
difícil que hacerlo para una web dinámica.
- Ejemplo de página estática
<head>
<title>Ejemplo página web estática</title>
</head>
<body>
La fecha de hoy es Enero 1, 2020
</body>
</html>
Paginas Dinámicas
La palabra dinámica se refiere a elementos que cambian continuamente,
son interactivos y funcionales, en lugar de ser simplemente informativos.
Por supuesto, eso requiere utilizar más que solo código HTML y CSS.
En comparación con las páginas web estáticas, que son
mayoritariamente informativas, una página web dinámica incluye
aspectos que se caracterizan por la interactividad y la funcionalidad, por
ejemplo, los usuarios pueden interactuar con la información que se
presenta en la página gracias a las instrucciones creadas a través de los
lenguajes de programación y la base de datos sobre la que está
construida.
Los sitios web dinámicos basan su comportamiento y funcionalidad en
dos tipos de programación, front-end (del lado del cliente) y back-
end (del lado del servidor). Las instrucciones del lado del cliente es
código JavaScript que se ejecuta en el navegador. Mientras que las
instrucciones que se ejecutan del lado del servidor son instrucciones
escritas en lenguajes de scripting o programación, como ASP.Net, PHP,
Python, etc. y que son ejecutadas para crear lo que el usuario ha
solicitado en su interacción con la página.
Una vez ejecutadas las instrucciones en el servidor, un nuevo HTTP
response se envía al navegador del usuario para mostrarle lo que ha
solicitado. El resultado final es el mismo que en un sitio web estático: una
página HTML que el usuario ve desde el navegador.
Por resumir, una página web dinámica puede ser más compleja cuando
hablamos de su diseño y desarrollo, pero también es más versátil cuando
se trata de la funcionalidad que ofrece.
- Ventajas
- Puede gestionar información a través de bases de datos.
- El contenido se puede gestionar a través de un CMS.
- El coste de mantenimiento es menor.
- Desventajas
- Pueden existir limitaciones en el diseño.
- Puede involucrar altos costos de construcción iniciales.
- Ejemplo de página dinámica
<head>
<title>Página web dinámica</title>
</head>
<body>
La fecha de hoy es <%=Datetime.Now()%>
</body>
</html>
Conclusión
En conclusión, entendemos las diferencias entre ambos tipos de páginas, esto para
llegar a una decisión en el desarrollo de un proyecto web. En definitiva, si tu proyecto
solo quiere mostrar su historia, productos o servicios, lo mejor seria una página web
estática, pero si lo que necesitas es una web mediante la cual puedas hacer ventas,
recibir pagos, almacenar estadísticas, etc, tu elección debe ser la página dinámica.
Pagina web consultada
Páginas web estáticas vs páginas web dinámicas | OpenWebinars
