Actualizar README.md
This commit is contained in:
106
README.md
106
README.md
@@ -27,8 +27,112 @@ Los Agentes IA se utilizan en una amplia variedad de aplicaciones, incluyendo:</
|
|||||||
En resumen, los Agentes IA representan una evolución significativa en la inteligencia artificial, permitiendo la creación de sistemas inteligentes capaces de realizar tareas complejas de manera autónoma y adaptativa.</ul>
|
En resumen, los Agentes IA representan una evolución significativa en la inteligencia artificial, permitiendo la creación de sistemas inteligentes capaces de realizar tareas complejas de manera autónoma y adaptativa.</ul>
|
||||||
</p>
|
</p>
|
||||||
<h3>Historias en imagénes, sobre: </h3>
|
<h3>Historias en imagénes, sobre: </h3>
|
||||||
</ol><ol>web-disigners and web-sites, and web-pages in 1980 images
|
</ol><ol>web-disigners and web-sites, and <a href="">web-pages</a> in 1980 images<br/>
|
||||||
|
<span>
|
||||||
|
Imaginar cómo se veía una página web en los años 80 es un ejercicio fascinante, ya que la internet y la World Wide Web estaban en sus etapas más tempranas. Para darte una idea clara, piensa en lo siguiente:<br/>
|
||||||
|
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRCAKkjqQcLtMXuBccbZGwraawQD5rdlxKaVaD2STb2QveHCmzEj8xa2z3_cVseojPcEq4lpyTKPgV3R37GGfKl-4stkPGrmajURYAhi1MOggoB0-Jbb87UAKR7Xnms9aG1NTibs21n46glQSxFZvx4YVhb7ubLXIE_DgZb4BnmqgaUQztrhs4wdB-YYA/s1600/img1980s.png" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" data-original-height="512" data-original-width="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRCAKkjqQcLtMXuBccbZGwraawQD5rdlxKaVaD2STb2QveHCmzEj8xa2z3_cVseojPcEq4lpyTKPgV3R37GGfKl-4stkPGrmajURYAhi1MOggoB0-Jbb87UAKR7Xnms9aG1NTibs21n46glQSxFZvx4YVhb7ubLXIE_DgZb4BnmqgaUQztrhs4wdB-YYA/s1600/img1980s.png"/></a></div>
|
||||||
|
<br/>
|
||||||
|
<li>Predominio del texto plano: Las páginas web de esa época eran principalmente texto. No esperes imágenes elaboradas, videos o animaciones complejas. El contenido se presentaba de forma lineal, similar a un documento de texto enriquecido.
|
||||||
|
</li><li>Enlaces hipertexto básicos: La característica revolucionaria era la capacidad de hacer clic en ciertas palabras o frases (los enlaces) para saltar a otra página o sección. Estos enlaces solían estar resaltados con un color diferente (a menudo azul) y a veces subrayados.
|
||||||
|
</li><li><a href="https://blog.archive.org/2016/10/23/defining-web-pages-web-sites-and-web-captures/">Diseño minimalista</a>: Olvídate de diseños elaborados con múltiples columnas, menús desplegables o gráficos decorativos. La estética era muy simple y funcional. Los diseñadores se centraban en la claridad del contenido más que en la apariencia visual.
|
||||||
|
</li><li>Resoluciones de pantalla bajas: Los monitores de los ordenadores de los 80 tenían resoluciones mucho más bajas que las actuales. Esto significaba que las páginas web tenían que ser diseñadas para caber en pantallas pequeñas y con menos píxeles.
|
||||||
|
</li><li>Ausencia de multimedia: No existían los reproductores de video o audio integrados en las páginas web. La banda ancha era impensable para el usuario común, lo que hacía imposible la transmisión de contenido multimedia.
|
||||||
|
</li><li>Navegadores rudimentarios: Los primeros navegadores web eran muy básicos y mostraban las páginas tal cual estaban codificadas, con poca o ninguna capacidad de interpretación visual avanzada.
|
||||||
|
</li><li>Direcciones web crípticas: Las direcciones web (URLs) podían ser largas y difíciles de recordar, a menudo basadas en direcciones IP o nombres de servidores específicos.
|
||||||
|
</li><li>Para que te hagas <a href="web.archive.org">una idea más visual</a>, imagina un documento de texto largo con algunas palabras resaltadas en azul. Al hacer clic en esas palabras, te llevaría a otra página de texto similar.</li>
|
||||||
|
</span>
|
||||||
</ol><ol>web-disigners and web-sites, and web-pages in 1990 images
|
</ol><ol>web-disigners and web-sites, and web-pages in 1990 images
|
||||||
|
<span>
|
||||||
|
Las páginas web de los años 90 eran muy diferentes a las que conocemos hoy en día. Eran más simples en diseño y funcionalidad, con un enfoque en la información y la navegación básica.
|
||||||
|
|
||||||
|
Características de las páginas web de los 90:
|
||||||
|
|
||||||
|
<li>Diseño:
|
||||||
|
|
||||||
|
<ol>Uso de colores brillantes y saturados.
|
||||||
|
</ol><ol>Fuentes grandes y en negrita.
|
||||||
|
</ol><ol>Imágenes pequeñas y de baja calidad.
|
||||||
|
</ol><ol>Tablas y marcos para organizar el contenido.
|
||||||
|
</ol><ol>Fondo animado o con patrones.
|
||||||
|
</ol><ol>Se abre en una ventana nueva
|
||||||
|
|
||||||
|
|
||||||
|
bowwe.com
|
||||||
|
Página web de 1990 con marcos y tablas</ol>
|
||||||
|
<br/><div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD7Lv3VNeiuJW6WslN2JeRmN94kLEIkaN8sRT0kckCvh8SA_4GaW8wDoijvoGLfKSJYqBtNHRYBa7zdTRod7masdzpHzboLYUFgmdVm1oXvETrjRjpGgff1hHsfNFkGhbHC4fxLxmtJ4gWjNVv66FNO_059oRfa0OPfYkD0NjdYoLUUW97aGGIrLCU7Zw/s1600/img%201990s.png" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" data-original-height="512" data-original-width="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD7Lv3VNeiuJW6WslN2JeRmN94kLEIkaN8sRT0kckCvh8SA_4GaW8wDoijvoGLfKSJYqBtNHRYBa7zdTRod7masdzpHzboLYUFgmdVm1oXvETrjRjpGgff1hHsfNFkGhbHC4fxLxmtJ4gWjNVv66FNO_059oRfa0OPfYkD0NjdYoLUUW97aGGIrLCU7Zw/s1600/img%201990s.png"/></a></div><br/>
|
||||||
|
Contenido:
|
||||||
|
|
||||||
|
</li><li>Textos largos y densos.
|
||||||
|
Uso excesivo de hipervínculos.
|
||||||
|
Poco o ningún uso de multimedia.
|
||||||
|
Enlaces a páginas externas sin abrir en una nueva ventana.
|
||||||
|
Páginas estáticas con poca interactividad.
|
||||||
|
Navegación:
|
||||||
|
|
||||||
|
</li><li>Menús horizontales o verticales.
|
||||||
|
Uso de frames para mostrar múltiples secciones en una misma página.
|
||||||
|
Navegación a través de enlaces de texto o imágenes.
|
||||||
|
Scroll infinito para acceder a todo el contenido.
|
||||||
|
Tecnología:
|
||||||
|
|
||||||
|
</li><li>Uso de HTML y CSS básicos.
|
||||||
|
Imágenes en formato GIF o JPEG.
|
||||||
|
Velocidad de carga lenta debido a las conexiones a Internet dial-up.
|
||||||
|
</li><ul>
|
||||||
|
<button>
|
||||||
|
<h1>¿Dónde puedes ver una <a href="https://www.reddit.com/r/vintagecomputing/comments/g3lrtm/90s_websites_that_are_still_up_and_rendering/?tl=es-419&rdt=35143">página web de los 90</a>?</h1>
|
||||||
|
<!--!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"-->
|
||||||
|
<hr/>
|
||||||
|
<head>
|
||||||
|
<title>Mi página web genial</title>
|
||||||
|
</head>
|
||||||
|
<body bgcolor="yellow">
|
||||||
|
<h1>Bienvenidos a mi página web genial</h1>
|
||||||
|
<p>¡Hola a todos! Bienvenidos a mi página web genial. Aquí encontrarás información sobre mí, mis intereses y mis fotos. También puedes encontrar enlaces a mis sitios web favoritos y a mis redes sociales.</p>
|
||||||
|
<p><b>Acerca de mí</b></p>
|
||||||
|
<p>Soy un estudiante de informática de 20 años. Me encanta la tecnología, los videojuegos y la música. También me gusta viajar y conocer gente nueva.</p>
|
||||||
|
<p><b>Mis intereses</b></p>
|
||||||
|
<ul>
|
||||||
|
<li>Tecnología</li>
|
||||||
|
<li>Videojuegos</li>
|
||||||
|
<li>Música</li>
|
||||||
|
<li>Viajes</li>
|
||||||
|
<li>Conocer gente nueva</li>
|
||||||
|
</ul>
|
||||||
|
<p><b>Mis fotos</b></p>
|
||||||
|
<p><img src="mi_foto.jpg" alt="Mi foto"></p>
|
||||||
|
<p><b>Mis sitios web favoritos</b></p>
|
||||||
|
<ul>
|
||||||
|
<li><a href="http://www.google.com">Google</a></li>
|
||||||
|
<li><a href="http://www.yahoo.com">Yahoo</a></li>
|
||||||
|
<li><a href="http://www.msn.com">MSN</a></li>
|
||||||
|
</ul>
|
||||||
|
<p><b>Mis redes sociales</b></p>
|
||||||
|
<ul>
|
||||||
|
<li><a href="http://www.facebook.com/mipersonalweb">Facebook</a></li>
|
||||||
|
<li><a href="http://www.twitter.com/mipersonalweb">Twitter</a></li>
|
||||||
|
<li><a href="http://www.instagram.com/mipersonalweb">Instagram</a></li>
|
||||||
|
</ul>
|
||||||
|
<p><b>Contacto</b></p>
|
||||||
|
<p>Si quieres ponerte en contacto conmigo, puedes enviarme un correo electrónico a <a href="mailto:mipersonalweb@gmail.com">mipersonalweb@gmail.com</a></p>
|
||||||
|
</body>
|
||||||
|
<hr/>
|
||||||
|
</button>
|
||||||
|
Puedes <a href="https://es.gizmodo.com/viaja-al-pasado-asi-de-retro-eran-las-paginas-web-en-l-1691035639">encontrar ejemplos</a> de páginas web de los 90 en los siguientes sitios:
|
||||||
|
|
||||||
|
Internet Archive: Wayback Machine te permite ver cómo eran las páginas web en el pasado. Puedes buscar por nombre de dominio o por fecha.
|
||||||
|
Se abre en una ventana nueva
|
||||||
|
en.wikipedia.org
|
||||||
|
Wayback Machine Internet Archive
|
||||||
|
The 90s Web Archive: Una colección de páginas web de los 90 que han sido preservadas para la posteridad.
|
||||||
|
Se abre en una ventana nueva
|
||||||
|
www.genbeta.com
|
||||||
|
Archivo web de los 90
|
||||||
|
Digital History Museum: Una colección de artefactos digitales que incluye páginas web de los 90.
|
||||||
|
Se abre en una ventana nueva
|
||||||
|
museobancodemexico.mx
|
||||||
|
Museo de Historia Digital
|
||||||
|
</span>
|
||||||
</ol><ol>web-disigners and web-sites, and web-pages in 2000 images
|
</ol><ol>web-disigners and web-sites, and web-pages in 2000 images
|
||||||
</ol><ol>web-disigners and web-sites, and web-pages in 2010 images
|
</ol><ol>web-disigners and web-sites, and web-pages in 2010 images
|
||||||
</ol><ol>web-disigners and web-sites, and web-pages in 2020 images
|
</ol><ol>web-disigners and web-sites, and web-pages in 2020 images
|
||||||
|
|||||||
Reference in New Issue
Block a user