Web Developer Fundamentals

1

Qué aprenderás sobre HTML y CSS

2

¿Qué es el Frontend?

3

¿Qué es Backend?

4

¿Qué es Full Stack?

5

Páginas Estáticas vs. Dinámicas

Quiz: Web Developer Fundamentals

HTML

6

HTML: anatomía de una página web

7

Index y su estructura básica: head

8

Index y su estructura básica: body

9

Reto: crea tu lista de compras del supermercado

10

Anatomía de una etiqueta de HTML

Quiz: HTML

Etiquetas multimedia

11

Tipos de imágenes

12

Optimización de imágenes

13

Etiqueta img

14

Etiqueta figure

15

Etiqueta video

Quiz: Etiquetas multimedia

Formularios

16

Etiqueta form e input

17

Calendar

18

Autocomplete y require

19

Select

20

Input type submit vs. Button tag

Quiz: Formularios

CSS

21

¿Qué es CSS?

22

¿Cómo utilizamos CSS?: por etiqueta, selector, class y por ID

23

Pseudo clases y pseudo elementos

24

Anatomía de una regla de CSS

25

Modelo de caja

26

Herencia

27

Especificidad en selectores

28

Demo de especificidad y orden en selectores

29

Más sobre selectores

30

Combinadores: Adjacent Siblings (combinators)

31

Combinadores: General Sibling

32

Combinadores: Hijo y Descendiente

33

Medidas

34

Medidas EM

35

Medidas REM

36

Max/Min width

37

Position

38

Display

39

Desafío: Layout 1

40

Display Flex

41

Flexbox layouts

42

Variables

43

Web fonts

Quiz: CSS

Responsive Design

44

Responsive design: media queries

45

Estrategias de responsive: mostly fluid

46

Implementando mostly fluid

47

Layout shifter CSS

48

Column drop

49

Buenas prácticas y ejemplos de responsive

50

Imágenes responsive

Quiz: Responsive Design

Accesibilidad

51

Textos

52

Semántica

53

Labels, alt y title

Próximos pasos

54

Próximos pasos como Web Developer

55

Bonus: tabla de etiquetas HTML

Páginas Estáticas vs. Dinámicas

5/55
Recursos

Los sitios web se comportan de forma diferente dependiendo de la forma en que fueron diseñados desde su concepción, tomando en cuenta la interacción con el usuario. Aquí veremos las diferencias entre sitios web estáticos y dinámicos:

Sitos Web Estáticos

La información que contiene se mantiene constante y estática. No se actualiza con la interacción del usuario. Es conveniente para realizar landing pages (páginas informativas o de aterrizaje) o blogs. Se mostrarán siempre iguales para todos los usuarios.

Sitios Web Dinámicos

También conocidos como 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 y la información que se ingrese.

Ejemplo de páginas estáticas:

  • Menú de un restaurante
  • Blog de viajes
  • Página informativa de un negocio

Ejemplo páginas dinámicas:

  • Sistema de reporte de ventas
  • Linkedin
  • Banca en línea

Repasa qué es Full Stack

Aporte creado por: Alejandro Ramos, Jorge Armas.

Aportes 348

Preguntas 74

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

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.


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

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:

  1. Los sitios web son fuentes de información, mientras que las aplicaciones se centran en la realización de acciones.

  2. 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.

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á .

Diferencias entre dinámicas y estáticas

Les comparto esta imagen del sitio web Capacitate para el empleo



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

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)

paginas estáticas donde el contenido esta dentro del html

<html>
<h1>soy estatico</h1>
</html>

las dinamicas se conectan a una bd

<html>
<h1>$title</h1>
</html>

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

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.

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

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


Magnifica explicación, más simple no puede ser!

Ejemplo pagina estáticas:

  • Menú de un restaurante
  • Blogpost de periodismo

Ejemplo pagina dinamicas:

  • Sistema de reporte de ventas
  • Linkedin
  • Banca en linea

Paginas estáticas y paginas dinámicas
Estáticas: son informativas, info que está ahí por mucho tiempo.
No están conectadas a servidor o base de datos. No se generan cambios del lado del cliente.
Ejemplos: página que da información, presentación de una empresa, blogpost (la información en el blog no cambia).

Paginas dinámicas: web apps.
Si están conectadas a base de daros. El usuario genera interacción con la página. Se tiene que guardar información de estado de lo que se está haciendo.
Tienen login, interactuar con productos
Ejemplos: red social como twitter, web app como la página de platzi.

Depende las necesidades del cliente/empresa es el tipo de página que conviene vender.

PÁGINAS WEB ESTÁTICAS
.
Son ideales para las empresas que no quieren muchas pretensiones con su sitio web, sino simplemente informar a sus clientes de sus productos y dar a conocer su perfil de empresa entre otros. La principal ventaja es lo económico que pueden resultar. Su diseño y desarrollo es más rápido que el de una web dinámica pero el usuario no puede seleccionar, ordenar o modificar los contenidos o el diseño de la página. Sus características más relevantes son:
.

  1. Ausencia de movimiento y funcionalidades.

  2. Realizadas en XHTML o HTML.

  3. Acceder al servidor para cambiar contenidos de la página.

  4. Opacidad a los deseos o búsquedas del visitante a la página.

  5. Lento y manual el proceso de actualización.
    .

PÁGINAS WEB DINÁMICAS
.
Estas permiten la creación de aplicaciones dentro de la propia web y ofrecen una mayor interactividad con los usuarios que la visiten. Su creación es más compleja, ya que se requiere de conocimientos específicos de lenguajes de programación y gestión de bases de datos. Con este tipo de páginas web se puede hacer todo lo que se desee. La web 2.0 es realmente la web dinámica , esa en la cual los usuarios interactúan con la información contenida en la web, ya que dicha información varía en tiempo real de acuerdo a las opciones tomadas por el usuario. Las características son:

.

  1. Infinitas posibilidades en su diseño y desarrollo.

  2. El visitante puede alterar el diseño, contenidos o presentación.

  3. Se utilizan varias técnicas de programación.

  4. El proceso de actualización es muy sencillo.

  5. Permite muchas funcionalidades como bases de datos, foros, etc.

  6. En definitiva, si tu empresa solo quiere mostrar su historia, productos o servicios, lo mejor sería 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 web dinámica.

Me cansé de trabajar de albañil ojalá aprenda -.-!

Notas de la clase

Si en mi página yo tengo un formulario de contacto donde los usuarios me dejan sus datos y se envían a mi correo se sigue considerando como totalmente estática ?

Página estática:



  • Estáticas: es aquella que es más sobre lectura.
  • Una vez que se publica no va a cambiar.
  • Se puede conocer como landing pages.
  • No están conectadas a una base de datos, porque todo se desarrolla desde el servidor.

Página dinámicas:



  • Son aplicaciones web.
  • Si existe una interacción.
  • Necesita conexión a un servidor.
  • Puede haber un inició de sesión.

Yo muchas veces con mis clientes hemos empezado con una página estática y por el incremento de las necesidades del cliente, esa misma página ha evolucionado a una página dinámica. Pero como dicen, todo depende de las necesidades del cliente ^^


Yo ya tengo una pagina estatica XD
https://sites.google.com/view/2cmil/inicio

Super resumen:

A veces menosprecian las landing page pero son muy potentes si es que el cliente o la empresa solo quiere mostrar información de sus productos o servicios. Además si se desarrollan con HTML y CSS puro deberían ser muy rápidas. Todo esto es muy bueno para el SEO de la página.

Comparto resumen de esta clase.

HOLA MI GENTE — LOS QUE ESTAN COMENZANDO EL CURSO AQUI LES DEJO EL LINK DE UN GRUPO PARA COMPARTIR EXPERENCIAS

https://t.me/+UpxV3P-0s6kwMTkx

  • PÁGINAS ESTÁTICAS: Todas aquellas con info como texto e imágenes que siempre serán las mismas, no van a cambiar. Ej: Landing pages - Páginas informativas o de presentación
    Estas páginas no están conectadas a un servidor ni a una base de datos.

  • PÁGINAS DINÁMICAS: Más que páginas son aplicaciones, porque el usuario puede tener interacción con la página como por ejemplo un login o un carrito de compras. Ej: Twitter, porque cada vez que ingreso el contenido se ha actualizado.
    Platzi: Porque permite interacción al hacer aportes, contestar preguntas, e interactuar con estudiantes y profesores.💚

Las páginas estáticas suelen tener el contenido predeterminado, en cambio las dinámicas el contenido varia.

Primera vez que escucho decir a alguien que las páginas dinámicas son una web app… Y la verdad es que si lo son

A mi gustaría poder desarrollar una pagina como la de Peter Tarka, ya que el diseño 3d es otra de mias grandes aficiones.
https://petertarka.com/

Notes

Static Web Pages

A static web page is a web page that is delivered to the user’s web browser exactly as stored, in contrast to dynamic web pages which are generated by a web application.

https://en.wikipedia.org/wiki/Static_web_page

Dynamic Web Pages

A server-side dynamic web page is a web page whose construction is controlled by an application server processing server-side scripts. In server-side scripting, parameters determine how the assembly of every new web page proceeds, including the setting up of more client-side processing.

https://en.wikipedia.org/wiki/Dynamic_web_page

Información resumida de esta clase
#EstudiantesDePlatzi

  • Las páginas estáticas son todas las páginas o productos web que solamente tendrán información para consumir y esta información no cambia

  • También se conocen como páginas informativas o Landing pages y no están conectadas a una base de datos

  • Existen páginas dinámicas llamadas Webapps, están conectadas a una base de datos y es interactiva con el navegador

  • Teniendo clara esta diferencia podemos saber que tipo de página es necesaria para cierto proyecto

  • Es buena idea y un buen proyecto tener nuestro propio Blog

  • Los dos proyectos son importantes

Por fin entiendo cuales son las diferencias. Excelente explicación, gracias!

Me encantan los curso de este señor. Lo de tener quiz en durante el curso y no solo alfinal ayuda mucho a entender.

estoy aprendiendo desde cero, buen info! gracias!

  • Las páginas estáticas, son páginas informativas, como los landing pages, blogs, etc. La información es actualizada del lado del servidor.
  • Las páginas dinámicas. son aquellas donde la información cambia a partir de las interacciones con el usuario, como facebook, twiter, platzi, etc. Las páginas dinámicas o webapps, guardan la información en base de datos.

¿En qué consiste una página web estática?
Una página web estática está formada por un conjunto de archivos HTML y una serie de ficheros enlazados entre sí: imágenes, hojas de estilos CSS, JavaScripts, etc. Las webs estáticas son ideales para proyectos de poca envergadura que solo necesiten dar a conocer los servicios de su empresa. Estas son sus características principales:

Su desarrollo es muy sencillo y económico.
Son rápidas de cargar para los navegadores habituales.
Para modificar los contenidos de la página hay que saber programación.
Ofrecen un bajo grado de interactividad y usabilidad web a los visitantes.
¿Cuáles son las características de una página web dinámica?
Por su parte, una página web dinámica es una página programada que funciona con una base de datos. Todas las imágenes, textos y menús están enlazados entre sí mediante un panel de control que permite ordenar, modificar y eliminar cualquier elemento.

Este tipo de páginas son especialmente recomendables para tiendas online, webs corporativas, medios de comunicación y otras empresas que necesiten actualizar continuamente sus contenidos. Una página web dinámica ofrece las siguientes prestaciones:

Permite al cliente cambiar el diseño y los contenidos sin necesidad de saber programación.
Ofrece una gran interactividad a los usuarios.
Requiere de un servidor más potente y tienen un coste anual más elevado.
Permite infinitas posibilidades de desarrollo y múltiples funcionalidades: servicios de venta online, bases de datos, foros, etc.
En definitiva, si una empresa solo quiere dar a conocer sus productos y servicios, la opción más práctica y económica es una página web estática. Pero si lo que necesita es un web potente y flexible que le permita vender productos, actualizar contenidos y ofrecer una buena experiencia de usuario, lo mejor es que desarrolle una página web dinámica.

Si te interesa la programación de páginas web, cursa el ciclo formativo de grado superior de Desarrollo de Aplicaciones Multiplataforma. Aprenderás todo lo que necesitas saber sobre el desarrollo de aplicaciones híbridas para todo tipo de soportes y plataformas.

Diferencia entre páginas web estáticas y dinámicas

INICIO
PRODUCTOS
SEGURIDADCREAR TIENDA ONLINE
DIGITALIZACIÓN PYMESMARKETINGSOMOS DH
Página principal Consejos Página web estática o dinámica ¿qué es mejor?
Web estática o dinámica
PÁGINA WEB ESTÁTICA O DINÁMICA ¿QUÉ ES MEJOR?
escrito por Marta Mariño octubre 5, 2021
Actualizado el martes, 11 octubre, 2022

Te contamos las ventajas y desventajas de crear una web estática o dinámica para que decidas la mejor opción de diseño para la página de tu negocio.

Si te estás planteando montar una nueva web una de las primeras decisiones que debes plantearte es si vas a optar por hacerla con HTML estático o por el contario, prefieres una página dinámica para actualizar frecuentemente.

Índice de contenidos [Ocultar]

1 ¿Qué son las web estáticas?
2 ¿Qué son las web dinámicas?
3 Ventajas y desventajas de una web estática o dinámica
3.1 Ventajas de una web estática
3.2 Desventajas de una web estática
3.3 Ventajas de una web dinámica
3.4 Desventajas de una web dinámica
4 Conclusión
¿Qué son las web estáticas?
web estática o dinámica
Las páginas estáticas son aquellas que se montan a partir de un código HTML sencillo y directo que no va a necesitar de mucha actualización. Es decir, tú mismo o tu diseñador escribes directamente el código de la web y lo cuelgas en la red. Sin más intermediarios o funcionalidades complejas.

Generalmente este tipo de páginas incluyen lo básico: el HTML, una hoja de estilos y un formulario. No ejecutan scripts o utilizan bases de datos. De ahí que no sea necesario el uso de un CMS para crearlas.

Por ejemplo, serían webs estáticas las páginas sencillas de presentación de empresa o de producto, un portfolio básico, o cualquier web que muestre una información de manera directa y sencilla.

¿Qué son las web dinámicas?
ilustración de web dinámica
Las páginas dinámicas son aquellas que incluyen más funcionalidades para interactuar con el usuario. También pueden requerir de aplicaciones externas (como los CMS) para su creación.

Paginas estaticas:
Las paginas estaticas son aquellas que contienen informacion que no va a cambiar, es decir que solo es informativa, tu realamente no puede producir Informacion o Interactuar. Es algo estatico y para siempre
Paginas dinamicas
Las paginas dinamicas, son lo contrario. son paginas al cual la informacion esta constantemente cambiando. Y ademas puedes Interactuar.

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.

DEFINIENDO ANDO…!!!
¿Qué es una newsletter?

Una newsletter es una publicación digital que se distribuye a través del correo electrónico con cierta periodicidad (diaria, semanal, mensual, bimensual o trimestral). Las newsletters suelen estar formadas por diferentes artículos de interés para los suscriptores sobre la marca o el sector en el que se mueve y acompañadas de alguna oferta o CTA hacia un contenido premium o un producto/servicio.

Normalmente, las personas que reciben este tipo de comunicaciones son suscriptores que previamente han mostrado interés en la marca y han aceptado recibir esta información. Esto es de vital importancia ya que solo debemos enviar comunicaciones que el usuario ha solicitado previamente.

Excelente.

está clase estuvo increíble

Excelente la claridad que da este curso, previo a Plarzi habia intentando aprender tecnologías web, pero como nunca se tomaban el tiempo con este tipo de explicaciones simplemente no lograba entender las diferencias que hay entre el tipo de webs.

Más claro no puede ser, excelente explicación.

Pagina estatica
las paginas estaticas contienen información que no van a cambiar, se conocen como paginas informativas que raramente cambiaran y estas paginas no están conectadas a ningún servidor ni base de datos.

Pagina dinámica
Las paginas Dinamicas, estan conectadas a bases de datos y se genera interaccion en la cual puedo guardar informacion como datos

Muy interesante, el objetivo es lograr hacer nuestras propias webs estáticas y dinámicas!

Excelente Diego tu forma de explicar.

Esta clase de dinámica y estática , me pareció muy interesante!!!

Estáticas:(landing page) aquellas que tienen toda la información para consumir y que esta nunca cambia, por ejemplo algún blogspot, siempre verás el mismo post con las mismas imágenes. Se les conoce también como páginas informativas, suelen usarse para darse a conocer y explicar detalles sobre la empresa
_Dinámicas: _ (Web Apps) Se convierten más en aplicaciones por todas las cosas que podremos ver en ellas, estas están conectadas a una base de datos para poder generar esta interacción. Ejemplo: twitter

Lo que pude entender de la clase es que las páginas estanticas son aquellas que son solo informativas que no estan conectadas a una base de datos. Ejemplo: Blog Mientras que, las páginas dinamicas son aquellas aplicciones conectadas a una base de ddatos donde ya el usurio puede interactura ya sea por medio de un login, comprar un producto, etc…Ejemplo: Facebook, Twitter

Ambas tienen el mismo nivel de importancia, y es fundamental el uso de las dos.

Páginas estáticas - Solo información
Páginas dinámicas - Interacción.

Las 2 son importantes, la implementación de cada una depende de las necesidades del cliente.

Mis apuntes:

Las páginas estáticas van a ser aquellas páginas que sólo tienen información para consumir. Ejemplos: Los Blog post. No guardan datos de los usuarios, sólo les muestra el contenido disponible para ellos.

Las páginas dinámicas van a ser aquellas donde el usuario si puede interactuar con la página. También son llamadas WebApps. Se esperaría tener un login, o adquirir algun producto, etc.

Estaticas: No cambian, son pura información. Usuario no genera cambio.
Dinámica: Esta conectada a un servidor y a una base de datos, dejan de ser paginas y se convierten en aplicaciones, genera interacción.

Nada más claro, sobre las páginas dinámicas y estáticas, si hay posibilidad de cambio en las estáticas, pero dependen del developer, las dinámicas pueden prescindir del developer.

Una página estática es aquella donde no cambia su información, puede ser un blog, la pagina web de presentación de una empresa, y aunque estas paginas tengas navegación dentro de ella sigue siendo estática.
Mientras que una página dinámica es aquela que constantemente esta cambiando de información, como tener un login, comentarios de los usuarios, nuevas actualizaciones de contenido, etc, es decir el usuario esta constantemente interactuando con la pagina web.
Es importante saber estas diferencias para saber que producto le conviene mejor al cliente al momento de diseñar la pagina web.

Hasta este punto estoy muy entusiasmado con lo aprendido hasta el momento. Como usuario de la web no me había puesto a ver todo el trabajo que hay detrás de toda la creación de páginas web. También como trabajan los diferentes perfiles (frontend, backend, fullstack), es un trabajo que requiere la experticia en el manejo de varios aspectos. Total muy dispuesto a seguir adelante.

Páginas Estáticas

Todas la páginas que tienen información para consumir y esta inforamción no va cambiar.

Se les conoce como páginas informativas o landingpages.

Estas páginas no están conectadas a una base de datos o servidor. No se necesita generar interacción con una base de datos.

El cliente o usuario desde el navegador no va generar algún tipo de cambio.

Ejemplos: Blogpost, Landing page.

Páginas Dinámicas

Conocidas como webapps.

Si están conectadas a una base de datos. El usuario o cliente desde el navegador puede generar cambios o interactuar con la base de datos.

Ejemplos: Twitter, Platzi, Amazon.

Podemos proponer páginas dinámicas o estáticas dependiendo las necesidades del cliente.

La forma de interacción que requiera el cliente va ser la decisión que se tomara para realizar una pagina Dinámica o una Pagina Estática.

¿Una página puede ser estática y a la vez dinámica?

velocidad de reproducción: 1.25x 👌

páginas estáticas

todos los productos web que contendran pura información para consumir desde texto hasta archivos multimedia, y que la información nunca cambiara, como por ejemplo blogposts

también conocidas como páginas informativas o landing pages, sitios que brindan unicamente información y la cual no se actualizara por mucho tiempo y que no necesitara una conexion a una base de datos ya que el usuario no requerira cambiar nada del sitio

páginas dinámicas

también conocidas como webApps, si estan conectadas a una base de datos ya que si se genera una interacción y se guarda el estado de las acciones, el usuario puede cambiar o actualizar el contenido que se muestra en el momento

Página estática: Productos web con información para consumir. No va a cambiar. Siempre será la misma. No están conectadas a un sevidor ni base de datos.

-Ejemplo: Landing Page

Página dinámica: Se convierten más en applicaciones, el usuario genera interacción.

  • Ejemplo: Twitter

Excelente contenido!!

Página estática:

Todos los productos web o pag que van a tener información para consumir y esta info no va a cambiar. Como un blogpost, también pueden llamarse pag informativas o landingpage. Ejm: se pone la info, se publica y ya no se edita en mucho tiempo, o en todo caso; una vez se lanza la info, esta no se publica.

**Estás pag no están conectadas a un servidor o base de datos. Ya que no hay algo que genere cambio del lado del cliente, todo lo generas del lado del servidor. El cliente desde el usuario no va a tener login o interacción similar.

Página dinámica

También conocidas como webapp, sí están conectadas a base da datos. El usuario a través del navegador sí generamos interacción. Se va a generar un cambio o interacción. Se espera tener un login para tener mi info, ver mis actualizaciones, interactuar con productos, ver cierta info.

Pagina estatica: un blog simple
Pagina dinamica: Facebook

Paginas Estaticas

Landing Page Server->Client/Browser (Informacion estatica sin interaccion con el cliente)

Paginas dinamicas

Aplicaciones Web Server <-> Data Base Sever ->Client/Browser (interaccion con el cliente)

5.-Páginas Estáticas vs. Dinámicas

Las páginas estáticas son aquellas páginas que solo van a tener información para consumir (texto, imágenes, etc.) y que está información no va a cambiar, se les conoce también como páginas informativas o landing pages. Pj. Algún blogpost

Lo más importante para entender las páginas estáticas es el hecho de que no están conectadas a una base de datos ya que no necesitas esta interacción porque no hay nada que se genere del lado del cliente, todo se genera del lado del servidor.

Las páginas dinámicas AKA Web Apps se convierten más en aplicaciones por todas las cosas que puedes ver en estas mismas. Estas si están conectadas a una base de datos porque como usuario si podemos generar una interacción con la página y se tiene que guardar cierta información (como puede ser un login, interacciones, compras, etc.). Pj. Platzi, Twitter, FB, Reddit, etc.

Páginas estaticas: Funcionan para mostrar información.
Páginas dinámicas: Permiten la interacción con el usuario.

Ninguna es más buena que la otra. Debemos determinar qué necesitamos para poder implementar la que ncesitemos.

Páginas Dinámicas vs Páginas Estáticas
.

  • Página Estática: Son paginas web que incluye información la cual no va a cambiar,
    también se les conoce como paginas informativas o lading pages.
    >No están conectadas a bases de datos<

  • Página Dinámica: También conocidas como “WebApps”, esto quiere decir que dejan de ser
    páginas y se convierten mas en aplicación
    >Están conectadas a bases de datos<

realmente parecen conceptos que se pueden intuir por el nombre pero lo explica tan claramente que ya es imposible que me olvide

Diego un saludo enorme me encanta su claridad, que bueno que todos los cursos fueran tan especificos y desmenuzados como usted lo hace

De verdad que como me encantan las clases que da Diego, su manera de explicar hace que todo sea mas facil de aprender! Profe fav! ❤️

Página web estática se caracteriza por tener siempre la misma información. Los usuarios solo observan sin interactuar con ella, ya que carece de de movimiento o funcionalidades. Para este tipo se usan, generalmente, HTML y CSS.
Pagina web dinámica se enfocan más en el UX (user experience) o experiencia de usuario. Allí se crean aplicaciones dentro del sitio ofreciendo interacción al usuario que la visite. Siempre están en desarrollo y se actualizan con frecuencia.

Explica muy bien el profesor. Vengo de diseño y todo me resulta claro hasta ahora.

EXCELENTE INFORMACION

Pero hasta cierto punto Platzi tiene algo de contenido estático, ¿no?. Debido a que el curso que estoy mirando actualmente estará por un tiempo de manera estática, porqué hoy estoy mirando el vídeo de “Páginas Estáticas vs Dinámicas”, pero si vuelvo mañana o una semana el vídeo estará en el mismo lugar que lo encontré

muy buena forma de explicar la diferencia de los tipos de paginas web

Las explicaciones del maestro DeGranda estan siendo muy buenas, cortas, concisas y con toda la información que se requiere para entender los conceptos, gran explicación!

Muy buena explicación gracias Diego

excelente muy bien explicado