Diseño HTML y CSS básico
Técnica Cob — Proceso de desarrollo del sitio web
Registro del proceso de investigación, desarrollo y producción final del trabajo práctico realizado en HTML/CSS.
1. Primera parte:
El proyecto se desarrolló a partir del estudio de la técnica constructiva Cob, un método ancestral de bioconstrucción realizado mediante tierra arcillosa, arena, agua y fibras vegetales como paja.
Se eligió este tema por su relación con la sustentabilidad, la arquitectura natural y el uso de materiales locales.
a. Desarrollo del sitio web - GitHub:
Index.html:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Construcción con técnica Cob</title>
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<!-- Tipografía para H1 -->
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&display=swap" rel="stylesheet">
<!-- Tipografía para párrafo -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400&display=swap" rel="stylesheet">
<style>
body{
background:#f5efe6;
font-family: 'Inter', sans-serif;
max-width:900px;
margin:auto;
padding:40px;
color:#4b3d31;
}
h1{
font-family:'Playfair Display', serif;
font-size:48px;
}
h2{
color:#a15c38;
font-size:30px;
}
img{
width:100%;
max-width:700px;
border-radius:10px;
margin-top:20px;
}
a{
color:#7a4f2a;
font-weight:bold;
}
</style>
</head>
<body>
<h1>Construcción con técnica Cob</h1>
<h2>Arquitectura natural y sustentable</h2>
<p>
La técnica Cob es un sistema de bioconstrucción ancestral realizado a partir de una mezcla de tierra arcillosa,
arena, agua y fibras naturales como paja. Se utiliza para levantar muros manualmente, sin necesidad de moldes ni ladrillos.
Además de ser una técnica sustentable de bajo impacto ambiental, permite generar formas orgánicas y espacios con gran
aislamiento térmico.
</p>
<p>
Podés conocer más sobre esta técnica en:
<a href="https://www.thiscobhouse.com/" target="_blank">
This Cob House
</a>
</p>
<img
src="https://solarpedia.info/wp-content/uploads/2022/02/Casas-de-Cob-Solarpedia-1024x576.jpg"
alt="Construcción con técnica cob"
/>
<p>
Ir a la
<a href="segunda-pagina.html">segunda página</a>
</p>
</body>
</html>
Segunda-pagina.html:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Beneficios del Cob</title>
<style>
body{
background:#f7f2ea;
font-family:Arial, sans-serif;
max-width:900px;
margin:auto;
padding:40px;
}
h1{
color:#8b5e3c;
}
a{
color:#5f4128;
}
</style>
</head>
<body>
<h1>Beneficios de construir con Cob</h1>
<p>
Entre sus principales beneficios se encuentran:
</p>
<p>
- Bajo impacto ambiental<br>
- Uso de materiales naturales y locales<br>
- Excelente aislación térmica<br>
- Posibilidad de diseño orgánico y artesanal<br>
- Menor generación de residuos de obra
</p>
<p>
<a href="index.html">Volver a la página principal</a>
</p>
</body>
</html>
b. Producción final publicada
El sitio fue publicado mediante GitHub Pages como resultado final del ejercicio.
2. Segunda parte:
HTML:
CSS:
Comentarios
Publicar un comentario