Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
tree: ebc1e296d4
Fetching contributors…

Cannot retrieve contributors at this time

314 lines (289 sloc) 11.453 kB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<meta name="author" content="Juan Reyero"/>
<link rel="alternate" type="application/atom+xml" href="http://feeds.feedburner.com/GreaterSkies" title="RSS feed" />
<style type="text/css">
<!--/*--><![CDATA[/*><!--*/
html { font-family: Times, serif; font-size: 12pt; }
.title { text-align: center; }
.todo { color: red; }
.done { color: green; }
.tag { background-color: #add8e6; font-weight:normal }
.target { }
.timestamp { color: #bebebe; }
.timestamp-kwd { color: #5f9ea0; }
p.verse { margin-left: 3% }
pre {
border: 1pt solid #AEBDCC;
background-color: #F3F5F7;
padding: 5pt;
font-family: courier, monospace;
font-size: 90%;
overflow:auto;
}
table { border-collapse: collapse; }
td, th { vertical-align: top; }
dt { font-weight: bold; }
div.figure { padding: 0.5em; }
div.figure p { text-align: center; }
.linenr { font-size:smaller }
.code-highlighted {background-color:#ffff00;}
.org-info-js_info-navigation { border-style:none; }
#org-info-js_console-label { font-size:10px; font-weight:bold;
white-space:nowrap; }
.org-info-js_search-highlight {background-color:#ffff00; color:#000000;
font-weight:bold; }
/*]]>*/-->
</style>
<link rel='stylesheet' type='text/css' media='screen'
href='/style/org.css'/>
<!--[if lt IE 7]>
<script language='JavaScript'>
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
var arVersion = navigator.appVersion.split('MSIE')
var version = parseFloat(arVersion[1])
if ((version >= 5.5) && (document.body.filters))
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == 'PNG')
{
var imgID = (img.id) ? 'id=\"' + img.id + '\" ' : ''
var imgClass = (img.className) ? 'class=\"' + img.className +
'\" ' : ''
var imgTitle = (img.title) ? 'title=\"' + img.title + '\" ' :
'title=\"' + img.alt + '\" '
var imgStyle = 'display:inline-block;' + img.style.cssText
if (img.align == 'left') imgStyle = 'float:left;' + imgStyle
if (img.align == 'right') imgStyle = 'float:right;' + imgStyle
if (img.parentElement.href) imgStyle = 'cursor:hand;' + imgStyle
var strNewHTML = '<span ' + imgID + imgClass + imgTitle
+ ' style=\"' + 'width:' + img.width + 'px; height:' + img.height + 'px;' + imgStyle + ';'
+ 'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader'
+ '(src=\"' + img.src + '\", sizingMethod=\"scale\");\"></span>'
img.outerHTML = strNewHTML
i = i-1
}
}
}
}
window.attachEvent('onload', correctPNG);
</script>
<![endif]-->
<script type="text/javascript">
<!--/*--><![CDATA[/*><!--*/
function CodeHighlightOn(elem, id)
{
var target = document.getElementById(id);
if(null != target) {
elem.cacheClassElem = elem.className;
elem.cacheClassTarget = target.className;
target.className = "code-highlighted";
elem.className = "code-highlighted";
}
}
function CodeHighlightOff(elem, id)
{
var target = document.getElementById(id);
if(elem.cacheClassElem)
elem.className = elem.cacheClassElem;
if(elem.cacheClassTarget)
target.className = elem.cacheClassTarget;
}
/*]]>*///-->
</script>
</head>
<body>
<div id="wrapper">
<div id="mainhead">
<a id="backhome" href='/es/' >
Greater Skies
&nbsp;&larr;</a>
</div><br/>
<div id="mainrelated">
<a href="http://feeds.feedburner.com/GreaterSkies-es"><img src="/img/rss.png"/>&nbsp;Suscríbete</a><br/>
<a href="/es/archivo.html">Archivo</a><br/>
<div id="license">
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/es/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-sa/3.0/es/88x31.png" /></a><br />Esta obra est&#225; bajo una <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/es/">licencia de Creative Commons</a>.
</div>
</div>
<div id="content">
<p>
<div id="related">
<a href="st-en.html">In English</a>.
</p>
<p>
También
</p><ul>
<li>
¿<a href="../size-paral/sp-es.html">Cuál es el tamaño de un paralelogramo?</a>
</li>
<li>
<a href="../six-times-nine/stn-es.html">¿Por qué es seis veces nueve igual a nueve veces seis?</a>
</li>
</ul>
<p></div>
</p>
<div id="outline-container-1" class="outline-2">
<h2 id="sec-1">¿Cuál es el tamaño de un triángulo? </h2>
<div class="outline-text-2" id="text-1">
<p>Supón que quieres saber lo grande es este triángulo:
</p>
<p>
<img src="img/triangle-1.png" Class="clean-center" alt="img/triangle-1.png" />
</p>
<p>
O si es más grande o más pequeño que este otro:
</p>
<p>
<img src="img/triangle-2.png" class="clean-center" alt="img/triangle-2.png" />
</p>
<p>
¿Qué quiere decir tamaño cuando se refiere a un triángulo?
Puede ser cuánta pintura necesitas para colorearlo, o cuántos
kilos de semillas necesitas para cubrirlo de césped, o cuántas
galletas rectangulares lo cubrirían. Todas estas medidas son
arbitrarias, pero pueden tener sentido en determinadas
ocasiones.
</p>
<p>
La medida arbitraria que solemos usar es: ¿cuántos cuadrados
puedes meter en él? Tomas un cuadrado de un tamaño dado, por
ejemplo de 1 m o de 1 km de lado, tratas de descubrir cuántos
caben en el triángulo, y al número que te sale lo llamas <b>área del triángulo</b>. Este número no tiene por qué ser entero: lo
normal es que necesites unos cuantos cuadrados y un trocito.
</p>
<p>
Llenar un triángulo de cuadrados no es fácil, porque los
cuadrados tienen una lamentable tendencia a no encajar
exactamente dentro de un triángulo. Por eso tenemos que pensar
formas indirectas de hacerlo.
</p>
<p>
Los cuadrados no encajan bien en un triángulo, pero como van
bien para llenar rectángulos podemos pensar en construir un
rectángulo a partir de nuestro triángulo, así:
</p>
<p>
<img src="img/triangle-3.png" class="clean-center" alt="img/triangle-3.png" />
</p>
<p>
Como éste es el rectángulo más pequeño que contiene a nuestro
triángulo, tenemos un rectángulo y un triángulo que están
ligados entre sí: si hacemos el triángulo más grande, también
el rectángulo que lo contiene tendrá que serlo.
</p>
<p>
¿No debería haber una relación entre el tamaño del triángulo y
el del rectángulo? Porque sabemos cómo medir un rectángulo:
<a href="seis-veces-nueve.html">multiplicamos sus lados</a>, en este caso <img src="ltxpng/st-es_c32770d5b8b96729ed7d6ac209b867c8c92df510.png"/>. Si
pudiéramos encontrar la relación entre los dos tamaños la
usaríamos para saber el tamaño del triángulo.
</p>
<p>
Mira esta otra imagen, en la que he dibujado una línea que
divide el triángulo (y el rectángulo) en dos partes:
</p>
<p>
<img src="img/triangle-4.png" class="clean-center" alt="img/triangle-4.png" />
</p>
<p>
¿Lo ves ya? Si no lo ves, prueba con esta otra:
</p>
<p>
<img src="img/triangle-5.png" class="clean-center" alt="img/triangle-5.png" />
</p>
<p>
Hemos dividido el rectángulo en otros dos más pequeños, el
verde y el azul, y al mismo tiempo hemos dividido nuestro
triángulo en dos triángulos más pequeños, también verde y azul.
Cada uno de los triángulos pequeños es exactamente la mitad de
su rectángulo.
</p>
<p>
En otras palabras: el tamaño de nuestro triángulo es
exactamente la mitad del tamaño de nuestro rectángulo. O sea
que para medir el triángulo lo único que tienes que hacer es
multiplicar su base <img src="ltxpng/st-es_f46f0eb142f1e88fce09b363508e32381833ebbc.png"/> por su altura <img src="ltxpng/st-es_627f79684ded3e16a85d44bf8bbd232ea90c2b77.png"/>, y dividir por dos.
</p>
<p>
Pero espera un momento: este argumento no funciona para el otro
triángulo que teníamos ahí arriba, el que queríamos comparar
con nuestro triángulo:
</p>
<p>
<img src="img/triangle-2.png" class="clean-center" alt="img/triangle-2.png" />
</p>
<p>
Cierto, el argumento no aplica, pero la forma de medirlo
resulta ser la misma: multiplicamos <img src="ltxpng/st-es_c32770d5b8b96729ed7d6ac209b867c8c92df510.png"/>, y dividimos
por dos. Pero tenemos que escoger la <img src="ltxpng/st-es_f46f0eb142f1e88fce09b363508e32381833ebbc.png"/> y <img src="ltxpng/st-es_627f79684ded3e16a85d44bf8bbd232ea90c2b77.png"/> con vista:
</p>
<p>
<img src="img/triangle-6.png" class="clean-center" alt="img/triangle-6.png" />
</p>
<p>
O sea que, si ésto es verdad, puedes mover horizontalmente el
vértice superior del triángulo todo lo que quieras, y el tamaño
del triángulo no cambiará mientras mantengas <img src="ltxpng/st-es_f46f0eb142f1e88fce09b363508e32381833ebbc.png"/> y <img src="ltxpng/st-es_627f79684ded3e16a85d44bf8bbd232ea90c2b77.png"/>
constantes.
</p>
<p>
Pero ¿es verdad? Es un ejercicio estupendo, así que igual te
lo puedes pensar tú mismo. <a href="../size-paral/sp-es.html">Pista</a>.
</p></div>
</div>
<address class="signature">
<a class="author" href="http://juanreyero.com">Juan Reyero</a>
<span class="date">
Barcelona,
2008-04-15</span>
</address>
</div>
<a name="comments">&nbsp;</a>
<div id="comments">
<hr/>
<script type="text/javascript">
var disqus_developer = 1;
</script>
<div id="disqus_thread"></div><script type="text/javascript" src="http://disqus.com/forums/greaterskies-es/embed.js"></script><noscript><a href="http://disqus.com/forums/greaterskies-es/?url=ref">View the discussion thread.</a></noscript><a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
</div>
<div id='footer'>
<a href="http://feeds.feedburner.com/GreaterSkies-es"><img src="/img/rss.png"/>&nbsp;Suscríbete</a>&nbsp;&mdash;&nbsp;<a href="/es/archivo.html">Archivo</a><br/>
<span id='copyright'>&copy; 2010
<a href='http://juanreyero.com'>Juan Reyero</a>
</span>
</div>
</div><!-- #wrapper -->
<script type="text/javascript">
//<![CDATA[
(function() {
var links = document.getElementsByTagName('a');
var query = '?';
for(var i = 0; i < links.length; i++) {
if(links[i].href.indexOf('#disqus_thread') >= 0) {
query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
}
}
document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/greaterskies-es/get_num_replies.js' + query + '"></' + 'script>');
})();
//]]>
</script>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-1081212-5");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.