martes, 26 de julio de 2016

Actividades del modulo 2

<!--proyecto mod. 2-->

<!--pag.principal-->
<html>
 <head>
  <title>Proyecto mod.2
  </title>
 </head>
 <body>
  <h1>Pag. principal del proyecto mod. 2
  </h1>
  <ol>
   <li><a href="2.fff proyecto pag.1.html">pagina uno proy.mod.2</a>
   </li>
   <li><a href="2.fff proyecto pag.2.html">pagina dos proy.mod.2</a>
   </li>
   <li><a href="2.fff proyecto pag.3.html">pagina tres proy.mod.2</a>
   </li>
  </ol>
 </body>
</html>
<!--pag. una-->
<html>
 <head>
  <title>pag.1 pr.mo.2
  </title>
  </head>
 <body>
  <h1>Pagina 1 del proy.mod.2.
  </h1>
  <p>Es la primera pagina de la web del proyecto del modulo 2.
  </p>
  <p><a href="2.fff proyecto.html">pag.Principal</a>     <a href="2.fff proyecto pag.2.html">pag.2</a>     <a href="2.fff proyecto pag.3.html">pag.3</a>
  </p>
 </body>
</html>
<!--pag. dos-->
<html>
 <head>
  <title>pag.2 pr.mo.2
  </title>
  </head>
 <body>
  <h1>Pagina 2 del proy.mod.2.
  </h1>
  <p>Es la segunda pagina de la web del proyecto del modulo 2.
  </p>
  <p><a href="2.fff proyecto.html">pag.Principal</a>     <a href="2.fff proyecto pag.1.html">pag.1</a>     <a href="2.fff proyecto pag.3.html">pag.3</a>
  </p>
 </body>
</html>
<!--pag. tres-->
<html>
 <head>
  <title>pag.3 pr.mo.2
  </title>
  </head>
 <body>
  <h1>Pagina 3 del proy.mod.2.
  </h1>
  <p>Es la tercera pagina de la web del proyecto del modulo 2.
  </p>
  <p><a href="2.fff proyecto.html">pag.Principal</a>     <a href="2.fff proyecto pag.1.html">pag.1</a>     <a href="2.fff proyecto pag.2.html">pag.2</a>
  </p>
 </body>
</html>

<!--actividad 2.14-->

<html>
 <head>
  <title>Los tres pilares de la Web</title>
 </head>
 <body>
  <h1>
Los tres pilares de la Web
  </h1>
  <p>
  <a href="http://es.wikipedia.org/wiki/Tim_Berners-Lee">
Tim Berners-Lee</a> es considerado el padre de la Web porque desarrolló los tres elementos básicos para el funcionamiento de la <a href="http://es.wikipedia.org/wiki/World_Wide_Web">Web</a>:
  </p>
  <ul>
   <li><a href="#html">
HTML</a></li><li><a href="#http">
HTTP</a></li><li><a href="#url">
URL</a></li>
  </ul>
  <h2 id="html">
HTML
  </h2>
  <p>
HTML, siglas de <strong>HyperText Markup Language</strong>, hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, entre otros. Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. Es el lenguaje con el que se definen las páginas web.
  </p>
  <p>
Fuente: <a href="http://es.wikipedia.org/wiki/HTML">HTML</a>, Wikipedia
  </p>
  <h2 id="http">
HTTP
  </h2>
  <p>
<strong>Hypertext Transfer Protocol</strong> o HTTP (en español protocolo de transferencia de hipertexto) es el protocolo usado en cada transacción de la World Wide Web. HTTP fue desarrollado por el World Wide Web Consortium y la Internet Engineering Task Force, colaboración que culminó en 1999 con la publicación de una serie de RFC, el más importante de ellos es el RFC 2616 que especifica la versión 1.1.
  </p>
  <p>
Fuente: <a href="http://es.wikipedia.org/wiki/Hypertext_Transfer_Protocol">HTTP</a>, Wikipedia
  </p>
  <h2 id="url">
URL
  </h2>
  <p>
Un <strong>Localizador de Recursos Uniforme</strong> o URL —siglas en inglés de <em>Uniform Resource Locator</em>— es un identificador de recursos uniforme (URI) cuyos recursos referidos pueden cambiar, esto es, la dirección puede apuntar a recursos variables en el tiempo. Están formados por una secuencia de caracteres, de acuerdo a un formato modélico y estándar, que designa recursos en una red, como Internet.
  </p>
  <p>
Fuente: <a href="http://es.wikipedia.org/wiki/Localizador_de_recursos_uniforme">URL</a>, Wikipedia
  </p>
 </body>
</html>
<!--
El título de la página debe ser Los tres pilares de la Web.
Los enlaces que aparecen en la página deben tener los siguientes destinos:
Tim Berners-Lee → http://es.wikipedia.org/wiki/Tim_Berners-Lee
Web → http://es.wikipedia.org/wiki/World_Wide_Web
HTML → enlace intradocumental al epígrafe HTML
HTTP → enlace intradocumental al epígrafe HTTP
URL → enlace intradocumental al epígrafe URL
Fuente: HTML → http://es.wikipedia.org/wiki/HTML
Fuente: HTTP → http://es.wikipedia.org/wiki/Hypertext_Transfer_Protocol
Fuente: URL → http://es.wikipedia.org/wiki/Localizador_de_recursos_uniforme
-->

<!--actividad 2.13-->

<html>
 <head>
  <title>Internet</title>
 </head>
 <body>
 <h1>Internet</h1>
 <h2>Contenido</h2>
 <ol>
  <li>Principales protocolos</li>
  <li>Formas de conectarse</li>
 </ol>
 <ol>
  <h2>
   <li>Principales protocolos</li>
  </h2>
   <ul>
<li>Transmision de ficheros:</li>
<ul>
 <li>FTP</li>
</ul>
<li>Correo electronico:</li>
<ul>
 <li>IMAP</li>
      <li>POP</li>
      <li>SMTP</li>
</ul>
   </ul>
  <h2>
   <li>Formas de conectarse</li>
  </h2>
   <dl>
    <dt>Red Telefonica Conmutada (RTC)</dt>
<dd>La linea telefonica de toda la vida. Para acceder a Internet es necesario un modem.</dd>
<dt>Red Digital de Servicios Integrados (RDSI)</dt>
<dd>Una linea telefonica especial. Para acceder a Internet es necesario un modem RDSI.</dd>
<dt>Linea de Abonado Digital Asimetrica (ADSL)</dt>
<dd>Se basa en la conversion de una linea RTC en una linea de alta velocidad. Para acceder a Internet es necesario un modem ADSL.</dd>
<dt>Fibra Optica</dt>
<dd>Una linea de fibra optica. Normalmente la fibra optica no llega hasta el usuario final, por lo que el termino mas apropiado es Fibra hibrida coaxial.</dd>
   </dl>
 </ol>
 </body>
</html>
<!--
Internet

Contenido

1. Principales protocolos
2. Formas de conectarse

1. Principales protocolos

. Transmision de ficheros:
    . FTP
. Correo electronico:
    . IMAP
. POP
. SMTP

2. Formas de conectarse

Red Telefonica Conmutada (RTC)
      La linea telefonica de toda la vida. Para acceder a Internet es necesario un modem.
Red Digital de Servicios Integrados (RDSI)
 Una linea telefonica especial. Para acceder a Internet es necesario un modem RDSI.
Linea de Abonado Digital Asimetrica (ADSL)
 Se basa en la conversion de una linea RTC en una linea de alta velocidad. Para acceder a Internet es necesario un modem ADSL.
Fibra Optica
 Una linea de fibra optica. Normalmente la fibra optica no llega hasta el usuario final, por lo que el termino mas apropiado es Fibra hibrida coaxial.
-->

<!--actividad 2.12-->

<html>
 <head>
  <title>Curriculum Vitae de Bruce Wayne</title>
 </head>
 <body>
  <h1>Curriculum Vitae de Bruce Wayne</h1>
   <h2>Datos personales</h2>
    <ul>
     <li> Nombre completo:  <strong>Bruce Wayne</strong></li>
     <li> Fecha de nacimiento: <strong>1/5/1939</strong></li>
     <li> Lugar de nacimiento: <strong>Gotham City</strong></li>
    </ul>
  <h2>Formación académica</h2>
   <ul>
    <li> 1956-1961: <strong>Universidad del Espantapájaros</strong></li>
    <li> 1952-1956: <strong>Instituto de Dos Caras</strong></li>
    <li> 1944-1952: <strong>Escuela Primaria del Joker</strong></li>
   </ul>
  <h2>Experiencia laboral</h2>
   <ul>
    <li> 1975-1985: <strong>En el paro</strong></li>
    <li> 1965-1975: <strong>Cazavillanos y demás chusma</strong></li>
    <li> 1962-1965: <strong>Aprendiz de superhéroe</strong></li>
   </ul>
 </body>
</html>

<!--
Curriculum Vitae de Bruce Wayne

Datos personales
Nombre completo:  Bruce Wayne
Fecha de nacimiento: 1/5/1939
Lugar de nacimiento:  Gotham City

Formación académica
1956-1961: Universidad del Espantapájaros
1952-1956: Instituto de Dos Caras
1944-1952:  Escuela Primaria del Joker

Experiencia laboral
1975-1985: En el paro
1965-1975: Cazavillanos y demás chusma
1962-1965: Aprendiz de superhéroe
-->

<!--actividad 2.10-->

<html>
<head><h1>Tim Berners-Lee</h1></head>
<body>
<p>
Sir Timothy "Tim" John Berners-Lee (Londres, Reino Unido, 8 de junio de 1955) es un cientifico de la computación británico, conocido por ser el padre de la Web. Estableció la primera comunicación entre un cliente y un servidor usando el protocolo <strong>HTTP</strong> en noviembre de 1989. En octubre de 1994 fundó el <em>Consorcio de la World Wide Web</em> (<strong>W3C</strong>) con sede en el <strong>MIT</strong>, para supervisar y estandarizar el desarrollo de las tecnologías sobre las que se fundamenta la Web y que permiten el funcionamiento de Internet.
</p>

<h2>Biografía</h2>

<p>
Nació en el sudoeste de Londres en 1955. Sus padres eran matemáticos y formaron parte del equipo que construyó el Manchester Mark I (una de las primeras computadoras). Durante el tiempo que estuvo en la universidad, construyó una computadora con una soldadora, circuitos <strong>TTL</strong>, un procesador Motorola 68000 y un televisor viejo. Se graduó en física en 1976 en el <em>Queen's College</em> de la <em>Universidad de Oxford</em>. Conoció a su primera esposa en este periodo. En 1978, trabajó en <em>D.G. Nash Limited</em> (también en <em>Poole</em>) escribió un sistema operativo.
</p>

<h2>Desarrollo de su carrera</h2>

<p>
Berners-Lee trabajó en el <strong>CERN</strong> desde junio hasta diciembre de 1980. Durante ese tiempo, propuso un proyecto basado en el hipertexto para facilitar la forma de compartir y la puesta al día de la información entre investigadores. En este periodo también construyó un programa llamado Enquire que no llegó a ver la luz.
</p>

<p>
Después de dejar el <strong>CERN</strong>, en 1980, se fue a trabajar a la empresa de <em>John Poole Image Computer Systems Ltd.</em>, pero regresó al <strong>CERN</strong> otra vez en 1984.
</p>

<p>
En 1989, el <strong>CERN</strong> era el nodo de Internet más grande de Europa y Berners-Lee vio la oportunidad de unir Internet y el hipertexto (<strong>HTTP</strong> y <strong>HTML</strong>), de lo que surgiría la World Wide Web. Desarrolló su primera propuesta de la Web en marzo de 1989, pero no tuvo mucho eco, por lo que en 1990 y con la ayuda de Robert Cailliau, hicieron una revisión que fue aceptada por su gerente, Mike Sendall. Usó ideas similares a las que había usado en el sistema Enquire para crear la World Wide Web, para esto diseñó y construyó el primer navegador (llamado WorldWideWeb y desarrollado con NextStep) y el primer servidor web al que llamó httpd (HyperText Transfer Protocol daemon).
</p>

Fuente: <em>Wikipedia</em>

</body>
</html>
<!--
El título de la página debe ser Tim Berners-Lee.
El texto "Tim Berners-Lee" como encabezado de nivel 1.
El texto "Biografía" como encabezado de nivel 2.
Todas las siglas, como <strong>HTTP</strong>, <strong>W3C</strong> o <strong>MIT</strong> deben aparecer como texto destacado.
Los nombres de las instituciones o empresas, como <em>Consorcio de la World Wide Web</em> o <em>Universidad de Oxford</em>, deben aparecer como texto enfatizado.
Editor
-->

<!--actividad 2.9-->

<html>
<head>
<title>El título de la página</title>
</head>
<body>

 <h1>HTML <em>HyperText Markup Language</em> </h1>

<p><strong>HTML</strong> son las siglas de <em>HyperText Markup Language</em>, que puede traducirse como lenguaje de marcas o marcado de hipertexto.</p>

<p>El lenguaje <strong>HTML</strong> se emplea para crear las páginas web. Es muy fácil ver el código <strong>HTML</strong> de una página web, la opción exacta cambia de un navegador a otro y también puede cambiar de una versión a otra de un mismo navegador, pero suelen tener un nombre similar.</p>

<p><strong>HTML</strong> se compone de etiquetas que se escriben entre los símbolos menor que y mayor que.</p>

  <h2>Historia de HTML</h2>

<p>Los inicios del lenguaje <strong>HTML</strong> se remontan al año 1990, cuando <em>Tim Berners-Lee</em> creó la primera página web.</p>

  <h2>Versiones de HTML <e</h2>

  <p><em>Tim Berners-Lee</em> definio la primera version de <strong>HTML</strong> en el año 1991</p>
  <p>En la actualidad, la ultima version de <strong>HTML</strong> es HTML5</p>

</body>
</html>

<!--2.9 ejemplo página web-->

<html>
 <head>
  <title>Ejemplo pag. codigo HTML</title>
 </head>
 <body>
  <h1>Esta es la cabecera mayor</h1>
  <h2>Este es el titulo menor</h2>
   <p>Ejemplo de parrafo y <strong>resaltado</strong></p>
  <h2>Otro titulo menor</h2>
   <p>Otro parrafo y <em>enfatizado</em></p>
 </body>
</html>

.html . --> principal
.head . --> cabecera de la pagina
.title  --> titulo de la pagina
.body . --> cuerpo de la pagina
.h1 . . --> cabecera tamaño 1º
.h2 . . --> cabecera tamaño 2º (el ultimo tamaño es h6)
.p  . . --> parrafo
.strong --> resaltado
.em . . --> enfatizado


No hay comentarios:

Publicar un comentario