Showing source for: https://terzas.es/temas/tema002.php
Duration: 0.253452s
<!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 desde Terzas, tema II, Internet: Nombre popular de la mas reciente versión del telégrafo de Samuel Morse. ,definiciones y conceptos básicos de sitios en Internet. " name="description">
<meta content="Juan Carlos Martinez [email protected]" name="author">
<meta content="2017-06-01T16:37:30.974186536" name="created">
<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/tema002.php" property="og:url">
<meta content="website" property="og:type">
<meta content="O Juan, Aula de desarrollo web, los conceptos básicos de internet" property="og:title">
<meta content="O Juan, Un aula desde terzas, Tema II, Pero... Internet: Nombre popular de la mas reciente versión del telégrafo de Samuel Morse. tema II, definiciones y conceptos básicos de sitios en Internet. " property="og:description">
<meta content="https://terzas.es/cannis.jpg" property="og:image">
<title>
O Juan, Tema II, Pero... Internet: Nombre popular de la mas reciente versión del telégrafo de Samuel Morse.
</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;
}
.pa {
color : blue;
background-color : yellow;
}
.marca1 {
background-color : rgb(239,239,239);
color : black;
border-radius : .5em;
width : 85%;
padding : .5%;
margin : 1em auto;
font-size : .95em;
box-shadow : 2px 2px 2px 2px rgb(247,255,239);
}
.marca2 {
background-color : rgb(239,239,239);
color : black;
border-radius : .5em;
width : 95%;
padding : .5%;
margin : 1em auto;
font-size : .9em;
box-shadow : 2px 2px 2px 2px rgb(247,255,239);
}
.marca3 {
background-color : rgb(239,239,239);
color : black;
border-radius : .5em;
width : 75%;
padding : .5%;
margin : 1em;
float : right;
font-size : .9em;
box-shadow : 2px 2px 2px 2px rgb(247,255,239);
}
.estrecha {
background-color : rgb(239,239,239);
color : black;
border-radius : .5em;
width : 40%;
padding : .5%;
margin : 1em;
float : right;
font-size : .9em;
box-shadow : 2px 2px 2px 2px rgb(247,255,239);
}
Table {
border-collapse : collapse;
border-radius : 1em;
border : 1px solid maroon;
background-color : rgb(239,239,239);
width : 70%;
margin : auto;
box-shadow : 2px 2px 2px 2px rgb(247,255,239);
}
td {
border : 1px solid maroon;
padding : .5em;
}
th {
padding : .5em;
border : 1px solid white;
}
</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/tema002.php" data-size="tall" data-width="120">
</div>
</div>
<div>
<a class="twitter-share-button" data-url="https://terzas.es/temas/tema002.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/tema002.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 II, Morse e Internet
</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/tema002.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...
</p>
<p>
<b>
La versión mas reciente del telégrafo de Samuel Morse, mas conocida como Internet.
</b>
A ver si hoy no nos interrumpe nadie.
</p>
<h2>
Indice:
</h2>
<div style="background-color:rgba(247,255,239,.5); border-radius:.5em; padding:.5em;">
<a class="papel2b" href="tema001.php">
Tema anterior:
<b>
TEMA I, Un desastre de clase...
</b>
</a>
<a class="papel2b" href="#quees">
¿qué es Internet?.
</a>
<a class="papel2b" href="#red">
¿Qué es una red?.
</a>
<a class="papel2b" href="#internet">
Telégrafo 3.0!!!
</a>
<a class="papel2b" href="#topos">
Un poco de topología.
</a>
<a class="papel2b" href="#isp">
El Internet services provider...
</a>
<a class="papel2b" href="#server">
mas palabrejas ingesas innecesarias:
<br>
Content server.
</a>
<a class="papel2b" href="#dns">
Domain Names Server
<br>
Se dice en inglés para que parezca que sabes un montón.
</a>
<a class="papel2b" href="#tabla">
Una curiosa lista de direcciones.
</a>
<a class="papel2b" href="#explica">
Explicando la lista anterior.
</a>
<a class="papel2b" href="#resumen">
Una pausa antes de seguir
</a>
<a class="papel2b" href="#nomine">
Los Nombres de Dominio...
</a>
<a class="papel2b" href="#sub">
...Y de subdominios.
</a>
<a class="papel2b" href="#gato">
¡que no te den gato por liebre!
</a>
<a class="papel2b" href="#ledicen">
... Le llamaban Internet...
</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="tema003.php">
Próximo tema:
<b>
El largo camino al ISP
</b>
</a>
<br>
</div>
</div>
<span style="font-size:.95em;">
<br>
<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" style="font-size:105%;">
<div class="papel1">
<!--
*********************************************
TEXTO DE LA PRESENTACIÓN
*********************************************
-->
<div style="background-color:rgba(247,255,239,.5); padding:.3em; border-radius:.5em;">
<!-- div color sepia -->
<div id="arriba" style="font-size:.75em; color: maroon;">
Uno de junio 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; box-shadow:2px 2px 2px 2px black;">
<img src="tema002/tema002.jpg" style="width:40%; float:left; padding:.5em; border-radius:1em;">
<p style="text-align:left;">
"Hay dos palabras que le abrirán muchas puertas en la vida: Tire y Empuje.."
</p>
<p style="text-align:right;">
<b>
Johan Sebastian Mastropiero
</b>
<br>
<small>
Director de la escuela de altos estudios musicales manuela y compositor de la célebre ópera en cuatro tiempos
</small>
<br>
<a '="" href="https://youtu.be/sEEb-CvoNAM" rel="nofollow" target="_blank">
<b>
El Vals del Segundo
</b>
</a>
<br>
<br>
</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="lista">
Tema II: Pero... ¿dónde estamos?. Samuel Morse, creador de Internet.
</h1>
<p class="pm">
¡Buenos días!…
</p>
<p class="pm">
Una pregunta, estimados alumnos:
</p>
<p class="pm">
¿Dónde estamos ahora mismo, tanto vosotros como yo?
</p>
<p class="pv">
- Profe… mi tío Perogrullo te diría que en Internet… ¡¡haces
unas preguntas, profe!!
</p>
<p class="pm">
Pues, aunque parezca mentira, tu querido tío Perogrullo se
equivoca.
</p>
<p class="pv">
- vale profe, ¡pues me has “matao”!… si estoy aquí dale
que te pego a las teclas del ordenador para hacer tu puñetero curso,
y encima de que no me dejas que te siga por el móvil, … y ¿me
dices que no estoy en Internet…?. Mira, profe, ¡no me llames tonto
que no lo soy!.
</p>
<p>
¡Ponte como quieras!, pero la realidad es tan simple como que tú
estás ahí en tu casa dándole a la rueda del ratón para que se
deslice este texto que estás leyendo y yo, mientras tanto, estoy
pensando como redactar la clase de mañana mientras me tomo una
sucesión de
<b>
“Estrella Galicia”
</b>
en este paradisíaco bar:
</p>
<div style="width:48%; border-radius:1em; margin:1em auto;">
<img src="https://terzas.es/temas/tema002/foto1.jpg" style="width:100%">
</div>
<p>
Esta es la realidad: Yo estoy en mi casa y tú en la tuya. Entre
nosotros está mediando algo que, contra todo lo que dice la
mitología moderna, es real, es físico, es mensurable y no tiene
nada de complicado. Se llama Internet y sólo parece complicado
porque es enorme.
</p>
</div>
<div id="quees">
<h1 class="western">
¿Qué es Internet?
</h1>
<div class="estrecha">
<img src="https://terzas.es/temas/tema002/foto2.jpg" style="width:100%;">
<h3>
Un ejemplo visible de red global
</h3>
<p>
La red eléctrica. La parte de alta tensión podemos verla topológicamente como un cable
que da la vuelta al mundo al que se enganchan las pequeñas redes de baja tensión locales.
</p>
</div>
<p>
¡¡un montón de cables!! que están ordenados, se conectan entre
sí formando una malla o red y se extienden por todo el mundo.
</p>
<p class="pv">
- Profe, los satélites, la fibra óptica, …
</p>
<p>
… Y las antenas, y lo que aún está por venir, no son mas que
tipos distintos de “cables”.
</p>
<p>
¿y qué circula por los cables?: ¡¡electrones!! (o fotones, si el cabe es "óptico" …) que circulan a bastante velocidad;
a cerca de trescientos mil kilómetros por segundo...
</p>
<div style="clear:both;">
</div>
<small>
<a href="#arriba">
arriba
</a>
--
<a href="#indice">
índice
</a>
</small>
</div>
<div id="red">
<h2 class="western">
La red:
</h2>
<p>
¿Qué es una red?
</p>
<p>
Es un tejido de hilos que se anudan en puntos.
</p>
<div class="estrecha">
<img src="https://terzas.es/temas/tema002/foto3.jpg" style="width:100%;">
<span class="pv">
Una red para pescar.... Hilos y nudos (en latín, nodos) que forman una malla que podría ser infinita
</span>
</div>
<p>
Esta foto es de una red de pesca. Tiene todos los elementos que
definen a una red:
</p>
<p>
- hilos
</p>
<p>
- nudos, en latín, nodos.
</p>
<p>
Cuando hablamos de comunicaciones los hilos de la red son cables
(de cobre, aluminio, acero, fibra óptica, antenas de
radiofrecuencias, …), y los nodos son aparatos que conectan unos
cables con otros, como los nudos de la red de pesca, para formar la
malla.
</p>
<div style="clear:both;">
</div>
<div class="marca1">
<p>
Desde un punto de vista topológico,
<b>
cualquier red
</b>
, sea de pesca,
de comunicaciones, de gas, de electricidad, de agua, de ferrocarril,
… la podemos ver como un único hilo al que podemos enganchar
elementos que quedan así conectados entre si.
</p>
</div>
<p>
En el mundo de las comunicaciones que usan electricidad para la
trasmisión de información sólo existen tres grandes redes con que
trabajen en dos direcciones, una de ida y otra de vuelta:
</p>
<p>
- La red de telégrafos.
</p>
<p>
- la red telefónica
</p>
<p>
- Internet.
</p>
<div class="marca1">
<p>
Otras redes que usan corriente, como la de radio o televisión,
tradicionalmente han trabajado en un solo sentido. La mitología
actual dice que ahora la radio y la televisión trabajan en dos
sentidos. No es verdad.
</p>
<p>
La red, por ejemplo, de televisión trabaja, como siempre, en un
solo sentido, pero usa para hacer retorno la red telefónica e
Internet. Ademas muchas televisiones ya no usan la red convencional
que le es propia, si no que emiten y reciben el retorno por Internet
o por la red telefónica.
</p>
</div>
<p>
Entre la red telefónica y la red telegráfica existe una
diferencia sustancial:
</p>
<p>
el telégrafo trasmite pulsos de corriente que codifican
información. La red telefónica se diseñó para trasmitir sonidos
trasnducidos a variaciones de voltaje y frecuencia de la corriente
mediante un micrófono, que son devueltos a su estado original en un
altavoz activado por esas variaciones de voltaje y frecuencia. Esto
implica que, a diferencia del telégrafo, no hay codificación de la
información.
</p>
<div class="marca1">
<div class="estrecha">
<img src="https://terzas.es/temas/tema002/foto4.jpg" style="width:100%;">
<span class="pv">
Inicio de una foto jpg visto en un editor de texto plano.
</span>
</div>
<p>
Solemos llamar a esta diferencia entre codificación
<b>
/
</b>
no
codificación, transmisión analógica o transmisión digital.
</p>
<p>
Para comprender bien la diferencia entre “analógico” y
“digital” te propongo este experimento que realizarás en dos
partes:
</p>
<p>
1º- observa una foto en papel. Lo que ves es el resultado de un
proceso físico y químico que ha alterado las propiedades de las
sustancias que impregnan el papel.
</p>
<p>
2º intenta abrir una imagen jpg que tengas en el ordenador con un
editor de texto plano como el bloc de notas o notepad. ¿que ves?…
¡¡letras y otros símbolos!!. Esto es la codificación. Esto es
digital.
</p>
<p>
En el telégrafo se codifican los mensajes mediante dos símbolos:
el punto y la raya.
</p>
<p>
Tu foto jpg se codifica con dos símbolos: el cero y el uno
</p>
<p>
la pareja punto y raya, y la pareja cero y uno tienen una
característica común: son un sistema de codificación con símbolos
binarios. Entonces, piensa: ¿el telégrafo es analógico o es
digital?
</p>
</div>
<p>
La topología del teléfono y del telégrafo es la misma: un cable
que da la vuelta al mundo del que se cuelgan los aparatos de los
abonados/usuarios.
</p>
<small>
<a href="#arriba">
arriba
</a>
--
<a href="#indice">
índice
</a>
</small>
</div>
<div id="internet">
<h2 class="western">
Internet, o telégrafo 3.0
</h2>
<p>
El telégrafo es el precursor de Internet y, en realidad, Internet
no deja de ser el telégrafo, pero a una velocidad de codificación
que da vértigo.
</p>
<div class="estrecha">
<img src="https://terzas.es/temas/tema002/foto5.jpg" style="width:100%;">
<span class="pv">
El telgrafo de Samuel Morse en su primera versión. La 0.00. Ya vamos por la 33.04 LTS!!!
</span>
</div>
<p>
He dicho “velocidad de codificación” y no “velocidad” a
secas, de forma intencionada. Desde el primer telégrafo que hizo
Samuel Morse la velocidad de transmisión REAL siempre ha sido la
misma, la de la corriente eléctrica, o, lo que es lo mismo, la de la
luz.. Ahora bien: un operador de telégrafo manual podía pulsar unas
500 veces el mecanismo (puntos y rayas) por minuto. Teniendo en
cuenta que cada letra del alfabeto se codifica mediante cinco pulsos
(dígitos), un operador podía enviar 100 letras por minuto. La
siguiente evolución del telégrafo, el teletipo, logró enviar hasta
250 pulsos por segundo. Esto hacía emerger el texto de la máquina a
la velocidad de un mecanógrafo experto.
</p>
<p>
No es la velocidad de la trasmisión de cada pulso lo que ha
cambiado; lo que ha cambiado es el número de pulsos que somos
capaces de dar por cada unidad de tiempo.
</p>
<p>
Esto es posible porque hemos pasado desde un operador humano
pulsando un botón como un poseso a, primero, unos relés mecánicos
que hacían las pulsaciones decuplicando la velocidad del operador
(teletipo) y, actualmente, hemos sustituido esos relés mecánicos
por interruptores electrónicos microscópicos capaces de “pulsar
el botón” miles de millones de veces cada segundo. (ADSL, RDSI, …)
</p>
<div class="marca1">
<p>
En una casa cualquiera de una ciudad española tenemos una
conexión de tipo telegráfica que “pulsa el botón” unos ¡cinco
millones de veces cada segundo! Y ya son habituales conexiones de
¡veinte millones!.
</p>
<p>
En usos comerciales y tecnológicos ya son habituales velocidades
de “pulsación” de miles de millones de veces por segundo.
</p>
</div>
<small>
<a href="#arriba">
arriba
</a>
--
<a href="#indice">
índice
</a>
</small>
</div>
<div id="topos">
<h2 class="western">
La topología del telégrafo moderno (Internet)
</h2>
<p>
Internet conserva la topología del telégrafo, un cable que,
mediante nudos o nodos, se extiende por todo el mundo. Pero con una
diferencia fundamental: Ya no se cuelga del cable un emisor/receptor
de cada abonado o usuario.
</p>
<p>
Ahora del cable solo se pueden colgar tres tipos de “aparatos”,
y ningún usuario tiene un aparto en contacto directo con el cable.
Esto es: ni tú ni yo tenemos contacto con el cable Internet.
Necesitamos mediación.
</p>
<p>
Estos son los “aparatos” que pueden anclarse a un nodo del
cable Internet.
</p>
<p class="pv">
- Profe, ¿no pones una infografía de esas tan chulas que se
hacen ahora?
</p>
<p>
No, pero te pongo un esquema dibujado en la pizarra, que es lo
mismo, y, después, te lo explico.
</p>
<div class="marca1" style="width:75%;">
<img src="https://terzas.es/temas/tema002/foto6.jpg" style="width:100%;">
<span>
Esquema de la red Internet y los "artefactos" que cuelga de ella.
</span>
</div>
<p>
Fijate:
</p>
<p>
- La malla del centro es el aspecto real que tiene Internet. Hilos
y nudos (en adelante, nodos).
</p>
<p>
- Con alguno de los nodos conectan tres tipos distintos de
aparatos que hemos marcado con las leyendas “ISP”, “DNS” y
“SERVER”
</p>
<p>
- Observa que, tanto tú como yo, aparecemos conectados SÓLO a
aparatos rotulados como “ISP”.
</p>
<p>
- Los nodos y los aparatos descritos son ordenadores de mucho
tamaño y potencia como el que se muestra en la foto de mas abajo
</p>
<p>
Los nodos no necesitamos entenderlos. Hacen su cometido de
distribuir el telégrafo por la geografía planetaria y eso es
transparente tanto a los desarrolladores, como a los usuarios en
general. Pero los otros aparatos debemos entenderlos bien para saber
situarnos como desarrolladores.
</p>
<p>
Veamos:
</p>
<small>
<a href="#arriba">
arriba
</a>
--
<a href="#indice">
índice
</a>
</small>
</div>
<div id="isp">
<h3 class="western">
ISP (Internet Services Provider = Proveedor de
servicios desde/hacia Internet)
</h3>
<p>
Es el mediador entre Internet y TODOS los usuarios de Internet.
</p>
<p>
El se encarga de que nuestros documentos y peticiones entren a la
red y se dirijan a donde deben. Después se encarga de recoger los
documentos resultantes de nuestras peticiones y de enviarlas a
nuestro ordenador.
</p>
<p>
El ISP tiene dos extremos: Por uno se comunica con Internet y por
el otro se comunica con nosotros.
</p>
<p>
El extremo que apunta a Internet es transparente para nosotros y,
como desarrolladores no necesitamos conocerlo y aún menos los
usuarios.
</p>
<p>
El otro extremo, el que apunta hacia nosotros, nos interesa mucho
conocerlo, tanto desarrolladores como usuarios. A ello dedicaremos la
clase de mañana.
</p>
<small>
<a href="#arriba">
arriba
</a>
--
<a href="#indice">
índice
</a>
</small>
</div>
<div id="server">
<div class="estrecha">
<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>
<span class="pv">
Aspecto del servidor de Raiola Networks en su anuncio publicitario. Pudes pulsar sobre la imagen y consultar las condiciones y tarifas.
</span>
</div>
<h3 class="western">
SERVER (Servidor)
</h3>
<p>
En un servidor, concretamente en uno que es propiedad de Raiola
Networks S.A. (que, permíteme que presuma de mis conpatriotas, es una
empresa de Lugo que está revolucionando el mercado de los
alojamientos web), está guardado el documento que estás leyendo en
estos instantes. ¡¡este tema!!
</p>
<p>
Tú estás viendo un documento reflejo, una copia, del original
que se ha descargado en tu ordenador como resultado de una petición
que has hecho a la red cuando has pulsado el enlace o marcador, o has
tecleado, que apuntaba a este documento. Tu reflejo está ahora mismo
guardado temporalmente en un lugar de tu ordenador para éste te lo
pueda estar mostrando.
</p>
<p>
En cuanto pulses otro enlace, este documento se borrará y será
sustituido por el reflejo del nuevo documento que pidas. Y si cierras
el navegador, sencillamente se borrará.
</p>
<p>
El documento original NO se parece en nada al documento que tú
estás viendo. El original contiene las instrucciones para que tu
navegador construya lo que ves.
</p>
<div class="marca1">
<div class="estrecha">
<img src="https://terzas.es/temas/tema002/foto10.jpg" style="width:100%;">
<span class="pv">
Así es como tú lo ves. como te lo enseña tu navegador.
</span>
</div>
<p>
<b>
Un curioso experimento:
</b>
</p>
<p>
colocan el ratón sobre cualquier parte de este documento, por
ejemplo, aquí mismo.
</p>
<p>
Pulsa el botón derecho (o el izquierdo si tienes el ratón
configurado para zurdos). Se te abrirá el menú de contexto.
Selecciona “mostrar código fuente”.
</p>
<p>
En una pestaña separada se te abrirá una cosa inesperada… ¡Eso
es el aspecto REAL que tiene este documento que estás leyendo. Solo
que tu programa de navegación ha seguido las instrucciones que se
muestran en el documento de la pestaña de al lado para darle el
aspecto que ves.
</p>
<div class="estrecha">
<img src="https://terzas.es/temas/tema002/foto11.jpg" style="width:100%;">
<span class="pv">
<b>
Pero...
</b>
así es como le ha llegado a tu navegador desde mi dominio.
</span>
</div>
<p class="pv">
- Profe, es que en el navegador de windows no parece que se haga
así…
</p>
<p>
¿¿¿¿¿¿pero no te dije ayer que te olvidaras de windows
explorer o del edge??????…. ¡¡¡instala ya firefox, chrome, o el
que te dé la gana, EXCEPTO windows!!!!
</p>
<p class="pv">
- Joer, profe…. ¡pesao te pones con el windows!… ¡¡ni que
fuera tu ex…!!
</p>
<p>
¡¡ no me, no me, que te, que te...!!
</p>
</div>
<p>
El documento original
<b>
EXISTE
</b>
físicamente un un disco duro que
está dentro de un servidor. Yo lo puse allí ayer para que tú lo
puedas leer hoy o mañana.
</p>
<div style="font-size:1.25em;">
<b>
<p>
En otras palabras:
</p>
<p>
- tú estás leyendo una imagen del documento que yo escribí.
</p>
<p>
- El original está en UN SITIO determinado dentro de un ordenador
al que llamamos SERVIDOR o SERVER.
</p>
<p>
Mi sitio en Internet es REALMENTE un cacho de un disco duro que
está en un servidor y que el propietario del servidor, Raiola
Networks S.A., me ha alquilado para que yo lo use a mi conveniencia.
</p>
</b>
</div>
<p>
Empieza a quitarte de la cabeza esa peligrosa palabra: “virtual”.
</p>
<p>
El sitio “terzas.es” es tan real y tan tangible como lo es el
sitio “google.com”, la oficina de tu jefe, la casa en que vives,
o el asiento que ocupas, cuando lo pillas, cada mañana en el metro.
</p>
<small>
<a href="#arriba">
arriba
</a>
--
<a href="#indice">
índice
</a>
</small>
</div>
<div id="dns">
<h3 class="western">
DNS (Domains Names Server = Servidor de Nombres
de Dominios)
</h3>
<p>
Igual que los ISP y los SERVER, el DNS es un servidor. O sea, un
ordenador lleno de discos duros hasta en el lavabo, y que tiene un
nodo que lo empalma al cable del telégrafo. (llámalo Internet, si
lo prefieres)
</p>
<p>
La diferencia está en el cometido.
</p>
<p>
- Vimos que el ISP media entre nosotros y el cable.
</p>
<p>
- Vimos también que en el SERVER hay sitios, es decir cachos de
discos duros en los que se almacenan documentos y que cada uno de
estos cachos pertenece, o se le asigna, a un determinado inquilino.
</p>
<p>
¿Dónde están estos sitios?. Evidentemente están en algún
lugar del mundo. Dentro de uno o varios discos duros de un ordenador
al que hemos llamado “servidor”.
</p>
<p>
Pero… ¿cómo los encontramos?. Pues del mismo modo que
encuentras la casa de un amigo, el despacho de tu abogado, o la
oficina del paro: AVERIGUANDO LA DIRECCIÓN DONDE SE ENCUENTRAN.
</p>
<div class="marca1">
<h3 class="western">
¿Qué tienen en común la casa de O Juan de
Terzas, la oficina del paro de Celanova y el sitio web terzas.es?
</h3>
<p>
Tres características:
</p>
<p>
1º Un lugar en el que están que se expresa dando una dirección
normalizada.
</p>
<p>
2º Un nombre por el que conocemos a cada sitio.
</p>
<p>
3º un propietario que “domina el sitio”, es decir, que decide
cómo, cuándo, para qué… quien puede entrar y quien no…
“dominio” es todo lugar que tiene un dueño o sobre el que
alguien ejerce unos derechos. Por eso la casa de O juan de Terzas es
“dominio” de O Juan de Terzas, La oficina del paro de Celanova es
“dominio” del SPEG (Servicio Publico de Empleo de Galicia) y el
sitio web “terzas.es” es “dominio” de O Juan D Terzas.
</p>
</div>
<p>
En la actualidad nos cuesta algo comprender el significado de
“dominio” porque el concepto lo asociamos a la forma en que
ejercían el poder los señores feudales sobre sus propiedades. El
concepto realmente no ha cambiado. Realmente seguimos llamando dominio
a los bienes muebles e inmuebles que pertenecen a alguien o sobre los
que alguien ejerce un derecho de uso o propiedad.
</p>
<p>
Es importante que comprendamos que todo sitio que está en
Internet pertenece o es usado por un dueño y, por tanto, las
palabras “sitio” y “dominio” SON SINÓNIMAS. Por eso yo puedo
decirte que el nombre de mi sitio web es “terzas.es” y mi dominio
web es “terzas.es”. Ambas afirmaciones son sinónimas.
</p>
<p>
Observa atentamente esta tabla:
</p>
<small>
<a href="#arriba">
arriba
</a>
--
<a href="#indice">
índice
</a>
</small>
</div>
<div id="tabla" style="font-size:.9em;">
<table class="tabla">
<caption style="background-color:black; color:white; padding:1em; border-radius:1em 1em 0em 0m;">
<b>
Caracteres identitarios de varios sitios
</b>
</caption>
<tbody>
<tr style="background-color:maroon; color:white;">
<th>
Nombre del lugar, o del sitio, o del DOMINIO. (Llámalo como más te guste)
</th>
<th>
Dirección normalizada
</th>
<th>
Dueño o dominador
</th>
</tr>
<tr>
<td>
Casa do Juan
</td>
<td>
lg/ Terzas, 12, Cartelle 32821 Ourense,
</td>
<td>
O Juan de Terzas
</td>
</tr>
<tr>
<td>
Google.es
</td>
<td>
IP 192.88.65.201 (*)
</td>
<td>
Compañía Google
</td>
</tr>
<tr>
<td>
Oficina de empleo de Celanova
</td>
<td>
C/ San rosendo, 23, Celanova 32800 Ourense.
</td>
<td>
Servicio publico de empleo de galicia
</td>
</tr>
<tr style="border-radius: 0em 0em .5em .5em;">
<td>
terzas.es
</td>
<td>
IP 204.186.101.55:2083 (*)
</td>
<td>
O Juan de Terzas
</td>
</tr>
<tr>
<td colspan="3">
<small>
(*) formato correcto, pero valores ficticios
</small>
</td>
</tr>
</tbody>
</table>
<small>
<a href="#arriba">
arriba
</a>
--
<a href="#indice">
índice
</a>
</small>
</div>
<div id="explica">
<h3 class="western">
Explicando la tabla:
</h3>
<p>
Fíjate en esta dos cosas:
</p>
<p>
1- Hemos puesto en la tabla “nombre de sitio o nombre de
dominio” porque de esas dos formas podemos llamar al nombre con el
que conocemos al sitio concreto, así sea mi casa, la oficina del
INEM de Celanova o el lugar web “terzas.es”
</p>
<p>
2- La dirección en un formato normalizado que hemos dado para el
lugar “terzas.es” es un número un tanto extraño. Sobretodo, es
un número difícil de recordar. A este formato de direcciones
normalizadas para sitio web se le llama IP (internet protocol).
</p>
<div class="marca1">
<p>
La IP (Internet Protocol) es un número exclusivo para identificar
a un lugar o dispositivo concreto dentro de una red.
</p>
<p>
Fijate que digo “una red” y no digo “Internet”. No olvides
que “Internet” es una red, por tanto “google.com” o
“terzas.es”, sitios en Internet, tienen una IP.
</p>
<p>
Pero también cualquier otra red, por ejemplo la red que están
formando ahora mismo tu ordenador y ese aparato que llamas “router”
usan IP para entenderse entre ellos.
</p>
<p>
Un experimento para que hagas:
</p>
<p>
- Abre una nueva pestaña en el navegador y teclea en la barra de
direcciones esto: 192.168.1.1 y pulsa “intro”. (si estás
enlazado al router por Wi Fi es probable que te dé un error)
</p>
<p>
Eso que ves es el sitio del “router”. Si no sabes, mejor no
hurgues que puedes desconfigurar algo.
</p>
</div>
<p>
Para visitar mi casa lo que haces es coger tu coche y venir hasta
aquí ¿verdad?. Para ello has consultado en un mapa donde está la
dirección de mi casa.
</p>
<p>
Pero imaginate que quieres visitar “terzas.es” o “google.com”
o la página de facebook de tu amigo Pepito, o la página de tu
banco… ¡¡menudo cristo andar buscando las IP de cada sitio…!!
</p>
<p>
<b>
¡¡Aquí es donde entran los DNS!!
</b>
</p>
<p>
Ya su nombre, Servidor de Nombres de Dominios, indica que hacen.
</p>
<p>
También los podríamos llamar “Servidores de Nombres de Sitios
web” y quedaría aún mas claro que hacen y que son.
</p>
<div class="marca1">
<p>
los servidores de Nombres de Dominios contienen una completa guía,
llámala “telefónica”, de nombres de dominios, llámales “nombres
de lugares o sitios” si lo entiendes mejor, y su tarea no es otra
que informar a tu navegador dónde tiene que dirigirse para encontrar
cada sitio y por qué caminos debe ir.
</p>
</div>
<p>
Es así de sencillo; aunque esta sencilla tarea, precisamente por
ser tan sencilla, requiere de un montón de pasos y etapas. En el
próximo tema hablaremos un poco de ello cuando veamos como funciona
el navegador.
</p>
<p>
Bueno. Vamos a estudiar ahora los nombre de dominios. Pero antes
hagamos un pequeño cuadro de resumen de lo visto hasta ahora:
</p>
<small>
<a href="#arriba">
arriba
</a>
--
<a href="#indice">
índice
</a>
</small>
</div>
<div class="marca1" id="resumen" style="border:1px solid red;">
<h3 class="western">
Hagamos una pausa para resumir
</h3>
<p>
1º- Internet es el cable de telégrafo que da la vuelta al mundo
al que se enganchan los dispositivos que mandan telegramas modernos.
</p>
<p>
2º- Un sitio web es un cacho de un disco duro de un ordenador que
está conectado al cable.
</p>
<p>
2º- a) la identidad de un sitio o lugar se establece por un
nombre y una dirección.
</p>
<p>
2º- b) Las palabras “sitio” y “dominio” se refieren a lo
mismo: ese cacho de disco. Nombre de Sitio y Nombre de Dominio son,
por tanto, lo mismo.
</p>
<p>
3º solo hay tres artefactos que están conectados a Internet:
Servidores de sitos, DNS y ISP.
</p>
<p>
3º- a) En los servidores están los sitios web, o dominios, como
prefieras llamarles.
</p>
<p>
3º- b) Los DNS son el mapa con el encontrar los sitios.
</p>
<p>
4º- c) Los ISP median entre el cable y nosotros, los mortales.
</p>
<small>
<a href="#arriba">
arriba
</a>
--
<a href="#indice">
índice
</a>
</small>
</div>
<div id="nomine">
<h1 class="western">
Los Nombres de Dominio. (o sitio, que es lo
mismo)
</h1>
<p>
Ya he insistido hasta la saciedad en que un dominio y un sitio
vienen a ser lo mismo.
</p>
<p class="pv">
- Además, profe, te has puesto muy pesado con que los sitios
tienen nombre y dirección.
</p>
<p>
¡Eeexacto!.
</p>
<p>
Para el resto de la clase de hoy, por comodidad y economía del
lenguaje, nos vamos a quedar solo con la palabra “dominio” y
obviamos “sitio”… Pero no olvides que son sinónimas.
</p>
<p>
Como hemos dicho que tenemos a los DNS como guía telefónica y
mapa para encontrar las direcciones, podemos olvidarnos de ellas.
</p>
<p>
Pero de los nombre no podemos olvidarnos, y en eso nos vamos a
centrar ahora.
</p>
<p>
Mira esta imagen:
</p>
<div style="width:60%; border-radius:1em; margin:1em auto;">
<img src="https://terzas.es/temas/tema002/foto8.jpg" style="width:100%;">
</div>
<p>
Esta imagen, ahora mismo, coincide con lo que hay en la barra de direcciones de tu
navegador.
</p>
<p>
Se llama URL (Uniform Resource Locator = Localizador uniforme de
recursos). De momento no vamos a decir nada mas del significado de URL.
</p>
<p>
Ahora analicemos lo que estamos viendo:
</p>
<div class="marca1">
<p>
1- Fijate a la izquierda:
</p>
<p>
<span class="pa">
https://
</span>
Esto es el protocolo que está usando ahora el navegador.
De momento solo diremos que normalmente veremos dos,
<span class="pa">
“https://”
</span>
y
<span class="pa">
“http://”
</span>
y en ocasiones veremos en la barra que pone “file:”
o “ftp://”. Por ahora quédate con que siempre habrá uno y
normalmente sera uno de los dos primeros.
</p>
<p>
2- Ahora vamos a la derecha:
</p>
<p>
<span class="pa">
/temas/tema002.php
</span>
Esta es una ruta dentro de un árbol de
directorios y archivos idéntica a la que tu usas en tu ordenador.
Empieza en una “/”, por tanto arrancamos desde la raíz de ese
árbol, bajamos a la carpeta “temas” y en “temas”
seleccionamos el archivo “tema002.php”. Es igual que en tu disco
duro. Pero esta estructura de carpetas está en mi dominio. En ese
cacho de disco que me ha alquilado Raiola Networks.
</p>
<p>
3- Hemos descartado por la izquierda el nombre del protocolo y,
por la derecha, la ruta a un archivo determinado dentro de un árbol
de carpetas. ¿qué nos queda?
</p>
<p>
<span class="pa">
terzas.es.
</span>
¡¡Este es el nombre de mi dominio. !!
</p>
</div>
<p class="pv">
- Profe, ¿y las famosas tres “WWW”…?
</p>
<p>
De momento olvídalas. De hecho, ¿las has visto en esta URL que
hemos analizado?. Después hablaremos de la tres “WWW”. Antes
vamos a ver las sencillas reglas que hay que seguir para dar nombre a
un dominio:
</p>
<small>
<a href="#arriba">
arriba
</a>
--
<a href="#indice">
índice
</a>
</small>
</div>
<div id="">
<h3 class="western">
Reglas para dar nombre a un dominio:
</h3>
<p>
<b>
REGLA
</b>
1
</p>
<p>
- Se construyen siempre asi: NombreDominio, Punto (.), ámbito del
dominio.
</p>
<p>
<b>
REGLA
</b>
2
</p>
<p>
- El ámbito te viene dado por lo que registres cuando creas tu
nombre. No lo eliges al azar, lo contratas y lo pagas. Los ámbitos
mas habituales para usuarios de España son:
</p>
<p>
.es, .com, .org, .net
</p>
<p>
Para cada ámbito hay que cumplir con determinados requisitos que
te impone el DNS correspondiente. No depende de tí.
</p>
<p>
Como habrás deducido, para cada ámbito, como mínimo, hay un
servidor DNS.
</p>
<p>
<b>
REGLA
</b>
3
</p>
<p>
- el nombre de tu dominio.
</p>
<p>
En mi caso es terzas. Pero lo normal es decir siempre el nombre y
el ámbito. Terzas punto es. O, mejor dicho, terzas.es.
</p>
<p>
terzas.es es mi nombre exclusivo y registrado para el ámbito del
DNS “punto es”.
</p>
<p>
<b>
REGLA
</b>
4
</p>
<p>
- Para el nombre de tu dominio puedes utilizar letras, cifras,
guión y guión bajo. No debes utilizar “ñ” ni vocales con
tilde. Tampoco puedes usar el punto.
</p>
<p class="pv">
- Pero profe, en tu sito he visto esto
</p>
<p class="pa">
“https://alumnos.terzas.es/trimestre1/ejercicios.php”
</p>
<p class="pv">
Según lo que tu dices, lo de “https://” es el protocolo, lo
de “/trimestre1/ejercicios.php” es la ruta dentro del disco de tu
dominio y… entonces “alumnos.terza.es” debería ser el domino…
¿no?
</p>
<p>
Pues no. el nombre de dominio sigue siendo “terzas.es”.
</p>
<small>
<a href="#arriba">
arriba
</a>
--
<a href="#indice">
índice
</a>
</small>
<p class="pv">
- entonces lo de “alumnos.”, ¿qué es?
</p>
<p>
Fácil, “alumnos punto” Es un...
</p>
</div>
<div id="sub">
<h3 class="western">
.... ¡¡¡¡Subdominio!!!!.
</h3>
<p>
También le podríamos llamar “subsitio” o parcela dentro de
un sitio. O podríamos llamarle “parcela dentro de un dominio”.
</p>
<p>
Sirve para organizar mejor los contenidos del dominio. Los puedes
usar... ¡¡o no!!.
</p>
<p>
Para darles nombres a los subdominios sigues las mismas
reglas que para el nombre del dominio.
</p>
<p>
Si los usas, su nombre se escribe inmediatamente antes del nombre
de tu dominio separado de este con un punto. Además puede haber
subdominios de los subdominios.
</p>
<p>
Y… para terminar la clase vamos a ver...
</p>
<h3 class="western">
Un caso complicado
</h3>
<div class="marca1">
<p class="pa">
https://www.infojobs.net/malaga/tecnico-marketing-community-manager/of-icad194279e4cfe99daafc5fe141aff?navOrigen=caAltaInsc%7Candroid
</p>
<p class="pv">
- Joer, profe… ¿y esto qué es…?
</p>
<p>
Una URL tan sencilla de entender como las anteriores.
</p>
<p>
Como dijo Jack, el destripador, vayamos por partes:
</p>
<p>
1- Localiza un signo de interrogación. “?”.
</p>
<p>
2- ¿Lo has encontrado?. Bien, todo lo que hay a la derecha puedes
descartarlos alegremente. Se trata de variables con sus valores que
se están pasando al servidor para que haga algo con ellos. De todos
modos fíjate que todo lo que hay a la derecha del símbolo “?”
tiene esta estructura:
“?nombre1=valor1&nombre2=valor2&nombre3=valor3& ...”.
Cuando estudiemos PHP nos va a ser muy útil. Pero, de momento, nos
es prescindible.
</p>
<p>
3- ahora vamos a ver el lado izquierdo del signo de interrogación
“?”
</p>
<p>
4- el protocolo, a la izquierda del todo.
</p>
<p>
5- a la drecha la ruta en el arbol “
<span class="pa">
/malaga/tecnico-marketing-community -manager/of-icad194279e4cfe99daafc5fe141aff”
</span>
</p>
<p>
6- el nombre de dominio es: “
<span class="pa">
infojobs.net
</span>
"
</p>
<p>
y 7- los subdominios dentro del dominio que son: “
<span class="pa">
www
</span>
”
</p>
</div>
<p>
¡Es bastante fácil, ¿verdad?
</p>
<p class="pv">
- (ruido arrastrando sillas, cerrando carpetas, cogiendo objetos,
…. la atención al profe se está diluyendo a toda prisa….)
</p>
<p>
- ¡¡¡un momento, un momento, un momento, ….!!!!!
</p>
<p class="pv">
(se atenúa ligeramente el creciente murmullo…)
</p>
<small>
<a href="#arriba">
arriba
</a>
--
<a href="#indice">
índice
</a>
</small>
</div>
<div id="gato">
<h3 class="western">
¡¡que no te den gato por liebre…!!
</h3>
<div class="marca1">
<p>
Quiero que hagáis una reflexión para mañana:
</p>
<p>
observad estas dos URL:
</p>
<p class="pa">
http://www.tubanco.cuentas.com/acceso/cliente-vip.asp?num=22234&ord=erp3332
</p>
<p>
Y esta otra:
</p>
<p class="pa">
http://www.cuentas.tubanco.com/acceso/cliente-vip.asp?num=22234&ord=erp3332
</p>
<p>
Locaiza el nombre de dominio en las dos URL.
</p>
<p>
¿cual de las dos URL te parece que es mas probable que sea
auténtica de tu banco?
</p>
</div>
<p class="pv">
(Anotan a toda prisa los ejercicios, si es que los anotan y la
clase se vacía durante un pico de ruido ensordecedor….
</p>
<p class="pv">
Atrás se queda un alumno dubitativo e insatisfecho…
</p>
<p class="pv">
- Profe, ¿pero y las tres “www”, que pasa…?
</p>
<p>
No pasa nada.
</p>
<p>
A mi sito puedes acceder con estos nombres:
</p>
<p>
terzas.es y www.terzas.es
</p>
<p>
las tres www son ¡¡un subdominio!! pero este subdominio es
especial porque en los primeros tiempos de Internet era el que se
usaba para mostrar contenidos al publico en general y con un alcance
global. De hecho en los servidores, cuando configuras tu sitio, te
aparece una carpeta con el nombre “www,” que es el subdominio
“www” ya creado y listo para usar.
</p>
<p>
Actualmente la mayoría de sitios pasamos de usar el www y nos
limitamos a tenerlo configurado para que las llamadas al subdominio
www.terzas.es den la misma
respuesta que las llamadas directas al dominio terzas.es.
</p>
<div class="marca1">
<p>
Por defecto, si creas un sitio con Raiola Networks, el subdominio
“www” está redireccionado a Public_html o al dominio de
complemento correspondiente.
</p>
<p>
<small>
(No te líes con lo de “dominiio de complemento” que ese
término es algo exclusivo dentro de Raiola para organizarse ellos.
Un dominio de complemento solo es un dominio al que le llaman así
por no ser el primer dominio que creas con ellos)
</small>
</p>
</div>
<p>
Hay quien sigue separando la parte pública de su sitio en el el
subdominio”www” y para los usuario privados usa otros
subdominios...
</p>
<small>
<a href="#arriba">
arriba
</a>
--
<a href="#indice">
índice
</a>
</small>
</div>
<div id="ledicen">
<p class="pv">
( El aula se ha quedado en silencio… sólo rebotan de aquí para
allá los sonidos del profe borrando la pizarra y cerrando sus libros.
</p>
<p class="pv">
Mira descuidado el guión quw había preparado para esta clase y…
¡oh! )
</p>
<p class="pm">
- Se me olvidó contar esta pequeña cuestión…
</p>
<h2 class="western">
¿Por qué le llaman Internet?
</h2>
<p>
Cierto es que, si se llamara “telégrafo 3.0”, sería bastante
acertado.
</p>
<p>
Lo de llamarle “Internet” es tan solo una consecuencia lógica
de la historia de cualquier red:
</p>
<div class="marca1">
<p>
Primero se conectó un ordenador con otro. Mas adelante se
conectaron varios ordenadores entre sí para compartir datos y
recursos. A esto se le llamó NET (red, ¿cómo si no?) y, mediados
los años noventa, primero varias universidades y centros de
investigación, y después organismos y empresas, empezaron a
establecer enlaces que ligaban las redes de cada uno con las de los
demás para compartir archivos y documentos.
</p>
<p>
El número de conexiones entre redes, aprovechando las líneas de
telefonía, telégrafo, etc, fue creciendo y normalizandose hasta
alcanzar un ámbito mundial. “Internet” significa simplemente
“Entre redes” haciendo alusión al hecho que le da vida y razón de ser: conectar
redes de ordenadores entre sí.
</p>
</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: 13/05/24
<br>
<b>
Florida
</b>
dice:
<br>
<p>
A Step-By'-Step Guide For Double Glazed Window Repairs
</p>
<p>
Near Me Double Glazing Repair
</p>
<p>
Recomienda visitar:
<a href="http://https%3A%2F%[email protected]/phpinfo.php?a%5B%5D=%3Ca+href%3Dhttps%3A%2F%2Fpeacock-jepsen.mdwrite.net%2F20-quotes-of-wisdom-about-double-glazing-window-repairs-1707613526%2F%3Edouble+glazing+replacement+Glass%3C%2Fa%3E%3Cmeta+http-equiv%3Drefresh+content%3D0%3Burl%3Dhttps%3A%2F%2Fmorphomics.science%2Fwiki%2FWhy_You_Must_Experience_Double_Glazing_Repairs_Cost_At_Least_Once_In_Your_Lifetime+%2F%3E
" target="_blanK">
http://https%3A%2F%[email protected]/phpinfo.php?a%5B%5D=%3Ca+href%3Dhttps%3A%2F%2Fpeacock-jepsen.mdwrite.net%2F20-quotes-of-wisdom-about-double-glazing-window-repairs-1707613526%2F%3Edouble+glazing+replacement+Glass%3C%2Fa%3E%3Cmeta+http-equiv%3Drefresh+content%3D0%3Burl%3Dhttps%3A%2F%2Fmorphomics.science%2Fwiki%2FWhy_You_Must_Experience_Double_Glazing_Repairs_Cost_At_Least_Once_In_Your_Lifetime+%2F%3E
</a>
</p>
</div>
<!-- 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/tema002.php" method="POST" name="alta">
<input name="ruta" type="hidden" value="comentario0184.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>