Showing source for: https://terzas.es/temas/tema001.php
Duration: 0.228986s
<!DOCTYPE html>
<html lang="es">
<head>
<!-- ++++++++++++++++++++++++++++++++ NO OLVIDAR MODIFICAR LOS METAS CON EL NUEVO NOMBRE PHP -->
<meta charset="utf-8">
<meta content="0cXQrenxzDlpNn0J3ZLWRIWtNn1AaiDC1ImZnkyUZWU" name="google-site-verification">
<meta content="O Juan, Un aula, Tema I, donde estamos?, Hacer o scribir un sitio web es cuestión de hablar la lengua adecuada. esa lengua se llama PHP, HTML, CSS, ... " name="description">
<meta content="Juan Carlos Martinez [email protected]" name="author">
<meta content="2017-05-23T15:03:29.638251615" name="changed">
<meta content="desarrollo de aplicaciones con tecnología web, proyectos web, asesoría web, redaccion de textos, análisis funcional y orgánico, estudios de viavilidad web, programacion, psocion crítica, aula de programadores" name="keywords">
<meta content="https://www.terzas.es/temas/tema001.php" property="og:url">
<meta content="website" property="og:type">
<meta content="O Juan, ¿donde estamso?, ¿Qué tiene que ver Pitágoras, una raíz cuadrada y una pagina web?. Profe, que te enrollas..." property="og:title">
<meta content="O Juan, Un aula, Tema I, dónde estamos?, Hacer o scribir un sitio web es cuestión de hablar la lengua adecuada. la lengua se llama PHP, HTML, CSS, ... " property="og:description">
<meta content="https://terzas.es/cannis.jpg" property="og:image">
<title>
O Juan, tema I ¿dónde estamos?, ¿Qué tiene que ver Pitágoras, una raíz cuadrada y una pagina web?. Profe, que te enrollas...
</title>
<link href="https://terzas.es/temas/E_ancho.css" media="(min-width: 800px)" rel="stylesheet">
<link href="https://terzas.es/E_mediano.css" media="(min-width: 500px) and (max-width: 799px)" rel="stylesheet">
<link href='https://terzas.es//E_estrecho.css"/' media="(max-width: 499px)" rel="stylesheet">
<link href="https://terzas.es/temas/ESTILOt.css" rel="stylesheet" type="text/css">
<style>
.pv {
color : olive;
}
.pm {
color : maroon;
}
.marca1 {
background-color : rgb(239,239,239);
color : black;
border-radius : .5em;
width : 85%;
padding : .5%;
margin : 1em auto;
font-size : .9em;
}
.marca2 {
background-color : rgb(239,239,239);
color : black;
border-radius : .5em;
width : 95%;
padding : .5%;
margin : 1em auto;
font-size : .9em;
}
.marca3 {
background-color : rgb(239,239,239);
color : black;
border-radius : .5em;
width : 75%;
padding : .5%;
margin : 1em;
float : right;
font-size : .9em;
}
</style>
<!-- Place this tag in your head or just before your close body tag. -->
<script async="" defer="" src="https://apis.google.com/js/platform.js">
{
lang: 'es';
}
</script>
</head>
<body>
<div id="fb-root">
</div>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v2.5";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<!-- botonera ++++++++++++++++++++ recordar PONER NUEVAS DIRECIONS HTTPS en los botones de las redes +++++++++++++++++++++++++ -->
<div class="portador">
<div style="margin-top:.5em;">
<div class="g-plusone" data-annotation="inline" data-href="https://www.terzas.es/temas/tema001.php" data-size="tall" data-width="120">
</div>
</div>
<div>
<a class="twitter-share-button" data-url="https://terzas.es/temas/tema001.php" href="https://twitter.com/share">
Tweet
</a>
<script>
!function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https';
if (!d.getElementById(id)) {
js = d.createElement(s);
js.id = id;
js.src = p + '://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-wjs');
</script>
</div>
<div style="margin-top:.25em;">
<script src="//platform.linkedin.com/in.js" type="text/javascript">
lang: es_ES;
</script>
<script data-counter="right" data-url="https://terzas.es/temas/tema001.php" type="IN/Share">
</script>
</div>
<div style="margin-top:.25em; text-align:center;">
<a href="http://creativecommons.org/licenses/by-nc-nd/4.0/deed.es_ES" rel="license" style="font-size:.5em; line-height:.55em;" target="_blank" title="El sito terzas.es y su contenido están bajo una licencia de Creative Commons Reconocimiento-NoComercial-SinObraDerivada 4.0 Internacional, Y son obra de Juan Carlos Martinez Alvarez ([email protected])">
<img alt="Licencia de Creative Commons" src="https://i.creativecommons.org/l/by-nc-nd/4.0/88x31.png" style="border-width:0; width:80%">
</a>
<br>
<span style="font-size:.5em;">
©
<a href="https://terzas.es/contacto.html" rel="nofollow">
Juan Carlos Martínez
</a>
</span>
</div>
</div>
<!-- fin botonera -->
<!-- clases particulares -->
<div class="portador2">
<a class="portador3" href="clases.php" rel="nofollow" style="font-size:1.4em; text-align:center;" target="_blank" title="Este enlace se abre en una pestaña nueva para que no pierds de vista el tema que estás estudiando">
tu profesor
<br>
particular
<br>
</a>
<a class="portador3b" href="clases.php" rel="nofollow" style="font-size:.9em; text-align:center;" target="_blank" title="Este enlace se abre en una pestaña nueva para que no pierds de vista el tema que estás estudiando">
<b>
!!informate!!
</b>
</a>
</div>
<!-- fin clases particulares -->
<div class="faldon">
<h2>
O Juan D Terzas
</h2>
</div>
<div class="can">
<img src="https://www.terzas.es/cannis.png" style="height:100%;">
</div>
<div class="detras">
Estás viendo:
<b>
El Aula >> TEMA i ¿DONDE?
</b>
<br>
<br>
<br>
<br>
Desarrollador web indpendiente
<br>
Contacto:
<a href="mailto:[email protected]">
[email protected]
</a>
</div>
<div class="menu">
<a class="opcion" href="https://terzas.es/index.php" rel="nofollow" title="Regresar a la portada">
<b>
ir a la portada
</b>
</a>
<a class="opcion" href="https://terzas.es/conoce.html" rel="nofollow" title="Quien soy y qué hago, y la descripcion de qué te vas a encontrar en mi sitio. Pulsa para ver">
<b>
C o n ó c e m e
</b>
</a>
<a class="opcion" href="https://terzas.es/legal.html" rel="nofollow" title="Todo sobre la política de uso de este sitio, el tratamiento de datos y la LOPD">
<b>
Uso y aviso legal
</b>
</a>
<a class="opcione" href="https://terzas.es/curso.php" rel="nofollow" title="Aprende a programar en HTML, CSS y PHP y líbrate de la tirania de los CMS, plugins, ...">
<b>
¡ MAS TEMAS DEL AULA !
</b>
</a>
<a class="opcion" href="https://terzas.es/hereje.php" rel="nofollow" title="Un blog donde encontrarás opiniones sobre informática y recursos muy poco ortodoxas">
<b>
Info - herejías
</b>
</a>
<a class="opcion" href="https://terzas.es/contacto.html" rel="nofollow" title="Las vías de contacto y los servicios que pongo a tu disposición">
<b>
Contacto y servicios.
</b>
</a>
</div>
<!-- Tira del lado izquierdo -->
<div class="izqui">
<div id="indice">
</div>
<div>
<div class="fb-like" data-action="like" data-href="https://terzas.es/temas/tema001.php" data-layout="button" data-share="true" data-show-faces="true">
</div>
<!-- ++++++++++++++no olvidar nuevo https parq facebook. -->
</div>
<div style="clear:both;">
<br>
<a class="opciond" href="contacto.html" rel="nofollow" title="Las vías de contacto y los servicios que pongo a tu disposición">
<b>
¡Suscribete!
</b>
</a>
</div>
<div class="papel2">
<div>
<p>
Hoy intentamos hablar de...
<br>
<b>
los conceptos básicos sobre desarrollo web
</b>
Pero un alumno desmotivado nos destroza la clase
</p>
<h2>
Indice:
</h2>
<a class="papel2b" href="tema000.php">
Tema anterior: TEMA 0, Organizando...
</a>
<a class="papel2b" href="#teorema">
El teroema de Pitágoras ¿Qué...?
</a>
<a class="papel2b" href="#triangulo">
Triángulos... ¿pero de qué me hablas?
</a>
<a class="papel2b" href="#cateto">
Catetos... ¡no entiendo nada!
</a>
<a class="papel2b" href="#hipot">
¡¡hombre!! una hipotenusa.
</a>
<a class="papel2b" href="#Cuadrado">
A ver si cuadramos algo...
</a>
<a class="papel2b" href="#nuevo">
Un nuevo teorema
</a>
<a class="papel2b" href="#vade">
Vamos viendo entonces de qué va ésto
</a>
<a class="papel2b" href="#final">
Vamos concluyendo...
</a>
<a class="papel2b" href="#ejercicios">
Ejercicios para este tema
</a>
<a class="papel2b" href="#comentario">
Ir a los comentarios
</a>
<a class="papel2b" href="#caja">
Ir a la caja de comentar
</a>
<a class="papel2b" href="tema002.php">
Proximo tema:
<b>
Tema II, Pero... ¿dónde estamos?.
</b>
</a>
<br>
</div>
<span style="font-size:.85em;">
<b>
¡¡¡¡Gracias patrocinadores...!!!!
</b>
Sin vosotros este sitio web no hubiera sido posible.
</span>
<div style="width:85%; margin:auto;">
<div padding:0;="" style="width:90%; margin:.3em auto; border-radius:.5em">
<a href="https://www.facebook.com/pg/Concello-De-Cartelle-1237256396361829/photos/?ref=page_internal" rel="nofollow" target="_blank" title="Gracias al equipo de gobierno del municipio de Cartelle por vuestro apoyo y ánimo constante a este proyecto.">
<img src="patrocina/cartelle2.jpg" style="width:100%; border-radius:.6em">
</a>
</div>
<div padding:0;="" style="width:90%; margin:.3em auto; border-radius:.5em">
<a href="http://deltapci.com/" rel="nofollow" target="_blank" title="DeltaPC es un referente para Toda la provincia de Orense en formacicón y preparación en tecnologías informáticas y de diseño. Gracias DeltaPC por vuestro apoyo">
<img src="patrocina/deltapc.jpg" style="width:100%; border-radius:.6em">
</a>
</div>
<div padding:0;="" style="width:90%; margin:.3em auto; border-radius:.5em">
<a href="https://sila-ribadavia.es/" rel="nofollow" target="_blank" title="Gracias SILA, repostería tradicional, y gracias comercio local de la provincia, entre todos haremos que Orense ocupe su merecido lugar en el mapa.">
<img src="patrocina/silah.jpg" style="width:100%; border-radius:.6em">
</a>
</div>
<div padding:0;="" style="width:90%; margin:.3em auto; border-radius:.5em">
<a href="https://sila-ribadavia.es/pal.html" rel="nofollow" target="_blank" title="Gracias Pal Santos y a tu marca Bedoya Suite, , y gracias comercio local de la provincia, entre todos haremos que Orense ocupe su merecido lugar en el mapa">
<img src="patrocina/pal.jpg" style="width:100%; border-radius:.6em">
</a>
</div>
<div padding:0;="" style="width:90%; margin:.3em auto; border-radius:.5em">
<a href="http://www.cogami.es/" rel="nofollow" target="_blank" title="Gracias COGAMI (confederación galega de persoas con discapacidade) por vuestro constante apoyo y ayuda en mi trayectoria personal y profesional.">
<img src="patrocina/cogami.jpg" style="width:100%; border-radius:.6em">
</a>
</div>
<div padding:0;="" style="width:90%; margin:.3em auto; border-radius:.5em">
<a href="https://www.facebook.com/cafebar.bellomonte" rel="nofollow" target="_blank" title="Gracias Bar bellomonte (Os Cubanos de Outomuro) por vuestro apoyo y vuestras inmejorables pizzas, y gracias comercio local de la provincia, entre todos haremos que Orense ocupe su merecido lugar en el mapa">
<img src="patrocina/cubanos.jpg" style="width:100%; border-radius:.6em">
</a>
</div>
<div padding:0;="" style="width:90%; margin:.3em auto; border-radius:.5em">
<a href="https://plantarium-noroeste.es/" rel="nofollow" target="_blank" title="Gracias PLANTARIUM NOROESTE, criadores de arboleda ornamental ,y gracias comercio local de la provincia, entre todos haremos que Orense ocupe su merecido lugar en el mapa.">
<img src="patrocina/plantarium.jpg" style="width:100%; border-radius:.6em">
</a>
</div>
</div>
<div style="text-align:center;">
<br>
<small>
Publicidad Google
</small>
</div>
<div style="border:1px solid rgb(255,200,200); border-radius:.25em; width:99%; margin:auto;)">
<!-- codigo para google adsense -->
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
</script>
<!-- terzasadaptado -->
<ins class="adsbygoogle" data-ad-client="ca-pub-9665723316718059" data-ad-format="link" data-ad-slot="1529157250" style="display:block">
</ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
});
</script>
</div>
<!-- fimn de google -->
<div style="font-size:.75em; text-align:center; clear:both; width:85%; margin:auto;">
<br>
Mi alojamiento:
<a href="https://gestiondecuenta.eu/aff.php?aff=1178&especial=hosting" target="_blank" title="Hosting SSD">
<img alt="Hosting SSD" src="https://serv1.raiolanetworks.es/banners/300x250_Hosting_SSD.jpg" style="width:100%">
</a>
</div>
<div style="text-align:center; font-size:1.1em;">
<h1>
TABLÓN DE ANUNCIOS
</h1>
</div>
<div style="width:90%; margin:auto;">
<img src="patrocina/tablon1.jpg" style="width:100%;">
</div>
<div style="width:90%; margin:auto;">
<img src="patrocina/tablon2.jpg" style="width:100%;">
</div>
</div>
<!-- fin clase papel -->
</div>
<!-- fin izquierda -->
<!-- Tira central -->
<div class="centro">
<div class="papel1">
<!--
*********************************************
TEXTO DE LA PRESENTACIÓN
*********************************************
-->
<div style="background-color:rgb(255,239,239); padding:.3em; border-radius:.5em;">
<!-- div color sepia -->
<div id="arriba" style="font-size:.75em; color: maroon;">
Veintiocho de mayo de 2017.
</div>
<div id="linea">
<div style="background-color:rgb(239,239,239); color:black; border-radius:.5em; width:45%; padding:.5%; margin:1em; float:right; font-size:.9em;">
<img src="tema001/tema001.jpg" style="width:40%; float:left; padding:.5em; border-radius:1em;">
<p style="text-align:left;">
"Era un trabajo de hombres; por eso hacían falta mujeres para hacerlo"
</p>
<p style="text-align:right;">
<b>
Terry Pratchett
</b>
<br>
<small>
De la novela 'la corona del pastor'
</small>
</p>
</div>
<!-- ++++++++++++++++++++++++++++++++++++++++++++ NO OVIDAR CERRAR EL DIV ID LINEA AL TERMINAR EL PRIMER BLOQUE DE TEXTO ++++++++++++ -->
<!-- aqui va el primer capitulo de la entrada con el ID="linea" -->
<h1 class="western" style="color:maroon;">
TEMA I - ¿dónde estamos?
</h1>
<p class="pm">
- A ver, alumnos. Vamos a conocer hoy que son cosas tales como
“Internet”, “página”, “sitio”, “dominio”, “IP”, ...
<span class="pv">
(Un alumno se rebulle inquieto, mas fuera que dentro de su pupitre y acaba por llamar la atención de profe haciéndole perder totalmente el hilo...)
</span>
¡oh...!, ¿qué ...?
…
</p>
<p class="pv">
- ¡Espera, profe…!
</p>
<p class="pm">
- ¿qué?…
</p>
<p class="pv">
- Pero… ¿una pregunta?.
</p>
<p class="pm">
- ¿qué?, a ver…
</p>
<p class="pv">
- Es que decías ayer que… Bueno. Tengo aquí anotado que
dijiste que “necesario que seas un gran lector y que tengas
capacidad para redactar textos y relatar”. Yo es que me he apuntado
a clases de desarrollo web… y ¡vamos!, me parece que lo de hacer
una web y leer o escribir novelitas o cuentitos que tienen tanto que
ver como el tocino y la velocidad.
</p>
<p class="pm">
- ¡uf…!, ¿te gusta leer?
</p>
<p class="pv">
- Pues no. Y, además, con Internet y la tele no hace falta leer
para nada. Cualquier cosa que quiera aprender siempre habrá un
tutorial en video que es mas fácil de ver. Y para usted, profe, que
tanto le gusta el Quijote y esas frikadas lo tiene en película que
te lo cuenta sin tanta ensalada mixta de palabrejas…
</p>
<p class="pm">
-¡hum…!
</p>
<p class="pv">
- Y otra cosa, profe. Mi primo es SEO y Groujakin y con ten
manayer y dice que vas de cráneo con tantas palabritas que te
gastas. Que tú te complicas la vida. Que para tener una pagina se
hace un guorpress y queda mejor y bien. Y que para enseñar a hacer
un guorpress tienes mil tutoriales en yutube que lo hacen fácil….
Cuando le dije que quieres que traigamos un diccionario a clase…
aún se esta partiendo el culo de la risa.
</p>
<p class="pm">
- ¿sabes lo que significa la palabra “defenestrar”?.
</p>
<p class="pv">
- ¡claro!… Pues hacerle mal a alguien, pegarle duro, hablarle
de la madre…
</p>
<p class="pm">
- En realidad, no. “defenestrar” significa literalmente
“arrojar por la ventana” Esta acción la realizaban ciertos
señores feudales con los criados que reiteradamente eran negligentes
en sus funciones. Créeme si te digo que, mas que ganas de
defenestrarte, me viene la irresistible apetencia de comprobar, según
la ley de la gravitación universal de newton, cual es la potencia
necesaria que debería impeler a mi pie para chutar sobre esta tu
región, en la que la espalda pierde su buen nombre… para colocarte
en órbita geosincrónica.
</p>
<p class="pm">
Sin embargo, contendré mis apetitos mas reptilianos y te
propondré un reto: Voy a demostrarte desde un punto estrictamente
lingüístico cualquier idea o conocimiento que tú elijas. Elije
algo que creas que no tiene nada que ver la lengua ni, en
consecuencia, no haga falta para nada leer mucho, escribir mucho, ni
tirar para nada del diccionario. ¡venga!…
</p>
<p class="pv">
- (cuchicheo con los compañeros… murmullos… alguien da una
idea.) ¡Ya lo tengo!. En mates, la semana pasada, hicimos lo de la
ley de Pitágoras…
</p>
<p class="pm">
- el teorema de Pitágoras. ¿qué dice el teorema de Pitágoras?
</p>
<p class="pv">
- que se suben al cuadrado los catetos y se suman para tener la
hipotenusa. Luego se le hace la raíz... ¡así, mas o menos!
</p>
<small>
<a href="#arriba">
arriba
</a>
--
<a href="#indice">
índice
</a>
</small>
<p>
- más o menos… mas bien menos que más. Vamos a ver…
</p>
</div>
<div id="teorema">
<h1 class="western">
… El teorema de Pitágoras...
</h1>
<p>
… dese de un punto de vista estrictamente lingüístico.
</p>
<p>
El enunciado (busca “enunciado” en el diccionario) del teorema
(busca “teorema”) de Pitágoras dice:
</p>
<div class="marca3">
<p>
“para cualquier triangulo rectángulo se cumple que el cuadrado
del la hipotenusa es igual a la suma de los cuadrados de los
catetos.”
</p>
</div>
<div style="clear:both;">
</div>
<p>
Esto lo representamos así: ( a la izquierda, la fórmula. A la
derecha un caso con valores)
</p>
<div class="marca2">
<img src="https://terzas.es/temas/tema001/foto2.jpg" style="width:48%; border-radius:1em; margin:.8%; float:right;">
<img src="https://terzas.es/temas/tema001/foto1.jpg" style="width:48%; border-radius:1em; margin:.8%; float:right;">
<div style="clear:both;">
</div>
<p>
La elección de los valores 3 y 4 no es casual. La suma de sus
cuadrados da 25 que es el un número entero y es el cuadrado de 5.
Los números 3, 4 y 5 son lo que se conoce como una terna pitagórica
primitiva. Pero esto de las “ternas”, lo dejamos para contarlo en
el bocata del recreo. Si te pica mucho la curiosidad echa un vistazo
a la wikipedia (enlace a ternas)
</p>
</div>
<div style="clear:both;">
</div>
<p>
Vemamos el significado de las palabras con los que se relata el
teorema:
</p>
<small>
<a href="#arriba">
arriba
</a>
--
<a href="#indice">
índice
</a>
</small>
</div>
<div id="">
<h3 class="western">
triangulo:
</h3>
<p>
Que tiene TRES ángulos. (busca ángulo en el diccionario) y,
claro, tres lados.
</p>
<h3 class="western">
rectángulo:
</h3>
<p>
Que al menos uno de los ángulos que tiene la figura es un ángulo
recto. Sólo hay tres formas en las que se pueden cruzar dos rectas.
Mira la la pizarra:
</p>
<div style="border-radius:.5em; width:55%; padding:.5%; margin:1em auto; font-size:.9em;">
<img src="https://terzas.es/temas/tema001/foto4.jpg" style="width:100%;">
</div>
<p>
Forma 1ª:- dos rectas que siguen la misma dirección y no se
cruzan. Son paralelas. Forman un ángulo entre sí de 0º, o si lo
ves al reves, de 360º.
</p>
<p>
Forma 2ª:- dos rectas en distintas direcciones se cruzan y forman
cuatro ángulos entre sí, según desde donde las mires. Son iguales
de dos en dos y entre los cuatro suman 360º.
</p>
<p>
Forma 3ª:- dos rectas perpendiculares al cruzarse forman cuatro
ángulos iguales. De 90º cada uno y suman la consabida cifra de
360º.
<b>
ESTO ES A LO QUE SE LLAMA ÁNGULOS RECTOS.
</b>
</p>
<small>
<a href="#arriba">
arriba
</a>
--
<a href="#indice">
índice
</a>
</small>
</div>
<div id="cateto">
<h3 class="western">
Cateto:
</h3>
<p>
Del latin “catetus” y, a su vez, del griego “cathetos” y
significa “perpendicular”. Por eso los catetos son necesariamente
dos, porque si miramos a uno solo no es perpendicular a nada. Así
que los catetos, obviamente son los que delimitan el ángulo recto
del triángulo rectángulo.
</p>
<div class="marca1">
<p>
“Cateto” significa “perpendicular”. Pero ese otro uso que
se le da a esta palabra, el de “persona ignorante, tosca, palurda,
etc” no se sabe con certeza de donde puede provenir. Hay quien dice
que algún profesor romano pudo haber utilizado el término “cateto”
de una forma eufemística queriendo significar algo así como que “es
tan limitado este alumno que siempre se quedara en cateto y nunca
llegará a ser hipotenusa”.
</p>
<p>
El razonamiento se basa en que la
hipotenusa siempre es mas larga o grande que cualquiera de los dos
catetos.
</p>
</div>
<div style="clear:both;">
</div>
<small>
<a href="#arriba">
arriba
</a>
--
<a href="#indice">
índice
</a>
</small>
</div>
<div id="hipot">
<h3 class="western">
hipotenusa:
</h3>
<p>
En latín “hypoteuusa” que viene del griego “hypoteinousa”.
Significa literalmente “tender una cuerda”. Se llama así al lado
de un triángulo rectángulo que NO toca con el ángulo recto.
</p>
<div class="marca1">
<p>
La idea de “tender una cuerda” proviene de una práctica del
los arquitectos egipcios que aún se usa hoy en día por carpinteros
y constructores que facilita el “escuadrado” de una pieza o
terreno.
</p>
<p>
La técnica se basa en el concepto de “ternas pitagóricas”
y consiste en tomar una vara de dos metros, otra de tres y una cuerda
de 5 metros. Se dispone una vara en un ángulo aproximadamente recto
respecto de la otra. Luego se toma la cuerda y se va abriendo y
cerrando el ángulo que forman las varas hasta que la cuerda quede
tensa entre los dos extremos de las dos varas.
</p>
<p>
Una vez quie se ha escuadrado los cuatro lados de la pieza o
terreno se hace una última comprobación con una cuerda para
comprobar que las dos diagonales son de igual longitud. Es decir, “se
tienden dos cuerdas” o, lo que es lo mismo, se miden las dos
hipotenusas.
</p>
</div>
<div style="clear:both;">
</div>
<small>
<a href="#arriba">
arriba
</a>
--
<a href="#indice">
índice
</a>
</small>
</div>
<div id="Cuadrado">
<p>
Ahora viene el concepto mas delicado de entender:
</p>
<h3 class="western">
Cuadrado:
</h3>
<p>
Es el participio del verbo “cuadrar”. Cuadrar es, aparte de
otros significados, ajustar una figura, pieza, terreno, etc. hasta
que tenga cuatro lados iguales y cuatro ángulos iguales. Para que
los ángulos sean cuatro, sean iguales y sumen 360º, solo hay una
manera: que mida 90º cada ángulo.
</p>
<p>
El participio se usa, como es
natural, como sustantivo cuando no forma parte de una conjugación
verbal. Así podemos definir como “cuadrado” la figura que “ha
sido cuadrada”.
</p>
<h3 class="western">
¿y el cuadrado de un número?
</h3>
<p>
Un número no es lo mismo que una cifra. Las cifras son
“graffitis” con los que podemos representar números. Un número
solo puede representar dos cosas: Una cantidad o una magnitud. En
realidad magnitud y cantidad son lo mismo. Pero decimos “cantidad”
cuando contamos cuantos objetos hay. Por ejemplo, cien ovejas, tres
libros, doce huevos…; y decimos magnitud cuando hablamos del tamaño
de algo. Por ejemplo veinte litros de vino, dieciocho metros de
largo, una hectárea, treinta grados de temperatura, ….
</p>
<p>
Hemos visto que un “cuadrado” tiene 4 lados iguales y estos
forman ángulos de 90º. En ese aspecto todos los cuadrados del
universo son exactamente iguales. Solo tienen una diferencia: La
longitud (magnitud) del lado que los encierra.
</p>
<div style="border-radius:.5em; width:55%; padding:.5%; margin:1em auto; font-size:.9em;">
<img src="https://terzas.es/temas/tema001/foto5.jpg" style="width:100%;">
</div>
<p>
Los cuadrados tienen, además otra magnitud que nos interesa: LA
SUPERFICIE. Esta se calcula fácilmente: multiplicamos un lado por
otro de los lados que le es perpendicular…. PEEERO!!!, como hemos
dicho que TODOS los lados son iguales, lo mismo da multiplicar un
lado por otro que multiplicar un lado por sí mismo.
</p>
<div class="marca1">
<h3 class="western">
El cuadrado
</h3>
<p>
De un número es el valor (magnitud) de la superficie del cuadrado
que podemos construir tomando como magnitud para el lado, el número
dado.
</p>
<p>
Por ejemplo:
</p>
<p>
El cuadrado de 5 es 25. Esto es:
</p>
<p>
El área de un cuadrado que tiene de lado 5 (metros, kilómetros,
yardas, leguas, …) es 25 (metros cuadrados, ...)
</p>
</div>
<div style="clear:both;">
</div>
<small>
<a href="#arriba">
arriba
</a>
--
<a href="#indice">
índice
</a>
</small>
</div>
<div id="nuevo">
<p>
con todos estoa significados vamos a enunciar de nuevo el…
</p>
<h3 class="western">
“teorema de Pitágoras”:
</h3>
<div class="marca1">
<img src="https://terzas.es/temas/tema001/foto3.jpg" style="width:48%; border-radius:1em; margin:.8%; float:right;">
<p style="font-size:1.2em;">
“Para todos los triángulos que tengan un lado recto siempre se
cumple que: la suma de las superficies (áreas) de los cuadrados que
se pueden formar usando como lado de cada cuadrado los lados
perpendiculares contiguos al angulo recto del triángulo (catetos) es
igual a la superficie (área) del cuadrado que se puede formar con el
lado opuesto al ángulo recto (hipotenusa)”
</p>
<div style="clear:both;">
</div>
</div>
<div style="clear:both;">
</div>
<small>
<a href="#arriba">
arriba
</a>
--
<a href="#indice">
índice
</a>
</small>
</div>
<div id="vade">
<h1 class="western">
¿Y todo esto de las hipotenusas a que ha venido
en una clase de desarrollo web?
</h1>
<p>
Pues ha venido a cuento para entender bien en qué consiste esto
de “programar” y “desarrollar”.
</p>
<p>
Hemos entendido el teorema de Pitágoras ¡¡usando el
diccionario!!… es decir, manejando nuestra lengua.
</p>
<p>
En cualquier disciplina, sea científica, matemática,
informática, filosófica, … la clave para dominarla no es otra que
“hablar” la lengua adecuada comprendiendo la forma y el uso de
todos los elementos que conforman esa lengua.
</p>
<p>
No es diferente hablar “matemáticas” que Inglés, Chino
Mandarín, Euskera o Español. Todo se reduce (quizá “reducir”
no sea la palabra mas adecuada) a conocer bien las reglas semánticas,
ortográficas, sintácticas, ... y el vocabulario con la prosodia
propia de la lengua que pretendemos hablar.
</p>
<p>
Vamos a traducir a castellano un fragmento de programa PHP:
</p>
<div class="marca1">
<h3>
Fragmento PHP:
</h3>
<div style="border-radius:.5em; width:85%; padding:.5%; margin:1em auto; font-size:.9em;">
<img src="https://terzas.es/temas/tema001/foto6.jpg" style="width:100%;">
</div>
<h3>
Traducción a castellano:
</h3>
<p>
linea 10: Guarda en un contenedor de datos, al que debes llamar
$nombre, lo que venga escrito en el campo llamado “NombreDePila”
que trae el formulario que acaba de llegar.
</p>
<p>
Linea 11: valora si se cumple esta condición: El contenedor de
datos llamado $nombre NO está vacio. Si se cumple la condición
($nombre no está vacío) entonces ejecuta el código que hay entre
las llaves { y }.
</p>
<p>
linea 12: Llave { de comienzo de un agrupamiento de código
</p>
<p>
Linea 13: imprime en la pantalla este mensaje: “Hola” y lo que
hay guardado en $nombre;
</p>
<p>
linea 14: Llave } de fin de un agrupamiento de código
</p>
<p>
linea 15: Y, caso contrario, (la condición no se cumple porque
$nombre está vacío) ejecuta el código que está entre este otro
juego de llaves:
</p>
<p>
linea 16: Llave { de comienzo de un agrupamiento de código)
</p>
<p>
linea 17: imprime por la pantalla este mensaje: “Error, no me ha
dicho su nombre y es necesario”;
</p>
<p>
linea 18: Llave } de fin de un agrupamiento de código
</p>
</div>
<div style="clear:both;">
</div>
<small>
<a href="#arriba">
arriba
</a>
--
<a href="#indice">
índice
</a>
</small>
</div>
<div id="final">
<h3 class="western">
¿Has visto….?
</h3>
<p class="pm">
Castellano puro. Hemos traducido unas cuantas líneas de código
ininteligibles a puro castellano. Hemos podido hacerlo gracias a que
PHP simplemente es una lengua con todas las estructuras de una
lengua.
</p>
<p class="pm">
Bueno… Espero que empieces a entender el porqué del requisito
relativo al habito de lectura y escritura: Si ya eres un buen lector
y tienes la capacidad de plasmar en un escrito una relación ordenada
con ideas, hechos, propuestas, descripciones, …. posees una aptitud
y un recurso que te será realmente útil cuando te enfrentes a la
escritura de un programa.
</p>
<p class="pm">
Por el contrario, si no tienes arraigado el hábito de la lectura,
ni tienes la costumbre de redactar (aunque solo sea una lista de
propósitos, agenda de actividades, recetas de cocina, ….), mal,
muy mal te veo para escribir un programa y que funcione.
</p>
<p class="pv">
- vale, profe… Pero ¡yo no pienso llevar tanto trabajo!. Según mi
primo hay de todo para hacer hoy mismo una página y que funcione.
</p>
<p class="pm">
- ¡¡bien!!. ¡Es una opción!. Hasta hay páginas a las que
accedes y creas en unos minutos (que, cuando te quieres dar cuenta,
se hacen horas o días…) tu propia página y, según su publicidad,
empezar a forrarte con ella. Pero.. ¿sabes una cosa?. Detrás de
esas herramientas hay un montón de desarrolladores, analistas y
diseñadores que has escrito cientos de miles de lineas de código
para que otros puedan comportarse como tú… Y todo va
estupendamente hasta que… ¡oh!, ¡quieres cambiar el fondo de
pantalla!… y, ¡hala!, a buscar a ver donde consigues un pluguin o
algo para hacer esa misteriosa acción que, sin embargo, a cualquier
desarrollador no lleva mas de un minuto y tan solo con editar un
archivo y cambiar un parámetro en una línea de código.
</p>
<p class="pm">
Así que plantéate lo que realmente quieres. Aquí vamos a
profundizar en los conocimientos que nos permitirán escribir
auténtico software. Pero, como ya hemos dicho, esto es una cuestión
de actitud y de dedicación….
</p>
<small>
<a href="#arriba">
arriba
</a>
--
<a href="#indice">
índice
</a>
</small>
</div>
<div id="ejercicios">
<p class="pm">
¡¡Y, con este debate, se nos ha terminado el tiempo por hoy!!
</p>
<p class="pv">
(los pupitres tiemblan…, las sillas se arrastran… el murmullo
sube de tono…)
</p>
<p class="pm">
- Pero… ¡¡un momento!!
<span class="pv">
( ... el profe continúa hablando casi
gratando por encima del creciente murmullo… )
</span>
A la puerta he puesto
unos ejercicios para casa. ¡A ver si los hacemos!…
</p>
<div style="width:60%; margin:1em auto;">
<a class="papel2b" href="tema002.php" style="font-size:1.25em; padding:1em 2em;" target="_blank">
Nos vemos mañana para
<b>
el tema II
</b>
</a>
</div>
<p class="pv">
(y el ruido alcanza su punto mas álgido. Los alumnos salen en
tropel. Apenas uno o dos se fijan en el tablón donde están los
ejercicios….)
</p>
<div class="marca1">
<h1 class="western">
Ejercicios para hoy:
</h1>
<div style="border:1px solid red; padding:.5em; border-radius:.5em; margin:1em 2em;">
<p>
1º- Con el criterio que hemos visto para estudiar el “teorema
de Pitágoras” hazte tus propias definiciones para estos conceptos:
RAÍZ CUADRADA, EL CUBO DE UN NÚMERO, RAÍZ CÚBICA. Ten en cuenta
que DEBES definir estos conceptos desde un punto de vista
exclusivamente lingüístico.
</p>
</div>
<div style="border:1px solid red; padding:.5em; border-radius:.5em; margin:1em 2em;">
<p>
2º- Busca en el diccionario estas palabras:
</p>
<p>
- página, sitio, dominio, red, alojamiento, carga, descarga,
código.
</p>
<p>
PERO, ¡¡¡OJO!!!. anota todas las acepciones de cada palabra,
EXCEPTO las que se refieran al uso de estas palabras en el entorno de
la informática, telecomunicaciones o afines.
</p>
</div>
</div>
<div style="clear:both;">
</div>
<small>
<a href="#arriba">
arriba
</a>
--
<a href="#indice">
índice
</a>
</small>
</div>
<!-- aqui va el resto de capítulos de la entrada -->
<!-- Aqui acaba el texto de la entrada -->
<p style="text-align:center;">
<br>
<span style="font-family:CELTG; font-size:1.2em; color:maroon;">
O Juan de Terzas
</span>
<br>
<small>
©Juan Carlos Martínez Álvarez
</small>
</p>
<div style="clear:both;">
</div>
</div>
<!-- Fin del div sepia -->
<!--
*********************************************
FIN DEL TEXTO DE LA PRESENTACION
*********************************************
-->
<div id="comentario">
<h2>
1 comentarios:
</h2>
<p>
<a class="papel2b" href="#caja">
Ir a la caja de comentarios
</a>
</p>
<div style="background-color:rgb(239,239,239); color:black; border-radius:.5em; width:94%; padding:.5%; margin:.5em auto; font-size:.9em;">
C.1: 18/05/24
<br>
<b>
Annette
</b>
está siguiendo este hilo de conversación
<p>
Recomienda visitar:
<a href="http://javidiranzamin.com/__media__/js/netsoltrademark.php?d=www.Highstakes.com
" target="_blanK">
http://javidiranzamin.com/__media__/js/netsoltrademark.php?d=www.Highstakes.com
</a>
</p>
</div>
<small>
<a href="#arriba">
arriba
</a>
--
<a href="#indice">
índice
</a>
</small>
<!-- formlario -->
<div id="caja" style="width:90%; margin:auto; background-color:rgb(255,225,225); border:1px solid rgb(255,200,200); border-radius:.85em; padding:1em; font-size:.95em">
<form action="/temas/tema001.php" method="POST" name="alta">
<input name="ruta" type="hidden" value="comentario067007.txt">
<h4>
Caja para comentar:
</h4>
<p style="width:90%; margin:auto;">
Nombre o alias:
<br>
<input name="nombre" placeholder="Nombre real o un alias para dirigime a tí" required="" style="width:100%; padding:.5em;" type="text">
</p>
<p style="width:90%; margin:auto;">
<small>
Si no has comentado antes este hilo y deseas enterarte de los nuevos comentarios escribe tu correo.
</small>
<br>
<input name="correo" placeholder="Y, por favor, tu email" style="width:100%; padding:.5em;" type="email">
</p>
<p style="font-size:1.25em; padding:1em 2em;">
Tu comentario:
<br>
<textarea name="texto" rows="6" style="width:100%; padding:.5em;"></textarea>
</p>
<p style="width:90%; margin:auto;">
<small>
<b>
puedes incluir un enlace
</b>
, si lo deseas. escribe la URL o copiala y pega desde la barra de direcciones de tu navegador
</small>
<br>
<input name="enlace" placeholder="Un enlace para compartir." style="width:100%; padding:.5em;" type="text">
</p>
<p style="text-align:center;">
<input name="suscribe" style="padding:.85em; font-size:1.25em;" type="submit" value="Enviar comentario">
</p>
</form>
<p style="font-size:.90em;">
<b>
NOTAS:
</b>
<br>
- Si incluyes tu correo electrónico recibirás notificaciones de los nuevos comentarios de este hilo exclusivamente.
<br>
- Si solo quieres seguir el hilo pero no comentar, no escribas en la caja de comentarios pero indica tu correo.
<br>
- Si ya has comentado o seguido antes el hilo no hace falta que pongas tu correo de nuevo.
<br>
-
<b>
Reservado el derecho de moderación:
</b>
Aunque tu comentrio se publica automáticamente, después será revisado y puede ser eliminado o editado si no cumple con la politica de uso de este sitio. Si se modera, se publicará un aviso en su lugar indicando las acciones de moderación realizadas.
</p>
<small>
<a href="#arriba">
arriba
</a>
--
<a href="#indice">
índice
</a>
</small>
</div>
<!-- fin formulario -->
</div>
<!-- fin de dcomentarios -->
<p style="text-align:center;">
<br>
<span style="font-family:CELTG; font-size:1.2em; color:maroon;">
O Juan de Terzas
</span>
<br>
<small>
©Juan Carlos Martínez Álvarez
</small>
</p>
</div>
<!-- fin de papell 1 -->
</div>
<!-- fin centro y tira centarl -->
<div style="clear:both;">
</div>
</body>
</html>