CONCEPTOS BÁSICOS DE INTERNET 

¿Qué es INTERNET? 

Internet es una gran red internacional de computadoras, es una red de redes. Internet nos permite, como todas las redes, compartir recursos. Es decir: mediante una computadora podemos, establecer una comunicación inmediata con cualquier parte del mundo para obtener información sobre un tema que nos interesa. De este modo se establecen vínculos comunicativos con millones de personas de todo el mundo, sea para fines académicos, de negocios, de investigación, o personales. Internet es una red que no sólo interconecta computadoras, sino que interconecta redes de computadoras entre sí. Una red de computadoras es un conjunto de máquinas, que se comunican a través de algún medio (cable coaxial, fibra óptica, radiofrecuencia, líneas telefónicas, etc.) con el objeto de compartir recursos.

Concepto de WWW 
El World-Wide Web (WWW) es un sistema hipermedia distribuido, accesible a través de Internet, que permite navegar con facilidad por una enorme cantidad de información. El sistema WWW fue iniciado en el CERN por Tim Berners-Lee, con el objeto de integrar información accesible a través de una única red de computadoras, pero mediante sistemas diversos. El WWW es un sistema que permite la distribución de documentos de hipertexto o hipermedia interconectados y accesibles a través de Internet. Con un navegador web, un usuario visualiza sitios web compuestos de páginas web que pueden contener textos, imágenes, vídeos u otros contenidos multimedia, permitiendo la navegación a través de esas páginas usando hiperenlaces. 
Los protocolos HTTP y FTP
El protocolo HTTP HTTP son las siglas para Hypertext Transfer Protocol que se traduce al español como el “protocolo de transferencia de hipertextos”. .El HTTP es el protocolo que se usa para comunicarse con el servidor web con el fin de acceder a un navegador web o página web. 
Un servidor web es un programa que utiliza HTTP (Hypertext Transfer Protocol) para “servir”, “entregar” o “devolver” la información en forma de páginas web cuando los usuarios lo solicitan, dando así respuesta a la solicitudes de los clientes
El Protocolo FTP 
FTP (siglas en inglés de File Transfer Protocol), “Protocolo de Transferencia de Archivos”, es un protocolo de red para la transferencia de archivos entre sistemas interconectados o enlazados a internet, basado en la arquitectura cliente-servidor.
Consorcio W3C El Consorcio World Wide Web (W3C) es una comunidad internacional donde las organizaciones miembro , personal a tiempo completo y el público en general trabajan conjuntamente para desarrollar estándares Web . 
El equipo del W3C está distribuido por todo el mundo, pero muchas de estas personas se concentran en Cambridge, Massachusetts (EEUU), Sophia-Antipolis (Francia) y Tokio (Japón). Además, el W3C está representado en otras 17 regiones del mundo a través de representantes que se basan en organizaciones. El objetivo del W3C es guiar la Web hacia su máximo potencial a través del desarrollo de protocolos y pautas que aseguren el crecimiento futuro de la Web. 

Estándares internacionales para WEB 
Hace unos años, el desarrollo de páginas web era caótico, había que realizar una versión de cada página web para prácticamente cada navegador. Para dar solución a este problema, el W3C lanzó una iniciativa en 1997 para lograr la accesibilidad web (Web Accessibility Initiative o WAI) y que se siguieran una serie de estándares o normas. 
A raíz de entonces se fueron desarrollando diferentes estándares logrando que cada página web se vea correctamente independientemente del navegador o dispositivo donde se visualice. 
Los estándares web se introdujeron para proteger el ecosistema web, para mantenerlo abierto, gratuito y accesible para todos. 
Cuando se introdujeron los estándares, se alentó a los creadores de navegadores a adherirse a una forma estandarizada de hacer las cosas, lo que resultó en una compatibilidad cruzada cada vez más fácil para los creadores de contenido y ya no hubo necesidad de crear múltiples versiones del mismo sitio web. Algunos estándares web son: 
HTML (HyperText Markup Language), para definir la estructura de los documentos. 
XML (eXtensible Markup Language), que sirve de base para un gran número de tecnologías. 
CSS (Cascading Style Sheets), que permite asignar estilos para la representación de los documentos. Javascript, que permite otorgar dinamismo y funcionalidad.

Conceptos básicos de HTML
Definición 
HTML (HyperText Markup Language) es el lenguaje utilizado como base para crear las páginas web. Permite describir hipertexto, es decir, texto presentado de forma estructurada y agradable, con enlaces (hyperlinks) que conducen a otros documentos o fuentes de información relacionadas, y con inserciones multimedia (gráficos, sonido...). La descripción se basa en especificar en el texto la estructura lógica del contenido (títulos, párrafos de texto normal, enumeraciones, definiciones, citas, etc.) así como los diferentes efectos que se quieren dar (cursiva, negrita, o un gráfico determinado). 
HTML es el lenguaje con el que se "escriben" las páginas web. Se puede resumir la filosofía del HTML con los siguientes puntos: 
· Es muy sencillo. 
· No hay variables. 
· No se compila. 
· Es un lenguaje interpretado. 
· A las instrucciones se les llama etiquetas o marcas 
· Permite escribir hipertexto. 
El programa que interpreta este lenguaje es el navegador (Internet Explorer, Google Chrome, Firefox, etc). Este lenguaje es el utilizado por los navegadores para mostrar las páginas web. 
HTML fue inventado por Tim Berners-Lee en 1991, quien todavía sigue de cerca la evolución de la Web. Creó el World Wide Web Consortium (W3C), que define las nuevas versiones de internet relacionadas con los lenguajes de programación. También ha creado más recientemente, la Fundación World Wide Web, que hace el seguimiento y análisis de la evolución de la Web.

Mucha gente confunde (erróneamente) internet y la Web. La Web es parte de internet, es un gran paquete que incluye, entre otros: la Web, correos electrónicos, mensajería instantánea,etc. 
Versiones en el tiempo de HTML 
· HTML 1: fue la primera versión, creada por Tim Berners-Lee en 1991. 
· HTML 2: la segunda versión apareció en 1994 y se terminó en 1996 con la aparición de HTML 3.0, esta es la versión que en realidad plantea las bases de las siguientes versiones de HTML. Las reglas y el funcionamiento de esta versión están dadas por el W3C. 
· HTML 3: apareció en 1996, esta nueva versión de HTML añade muchas posibilidades al lenguaje como tablas, applets, scripts, posicionamiento de texto alrededor de imágenes, etc. 
· HTML 4: Esta es la versión más común de HTML (en concreto, es HTML 4.01). Apareció por primera vez en 1998 y propone el uso de marcos (que dividen una página web en varias partes), tablas más complejas, mejoras en las formas, etc. Más importante aún, esta versión permite por primera vez utilizar hojas de estilo del famoso CSS. 
· HTML 5.2: es la última versión. Aún no está muy extendida, llama mucho la atención porque trae muchas mejoras como la posibilidad de incluir fácilmente vídeos, mejorar el contenido, nuevas características para los formularios, etc.


¿Qué es una página web estática?

Se denomina página web estática a aquella que se entrega al navegador del usuario exactamente como está almacenada. Esto significa que el contenido de la página no cambia a menos que sea editado y publicado nuevamente por el desarrollador.

Estas son algunas de las características principales de las páginas web estáticas:

  • Son fáciles de crear y alojar.
  • Muestran el mismo contenido a todos los usuarios.
  • Tienen tiempos de carga más rápidos gracias a su simplicidad.

Como ejemplos de páginas web estáticas más representativas encontramos los blogs personales, portafolios, y páginas comerciales estructuradas como un método de contacto. Una página web estática, por tanto, es recomendable para proyectos que no requieren actualizaciones frecuentes de contenido o interactividad compleja con el usuario.

Ventajas y desventajas de las páginas estáticas

Las páginas web estáticas, aunque limitadas en ciertos aspectos, tienen un lugar destacado en el diseño web. Su simplicidad y eficiencia las hacen ideales para ciertos tipos de proyectos, por lo que es conveniente conocer tanto sus pros como sus contras.

Beneficios de las páginas web estáticas:

  • Al ser más ligeras, las páginas estáticas suelen cargar más rápido.
  • Menor riesgo de vulnerabilidades de seguridad, ya que no interactúan con bases de datos ni procesan información del usuario.
  • Pueden ser alojadas en cualquier servidor básico, sin requerimientos especiales.

Desventajas de las páginas web estáticas:

  • No pueden ofrecer contenido personalizado o interactuar de manera significativa con el usuario.
  • Cualquier actualización de contenido requiere de la intervención manual del desarrollador.
  • No son ideales para webs que necesitan de actualizaciones constantes o que manejan grandes volúmenes de contenido dinámico.

¿Qué es una página dinámica?

Una página web dinámica es un documento en línea que permite la interacción con el usuario para crear experiencias personalizadas y únicas. Los contenidos de una página web dinámica varían con cada carga para ofrecer actualizaciones en tiempo real y ajustarse a las necesidades del visitante.

Entre las características principales de las páginas web dinámicas están estas:

  • Permiten a los visitantes interactuar con los contenidos del sitio a través de formularios, herramientas interactivas o recursos multimedia.
  • Su funcionamiento depende de lenguajes de programación como JavaScript o PHP, que generan cambios en la página como respuesta a las acciones del usuario.
  • Incluyen recursos para automatizar tareas, especialmente útiles en webs de comercio electrónico.

Entre los ejemplos de páginas web dinámicas encontramos las de Facebook Marketplace, Amazon, y la cesta de compras de Carrefour. Estas páginas utilizan tecnologías como HTML, CSS, JavaScript, PHP y bases de datos para su funcionamiento.

Ventajas y desventajas de las páginas web dinámicas

Comparadas con las páginas estáticas, las dinámicas ofrecen una gama más amplia de posibilidades, pero también deben hacer frente a ciertos desafíos específicos.

Beneficios de las páginas web dinámicas:

  • Ofrecen contenido personalizado y experiencias de usuario únicas.
  • Mayor interacción con los usuarios, lo que puede mejorar la experiencia de los visitantes y la funcionalidad de la propia web.
  • Capacidad para actualizar y cambiar el contenido automáticamente.

Desventajas de las páginas web dinámicas:

  • Requieren de habilidades de programación más avanzadas y una infraestructura más compleja.
  • Pueden ser más costosas de mantener debido a su complejidad y a la necesidad de actualizaciones constantes.
  • Mayor riesgo de vulnerabilidades de seguridad debido a la interacción con bases de datos y procesamiento de información del usuario.

Diferencias entre web estática vs. dinámica

Las diferencias clave entre páginas web estáticas y dinámicas radican en su interactividad, personalización y tecnología utilizada. Mientras que las páginas estáticas son ideales para contenido que no requiere de actualizaciones frecuentes, las dinámicas son adecuadas para páginas web que necesitan interactividad y contenido actualizado de forma regular.

En cuanto a los costes de mantenimiento, las páginas estáticas suelen ser más económicas de mantener debido a su simplicidad. Las páginas dinámicas, por su parte, pueden acarrear más gastos debido a la necesidad de actualizaciones constantes, seguridad y gestión de bases de datos. Esto hace que, si lo que buscan es gastar lo mínimo, quizás esta sea la diferencia entre web estática y dinámica que más les importe.

¿Es posible convertir una página estática en dinámica? Sí, aunque esto requiere de una reestructuración significativa. Para ello, es necesario implementar tecnologías como bases de datos y lenguajes de programación del lado del servidor, lo que puede implicar una inversión considerable tanto de tiempo como de recursos.

Tipos de páginas web estáticas y dinámicas

Las páginas web estáticas y dinámicas pueden adoptar diversas formas en función de cuál sea su propósito y de qué tecnología decidan utilizar para darles forma.

  • Páginas estáticas: Suelen estar construidas con HTML y CSS, por lo que estas páginas no cambian a menos que se edite su código de forma manual. Este tipo de páginas web son ideales para espacios digitales que no necesitan ser actualizados de forma frecuente, como blogs personales o páginas de información corporativa.
  • Páginas dinámicas: Utilizan lenguajes de programación del lado del servidor como PHP, Python o JavaScript, y se conectan a bases de datos para generar contenido en tiempo real. Son comunes en plataformas de comercio electrónico, redes sociales y foros.
El tipo de página web que tengan pensado crear también tendrá un impacto significativo en el SEO. Las páginas estáticas, al ser más rápidas y consistentes, pueden ser más fáciles de indexar por los motores de búsqueda. Las páginas dinámicas, aunque ofrecen contenido más rico y personalizado, pueden ser menos recomendables de cara al posicionamiento en buscadores debido a su complejidad y sus tiempos de carga.






Comentarios

Entradas populares de este blog

Tablas y Frames, Flexbox y Grid

Navegadores (browsers)