SEMANA 1 DISEÑO DE PAGINAS_para informatica.pptx

diseño de paginas

1. Introducción general: ¿Qué es la web y por qué es importante? La web, conocida formalmente como la World Wide Web (WWW), es un sistema de información que permite el acceso a documentos, recursos y servicios a través de Internet. Se organiza mediante páginas web que están interconectadas a través de hipervínculos y accesibles mediante navegadores web, como Chrome, Firefox o Edge. Es importante porque ha revolucionado la manera en que las personas interactúan , aprenden y trabajan. Aquí hay algunas razones clave: Acceso a información: La web nos da acceso a una cantidad infinita de conocimientos sobre cualquier tema. Conexión global: Facilita la comunicación instantánea entre personas en todo el mundo, sin barreras geográficas. Innovación y negocios: Ha abierto oportunidades para empresas, emprendimientos y tecnologías que antes no eran posibles. Educación: Es una herramienta esencial para el aprendizaje y la enseñanza en el siglo XXI. Entretenimiento: Desde videos y música hasta juegos.

2. Origen de la Web: Tim Berners-Lee y la Primera Página Web Contexto histórico: En 1989, Tim Berners-Lee, trabajando en el CERN (Centro Europeo para la Investigación Nuclear), propuso un sistema para compartir información entre científicos. Primera página web: Lanzada en 1991, explicaba cómo usar la World Wide Web. Era simple, con texto y enlaces básicos. Componentes clave: HTML, HTTP y URL, desarrollados por Berners-Lee, sentaron las bases de la web moderna.

3. Conceptos de HTML, HTTP y URL. Actividad: Discusión en grupo sobre cómo imaginan que era la vida sin internet. HTML ( HyperText Markup Language ): Es un lenguaje de marcado que se utiliza para estructurar y presentar contenido en la web. Es la base para construir páginas web y define elementos como encabezados, párrafos, imágenes, enlaces, etc. Por ejemplo, <h1> se utiliza para crear un título grande y <p> para un párrafo. HTTP ( HyperText Transfer Protocol ): Es el protocolo que permite la comunicación entre un navegador (cliente) y un servidor en la web. Define cómo se deben enviar y recibir datos, como los archivos HTML. Su versión segura, HTTPS, cifra los datos para proteger la información. URL ( Uniform Resource Locator ): Es la dirección única que identifica un recurso en Internet, como una página web o un archivo. Por ejemplo, una URL como https://www.example.com/index.html indica el protocolo (HTTPS), el nombre del dominio (example.com) y la ubicación del archivo (index.html).

4. Web 1.0: La Web Estática (Solo Lectura) Características Páginas estáticas con contenido fijo. Sin interacción del usuario. Ejemplos emblemáticos: Yahoo! (1994), Altavista (1995), Geocities . Impacto Permitió el acceso global a información, pero con limitaciones en diseño y funcionalidad. Características principales: Estática, solo lectura, diseño básico. Actividad: Investigar y presentan un sitio web icónico de la Web 1.0.

5. Web 2.0: La Web Interactiva y Colaborativa (Lectura y Escritura) Características Interacción del usuario: blogs, redes sociales, foros. Contenido generado por usuarios. Ejemplos emblemáticos: Wikipedia, YouTube, Facebook. Impacto Transformó la web en un espacio social y colaborativo. Principales cambios: Participación del usuario, redes sociales, blogs. Actividad - Debate: ¿La Web 2.0 ha sido positiva o negativa para la sociedad?

6. Web 3.0: La Web Basada en Inteligencia Artificial y Descentralización Características Uso de inteligencia artificial para personalizar experiencias. Descentralización mediante blockchain . Ejemplos emblemáticos: aplicaciones como Flipboard , Swoogle y plataformas basadas en blockchain . Impacto Promueve la privacidad, la transparencia y la conectividad inteligente. Actividad: Caso práctico: Cómo blockchain puede resolver problemas de privacidad.

7. Comparativa y Tendencias Futuras Comparación entre: Web 1.0, 2.0 y 3.0.

8. Comparativa y Tendencias Futuras Posibles futuros: Web 4.0 (Internet de las cosas, realidad aumentada). miremos hacia el futuro. La Web 4.0 o la web simbiótica aún no existe, pero podemos hacer algunas conjeturas fundamentadas basadas en las tendencias actuales. Tecnologías como  la realidad aumentada (RA) y la realidad virtual (RV)  seguirán fusionándose con la IA y el Internet de las cosas ( IdC ), de modo que Internet no solo interactuará de forma activa e inteligente con nosotros, sino que también actuará de forma proactiva. Esta próxima etapa de desarrollo cambiará fundamentalmente la forma en que interactuamos con el mundo digital y desdibujará aún más los límites entre la realidad y el entorno virtual. Por lo tanto, es probable que la digitalización y las aplicaciones vuelvan a ser las fuerzas impulsoras de la evolución de la Web. De la Web 1.0 a la Web 2.0 de personas y la Web 3.0 de datos y cosas, podemos esperar una Web 4.0 de servicios que controlen el flujo de datos entre nodos virtuales y reales. ¿Qué servicios podemos esperar en dicho  metaverso  ? https://blog.seeburger.com/the-evolution-of-the-internet-web-1-0-web-2-0-web-3-0-web-4-0/

9. Comparativa y Tendencias Futuras Cambios éticos y sociales asociados con la evolución de la web. El avance imparable de la tecnología ha hecho que nuestros hábitos y conductas se transformen y surjan retos y dilemas inéditos que pueden poner en riesgo nuestro futuro como sociedad digital. ¿La solución? Una nueva ética fundamentada en el origen del cambio: Internet. Internet de las Cosas ,  Inteligencia Artificial ,  Big Data ,   robots ,  ciberseguridad A estas alturas, nadie duda de los avances que la tecnología ha traído a nuestra sociedad pero, al mismo tiempo, ha generado cambios que presentan importantes retos. Por ejemplo,  nuestra forma de relacionarnos, nuestros hábitos de consumo e, incluso, nuestra forma de ser no es la misma de hace apenas 20 años.  Ahora, la inmediatez en el acceso a la información y la cesión de nuestra privacidad forma parte de nuestro  modus operandi  diario. Y esto, según los expertos, no ha hecho más que empezar.  "En las próximas dos décadas habrá más cambios propiciados por la tecnología que en los últimos 300 años",  dice el futurista alemán Gerd Leonhard. Esa transformación traerá consigo peligros, oportunidades y dilemas que habrá que afrontar como sociedad para que el avance tecnológico sea en beneficio de todos. ¿Cómo? La mayoría de los expertos coinciden: con  una nueva ética de Internet que establezca las bases para la convivencia  y asegure los derechos de los ciudadanos digitales.

10. Comparativa y Tendencias Futuras

11. Actividad: Diseñan tu propia versión de una "Web futura" imaginada. https://www.iberdrola.com/compromiso-social/etica-en-internet Ética digital de los negocios e instituciones En esa necesidad colectiva de afrontar los nuevos retos, las organizaciones también tienen mucho que decir.  "Las empresas empezarán a frenar la eficiencia y el crecimiento a cualquier precio para introducir criterios de integridad",  afirma Rachel Bostman , profesora de la Saïd Business School de Oxford. Y en esa misma línea se expresa Katie Lawler , directora de ética de US Bank: "Las empresas se están dando cuenta de esa responsabilidad y están haciendo de la ética una función central". Por ello, muchas de ellas ya están empezando a seguir los pasos de universidades como la de Oxford o la de Loyola en Chicago, que  han creado sus propios laboratorios digitales para promover el diálogo y la investigación con el fin de comprender los nuevos hábitos en ambientes digitales.  ¿Cómo se aplican estos laboratorios a la empresa? Mediante la formación de equipos de trabajo heterogéneos y transversales —expertos en IT, comunicadores digitales, abogados expertos en derecho de Internet, etc.— que permiten explorar los cambios y aportan una visión global de la ética digital en la empresa.

12. CONCLUSIONES Objetivo : Resumir los conceptos clave y evaluar el aprendizaje. Actividades : Resumen colaborativo: Cada estudiante comparte un aprendizaje clave. Evaluación Final : Parte teórica (breve cuestionario): Describe una característica principal de cada versión de la web (1.0, 2.0, 3.0). ¿Quién es Tim Berners-Lee y qué aportó al desarrollo de la web? Explica la importancia de blockchain en la Web 3.0. Parte práctica: Diseñar un sitio web imaginario que represente una futura evolución de la web.