<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Explorando la Tecnología</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1>Explorando la Tecnología</h1>
<p>Una guía interactiva para estudiantes</p>
</header>
<nav>
<a href="#hardware">Hardware</a>
<a href="#ergonomia">Ergonomía</a>
<a href="#tendencias">Tendencias Tech</a>
<a href="#recursos">Recursos</a>
</nav>
<section id="hardware">
<h2>🛠️ Hardware</h2>
<p>El hardware es el conjunto de componentes físicos de un sistema informático. Incluye elementos como el CPU, la memoria RAM, el disco duro, y periféricos como teclado, mouse y monitor.</p>
</section>
<section id="ergonomia">
<h2>🧑💼 Ergonomía en la Informática</h2>
<p>La ergonomía estudia la relación entre las personas y su entorno de trabajo. En informática, es importante cuidar la postura, la iluminación y la posición del monitor para evitar problemas de salud.</p>
</section>
<section id="tendencias">
<h2>🧠 Tendencias Tecnológicas</h2>
<p>Algunas tendencias actuales incluyen la inteligencia artificial, la realidad virtual, el internet de las cosas (IoT), y la computación en la nube. Estas tecnologías están transformando la manera en que trabajamos y aprendemos.</p>
</section>
<section id="recursos">
<h2>📃 Recursos Adicionales</h2>
<ul>
<li><a href="https://tecnologiaedu.us.es">Tecnología Educativa</a></li>
<li><a href="https://www.eduteka.org">Eduteka</a></li>
<li><a href="https://www.khanacademy.org">Khan Academy</a> - Curso de computación</li>
</ul>
</section>
<footer>
<p>© 2025 Proyecto Escolar - Informática 4º Año</p>
</footer>
</body>
</html>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
header {
background: #007BFF;
color: white;
padding: 1rem;
text-align: center;
}
nav {
background: #0056b3;
padding: 0.5rem;
text-align: center;
}
nav a {
color: white;
margin: 0 1rem;
text-decoration: none;
font-weight: bold;
}
section {
padding: 2rem;
background-color: white;
margin: 1rem;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
h2 {
color: #333;
}
footer {
background: #333;
color: white;
text-align: center;
padding: 1rem;
margin-top: 2rem;
}
mayo 20, 2025