Programación Internet con Html 4

Podemos continuar y terminar la aplicación muy simple con html de la Evolucion y Desarrollo Humano, siguiendo como ejemplo el blog anterior de la evolucion-fisica, podemos crear las páginas restantes de la evolucion-biologica, evolucion-social, presente-desarrollo y futuro-proyecto. La aplicación la podemos desarrollar en un teléfono inteligente o una computadora laptop o desktop. Solo necesitamos un editor de texto como el bloc de notas y un navegador como firefox  u otros.

Para desarrollar nuestra aplicación sencilla, creamos una carpeta html1 que contiene las páginas index html, evolución-fisica, evolución-biologica, evolución-social, presente-desarrollo y la de futuro-proyecto, además las subcarpeta image que contendrá, todas las imágenes de nuestra aplicación y la subcarpeta menú que tendrá los menus de la aplicación.

Una vez que  se complete la aplicación se checa localmente con un navegador como firefox o explorer y si existen errores se corrigen hasta que la aplicación quede sin errores. Para publicar nuestra aplicación en internet debemos buscar un proveedor de servicios de internet gratis o de paga. En mi caso yo obtuve un servicio gratis de Hostinger  tiene servicio de html, php y mysql. Primero debe crear una cuenta dando un nombre de usuario, el mail, se crea un subdominio o dirección web y un password. Por correo envían la aceptación o registro de la cuenta, junto con información para administrar la cuenta y los datos  del servidor ftp para subir nuestras páginas de html.  Utilizo el programa Filezilla3 para subir mi aplicación de la Evolución y desarrollo humano en el proveedor de servicios de internet Hostinger.

Para conectarse al servidor ftp se pone los datos que fueron enviados por mail en la parte superior el nombre del host, el user name y el password, se  presiona el botón de quikconnect y listo inicia la conexión, si no se conecta alguno de los datos del servidor ftp son erróneos. Al conectarse aparece en la ventana local site la carpeta y archivos de la computadora local y en la ventana remote site la carpeta de la computadora remota. Se seleccionan la carpeta y archivos locales y se envían a la carpeta del servidor o computadora remota y ahora se puede acceder a nuestra aplicación sencilla de la Evolución y Desarrollo Humano desde cualquier computadora que se conecte a internet.

Después de seguir todo lo anterior la aplicación de html de la Evolución y Desarrollo Humano  quedo en la siguiente dirección web que se puede visitar:

http://evolucionydesarrollo.pusku.com

El lenguaje Html ha evolucionado y mejorado en diferentes versiones y se ha complementado con varias técnicas, entre ellas con CSS para facilitar el desarrollo de grandes proyectos de html. CSS es la técnica de hojas o páginas de estilo en cascada que permite utilizar archivos en común a varias páginas y definir características de ellas, como encabezados, tipo de texto, colores, etc. También se han creado lenguajes script como JAVA SCRIPT y SCRIPT BASIC que dan gran versatilidad a las aplicaciones de internet con html, principalmente en la computadora local. La última versión de Html es HTML5 con más atributos y elementos, también se tiene acceso a una base de datos local Sqlite3. 

La aplicación de html de  la Evolucion y Desarrollo Humano es una presentación estática, no existe una interacción del usuario con la aplicación, solo pueden leerse las páginas. Para crear una aplicación interactiva se han desarrollado varias técnicas como CGI, o los lenguajes de PHP, ASP, NET.ASP que refuerzan a html y permiten acceder a archivos y base de datos como mySql, Access, SqlServer entre otros y poder actualizar los datos. Hemos visto como nuestra aplicación sencilla de html se carga o sube a un proveedor de servicios de internet, utilizando un programa de servicio ftp, así también se debe de hacer con las aplicaciones con Php y Asp, de  subirlos e instalarlos en un servidor web como Apache o IIS de Microsoft. Normalmente las bases de datos están en el mismo servidor web, pero puede estar en otro servidor.

Con todo lo anterior podemos resumir que una aplicación Html puede ser estática o dinámica, con esta el usuario puede interactuar con las aplicaciones y hacerlas más interesantes. La aplicación se sube o carga a un servidor web que contiene solo archivos o una base de datos en el mismo servidor o en otro para actualizarla por el usuario.

La figura muestra una aplicación dinámica por internet y describiremos como funciona. De una PC desktop, laptop o de un teléfono inteligente que utilice wi-fi o la red telefónica, se hace una petición de un cliente por medio de un navegador de internet, a una página que está en Html y Php y consulta una base de datos mySql, a un servidor web Apapache por internet,  el motor Php hace una petición a un servidor de base de datos mySql que está en otra computadora. El motor Php recibe el resultado de la base de datos mySql y formatea el código en Html para enviar los resultados por medio del servidor web Apache y poder desplegarse en la pantalla de la computadora PC o del teléfono inteligente.

Programación Internet con Html 3

Continuamos la aplicación muy simple de la Evolución y Desarrollo Humano con html. Lo podemos desarrollar en un teléfono inteligente o una computadora laptop o desktop. Solo necesitamos un editor de texto como el bloc de notas y un navegador como firefox  u otro.
Para desarrollar nuestra aplicación sencilla, creamos una carpeta html1 y las subcarpeta image que contendrá, todas las imágenes de nuestra aplicación y la subcarpeta menú que tendrá los menus de la aplicación. Las páginas index html y las correspondientes del menú están bajo la carpeta html1.
La siguiente imagen muestra como quedaría la página evolución-fisica.html.

Abrimos el editor de bloc de notas e introducimos el código siguiente.
<html>
<head>
<title>Evolución Física</title>
</head>
<body background="image/gold3.jpeg">
<center><table border="0">
<tr><td colspan="2">
<center><h1><font color="gold" face="veredana">Evolución y Desarrollo Humano </font></h1></center>
<a href="index.html"><img src="menu/menu00.png" width="150" hight="140" alt="Inicio - EYDH"></a>
<a href="evolucion-fisica.html"><img src="menu/menu11.png" width="150" hight="140" alt="Pasado de la Evolución Física"></a>
<a href="evolucion-biologica.html"><img src="menu/menu22.png" width="150" hight="140" alt="Pasado de la Evolución Biológica"></a>
<a href="evolucion-social.html"><img src="menu/menu33.png" width="150" hight="140" alt="Pasado de la Evolución Social"></a>
<a href="presente-desarrollo.html"><img src="menu/menu44.png" width="150" hight="140" alt="Presente del Desarrollo"></a>
<a href="futuro-proyecto.html"><img src="menu/menu55.png" width="150" hight="140" alt="Futuro con un Proyecto"></a></center>
</td></tr>
<tr><td colspan="2">
<center><h3><font color="yellow" face="veredana">Pasado de la Evolución</font></h3></center>
</td></tr>
<tr><td colspan="2">
</td></tr>
<tr><td colspan="2">
<p> ¿De dónde venimos? debemos de conocer y de estudiar el pasado en la línea del tiempo de la evolución universal, iniciamos con el físico, continuamos con el biológico y terminamos con el social. La evolución física se inicia con las teorías de cuerdas y membranas para explicar las 4 fuerzas fundamentales y la gran explosión, la formación de las partículas, átomos, moléculas, gas y polvo cósmico que crea las estrellas y cuerpos celestes formando el universo de galaxias. La galaxia vía láctea incluye al sistema solar con 9 planetas, uno de ellos la tierra, inicialmente incandescente y después se enfría formando capas una sólida y liquida, otra gaseosa.
La evolución biológica se inicia con las moléculas orgánicas, continúa la formación del ADN, las células vegetales, los microorganismos unicelulares, los organismos multicelulares terminando con la aparición del hombre pensante.
La evolución social se inicia con la aparición del ser humano en la prehistoria, continua la edad antigua, la edad media, la edad moderna, la edad contemporánea y la edad de la información. Finaliza con la descripción del mundo actual y los individuos parte de la sociedad.</p>
</td></tr>
<tr><td colspan="2">
<center><img src="image/evolucion-fisica.jpg" width="400" hight="300"></center>
</td></tr>
<tr><td colspan="2">
<center><h3><font color="#6E6E6E" face="veredana">Pasado de la Evolución Física</font></h3></center>
</td></tr>
<tr><td colspan="2">
</td></tr>

<tr><td colspan="2">
<p>La evolución física se inicia con las teorías de cuerdas y membranas para explicar las 4 fuerzas fundamentales y la gran explosión, la formación de las partículas, átomos, moléculas, gas y polvo cósmico que crea las estrellas y cuerpos celestes formando el universo de galaxias. La galaxia vía láctea incluye al sistema solar con 9 planetas, uno de ellos la tierra, inicialmente incandescente y después se enfría formando capas una sólida y liquida, otra gaseosa.</p>
<hr>
</td></tr>

<tr><td colspan="2">
Acontecimiento  Fecha  Tiempo  Descripción<br>
<!-- Por cada tema se crea un vínculo a wikipedia -->
000.Principio  Ene-1  0 seg      En un principio no existía nada o siempre ha existido materia y energía en forma de cuerdas y membranas muy pequeñas. Físicamente la energía no se crea ni se destruye solo se transforma.<br>
001.Cuerdas  Ene-1  0 seg     Las Cuerdas forman curvas cerradas y abiertas de energía, oscilan en diferentes frecuencias para crear las partículas subatómicas y unifican las 4 fuerzas naturales.<br>
01a.Membranas  Ene-1  0 seg     Son Super Cuerdas que se alargan formando Membranas, cada una se desplaza y vibran en conjunto, e incluyen cuerdas que crean los universos en paralelo.<br>
002.Gran Explosión  Ene-1  0 seg      De la Teoría de Membranas al chocar dos membranas genera elevada presión y temperatura liberando gran cantidad de energía e inicia la Gran Explosión.<br>
02a.Fuerzas Fundamentales   Ene-1  10ˉ³°seg     En los primeros instantes después de la explosión las 4 fuerzas fundamentales de la naturaleza se mantienen unidas, la fuerza de gravedad, fuerza electromagnética y las fuerzas nucleares débil y fuerte.<br>
003.Gravitones  Ene-1  10ˉ²º seg     Las Cuerdas vibran a la frecuencia de la longitud Planck y amplitud 0 para formar los Gravitones, base de la Gravitación Universal.<br>
004.Quarks   Ene-1  10ˉ²º seg     Las Cuerdas vibran en resonancia a la frecuencia para formar los Quarks y estos crean los Neutrones y Protones(+) y otras partículas.<br>
005.Electrones  Ene-1  10ˉ²º seg     El Electrón no es un punto sin estructura interna y dimensión 0 sino cuerdas de energía que vibran en un espacio-tiempo de más de 4 dimensiones.<br>
05a. Núcleo Atomico    Ene-1   10ˉ²º seg        Parte importante y central del átomo que es de un masa mucho mayor que los electrones que giran a su alrededor, lo más importante son las fuerzas nucleares débil y fuerte que mantienen unidos a los protones de carga (+) <br>
006.Átomos   Ene-1  10ˉ¹ºseg       Los átomos tiene Electrones(-) que giran alrededor del núcleo que esta formado por Protones(+) y Neutrones(0), su carga eléctrica se mantiene neutra.<br>
007.Moléculas   Ene-3  120 MA     La Molécula son átomos ligados por enlaces covalentes, se inicia la formación de las moléculas inorgánicas de H, He, entre otras y  crean los gases y polvo cósmico.<br>
008.Polvo y Gas Cósmico   Feb-1   1250 MA      Las moléculas de H y He, forman parte del Gas y Polvo cósmico que se expande por todo el espacio alejándose del centro de la Gran Explosión.<br>
08a.Estrellas  Feb-1    2250 MA       Se forman estrellas de vida corta con el gas de H, con el tiempo se termina y aumenta su tamaño convirtiéndose en supernovas, explotan y crean nuevos gases y polvo con elementos más complejos expandiéndose por todo el cosmos.<br>
009.Universo   May-1   5000 MA       Bajo la acción de la gravedad se concentra grandes nebulosas de gas de hidrógeno, liberando energía formando las estrellas y el polvo los cuerpos celestes y ambos forman las Galaxias del Universo.<br>
010.Vía Láctea  Jun-1  6250 MA       La galaxia Vía Láctea que actualmente tiene forma de espiral con una
longitud de 200 MAL y espesor de 20 MAL en el centro y 5 MAL en el extremo, con un total de 200 mil millones de estrellas.<br>
011.Sistema Solar Ago-1  8750 MA        El Sistema Solar con la estrella Sol como centro y 9 Planetas girando a su alrededor, con una extensión de 15,000 millones de Km.<br>
11a. Mercurio     Ago-1   8750 MA         Planeta del Sistema Solar más próximo al Sol y el más pequeño. Forma parte de los denominados planetas interiores o rocosos. Mercurio no tiene satélites. Se conocía muy poco sobre su superficie hasta que fue enviada la sonda planetaria Mariner 10 y se hicieron observaciones con radares y radiotelescopios.<br>
11b. Venus    Ago-1  8750 MA         El segundo planeta del Sistema Solar en orden de distancia desde el Sol, y el tercero en cuanto a tamaño, de menor a mayor. Recibe su nombre en honor a Venus, la diosa romana del amor. Se trata de un planeta de tipo rocoso y terrestre, llamado con frecuencia el planeta hermano de la Tierra.<br>
11c. Marte    Ago-1   8750 MA         Apodado a veces como el Planeta Rojo, es el cuarto planeta del Sistema Solar. Forma parte de los llamados planetas telúricos o sea de naturaleza rocosa, como la Tierra y es el planeta interior más alejado del Sol. Es, en muchos aspectos, el más parecido a la Tierra.<br>
11d. Asteroides   Ago-1   8750 MA           El Cinturón de Asteroides  es una región del Sistema Solar comprendida aproximadamente entre las órbitas de Marte y Júpiter. Alberga multitud de objetos irregulares denominados asteroides o planetas menores. Esta región también se denomina cinturón principal con la finalidad de distinguirla de otras agrupaciones de planetas menores dentro del Sistema Solar.<br>
11e. Júpiter    Ago-1   8750 MA        El quinto planeta del Sistema Solar. Forma parte de los denominados planetas exteriores o gaseosos. Recibe su nombre del dios romano Júpiter y Zeus en la mitología griega. Se trata del planeta que ofrece un mayor brillo a lo largo del año dependiendo de su fase. Es, además, después del Sol, el mayor cuerpo celeste del Sistema Solar.<br>
11f. Saturno    Ago-1   8750 MA        El sexto planeta del Sistema Solar, es el segundo en tamaño y masa después de Júpiter y es el único con un sistema de anillos visible desde nuestro planeta. Su nombre proviene del dios romano Saturno. Forma parte de los denominados planetas exteriores o gaseosos, también llamados jovianos por su parecido a Júpiter.<br>
11g.Urano    Ago-1   8750 MA         El séptimo planeta del Sistema Solar, el tercero en tamaño, y el cuarto más masivo. La principal característica de Urano es la inclinación de su eje de rotación de casi noventa grados con respecto a su órbita; la inclinación no sólo se limita al mismo planeta, sino también a sus anillos, satélites y el campo magnético del mismo.<br>
11h. Neptuno    Ago-1   8750 MA   El octavo y último planeta del Sistema Solar. Forma parte de los
denominados planetas exteriores o gigantes gaseosos, y es el primero que fue descubierto gracias a predicciones matemáticas. Su nombre proviene del dios romano Neptuno, el dios de los mares.<br>
11i. Plutón    Ago-1   8750 MA        Planeta enano del sistema solar, que forma parte de un sistema planetario doble con su satélite  Caronte. En la Asamblea General de la Unión Astronómica Internacional (UAI) celebrada en Praga el 24 de agosto de 2006 se creó una nueva categoría llamada Plutoide, en la que se incluye a Plutón.<br>
11j. Cinturón Kuiper     Ago-1     8750 MA         Es un conjunto de cuerpos de tipo cometa que orbitan el Sol a una distancia entre 30 y 50 mil MA. El cinturón de Kuiper recibe su nombre en honor a Gerard Kuiper, que predijo su existencia en los años 1960, 30 años antes de las primeras observaciones de estos cuerpos.<br>
012.Tierra   Sep-1   10000 MA       La Tierra primero como bola incandescente, después se enfría formando capas, una sólida con un núcleo incandescente, un manto y una corteza de tierra que incluye una parte liquida y una gaseosa como atmósfera.<br>
013. Volcánes    Sep 0    10800 MA       Los Volcanes primitivos al salir energía del interior y hacer erupciones liberan vapor de agua en grandes cantidades y crean el agua de océanos, mares, ríos y lagunas.<br>
13a. Capas de la tierra  Sep 0  10800 MA      La tierra adquiere una forma esférica levemente achatada y con una superficie irregular de capas una sólida y liquida y sobre ella otra gaseosa. Las placas continentales en su acomodo forman las cordilleras.<br>
13b. Hidrosfera    Sep 0    10800 MA     De donde proviene el agua? Los científicos piensan que los
constituyentes químicos del agua de oxígeno e hidrógeno deben haber existido en la nube primitiva que dio origen a nuestro Sistema Solar, hace alrededor de 4.500 millones de años o también de las erupciones volcánicas.<br>
13c. Atmósfera    Sep 0    10800 MA       La Tierra tiene una espesa atmósfera compuesta en un 78% de nitrógeno, 21% de oxígeno molecular y 1% de argón, más trazas de otros gases como anhídrido carbónico y vapor de agua. La atmósfera actúa como una manta que deja entrar la radiación solar pero atrapa parte de la radiación terrestre, efecto invernadero.<br>
13d.Campo Magnético  Sep 0    10800 MA     Es un fenómeno natural originado por los movimientos de
metales líquidos en el núcleo del planeta y que está presente en la Tierra. Es Aproximado o equivalente a un dipolo magnético con el polo S magnético próximo al Polo Norte geográfico, y, con el polo N de campo magnético cerca del Polo Sur geográfico.<br>
13e. Pangea     Sep 0   10800 MA       Fue el supercontinente formado por la unión de todos los continentes actuales que se cree que existió durante las eras Paleozoica Mesozoica, antes de que los continentes que lo componían fuesen separados por el movimiento de las placas tectónicas y conformaran su configuración actual.<br>
13f. Capas Tectónicas     Sep 0     10800 MA        Existe una teoría que explica la estructura y dinámica de la superficie de la Tierra. Establece que la litosfera o sea la porción superior más fría y rígida de la Tierra está fragmentada en una serie de placas que se desplazan sobre el manto terrestre.<br>
</td></tr>

<tr><td colspan="2">
<center>
<a href="index.html"><img src="menu/menu00.png" width="150" hight="140" alt="Inicio - EYDH"></a>
<a href="evolucion-fisica.html"><img src="menu/menu11.png" width="150" hight="140" alt="Pasado de la Evolución Física"></a>
<a href="evolucion-biologica.html"><img src="menu/menu22.png" width="150" hight="140" alt="Pasado de la Evolución Biológica"></a>
<a href="evolucion-social.html"><img src="menu/menu33.png" width="150" hight="140" alt="Pasado de la Evolución Social"></a>
<a href="presente-desarrollo.html"><img src="menu/menu44.png" width="150" hight="140" alt="Presente del Desarrollo"></a>
<a href="futuro-proyecto.html"><img src="menu/menu55.png" width="150" hight="140" alt="Futuro con un Proyecto"></a><br>
</center>
</td></tr>

</table></center>
</body>
</html>

Cuando se halla introducido todo el código html, guardamos el archivo con el nombre de evolución-fisica.html bajo la carpeta de html1. Si se tienen las etiquetas de menú y las imágenes se puede ejecutar el archivo index.html con algún navegador como firefox u otro.

Programación Internet con Html 2

Menús e Imágenes

Para desarrollar la aplicación sencilla, creamos una carpeta html1 y las subcarpeta image que contendrá todas las imágenes de nuestra aplicación y la subcarpeta menu que tendrá los menús de la aplicación. Las páginas html correspondientes del menú están bajo la carpeta html1.

La página index.html y todas las demás contienen un menú de opciones que al seleccionar uno de ellos aparece la página correspondiente. Antes de escribir el código de html de la primera página Pasado – Evolución Física vamos a explicar brevemente como se crean las etiquetas del menú e imágenes que se utilizan en las páginas.

Para crear las etiquetas del menú seguimos los siguientes pasos.

1-Seleccionar un editor de imágenes, hay varios, yo utilizo el Digital Image Pro 10.

2-Buscar en internet una imagen de fondo del menú y guardarlo en la carpeta de menú.

3-Recortar la imagen con el tamaño adecuado de ancho y altura.

4-Escribir el nombre del menú.

5-Repetir los pasos anteriores por cada etiqueta del menú.

Para las imágenes que se utilizan en las páginas, seguir los siguientes pasos.

1-Buscar y seleccionar en internet las imágenes adecuadas y guardarlas en la carpeta de image.

2-Si la imagen va a contener varias imágenes utilizar el editor de imágenes Digital Image Pro 10

3-Seleccionar una imagen de base, en este caso negra.

4-Leer y colocar la primera imagen en el fondo negro.

5-Repetir el paso 4 anterior hasta poner todas las imágenes y guardar la imagen completa.

Programación Internet con Html 1

Iniciamos una aplicación muy simple con html. Lo podemos desarrollar en un teléfono inteligente o una computadora laptop o deskop. Solo necesitamos un editor de texto como el bloc de notas y un navegador como firefox u otro.

Para desarrollar nuestra aplicación sencilla, creamos una carpeta html1 y las subcarpeta image que contendrá, todas las imáges de nuestra aplicación y la subcarpeta menú que tendrá los menus de la aplicación. Las páginas index html y las correspondientes del menú están bajo la carpeta html1.

La siguiente imagen muestra como quedaría la primera página index.html en una laptop. En los siguientes blog desarrollaremos las páginas del menu.

Abrimos el editor de bloc de notas e introducimos el código siguiente.

<html>

<!-- Primero iniciamos con la etiqueta html, el encabezado head y el titulo. -->

<head>

<title>Evolución y desarrollo humano</title>

</head>

<!-- Ahora ponemos el cuerpo de la página, con un fondo -->

<body background="image/gold3.jpeg">

<!-- Creamos una tabla con un borde de 0 y la centramos -->

<center><table border="0">

<!-- Definimos el primer renglón o fila y la primera columna que contendrá una imagen -->

<tr> <td>

<img src="image/linea-tiempo2.jpg" width="150" hight="50"></td>

<!-- La segunda columna contendrá una un encabezado y los menus -->

<td><center><h1><font color="gold" face="veredana">Evolución y Desarrollo Humano </font></h1></center>

<a href="evolucion-fisica.html"><img src="menu/menu11.png" width="150" hight="140" alt="Pasado de la Evolución Física"></a>

<a href="evolucion-biologica.html"><img src="menu/menu22.png" width="150" hight="140" alt="Pasado de la Evolución Biológica"></a>

<a href="evolucion-social.html"><img src="menu/menu33.png" width="150" hight="140" alt="Pasado de la Evolución Social"></a>

<a href="presente-desarrollo.html"><img src="menu/menu44.png" width="150" hight="140" alt="Presente del Desarrollo"></a>

<a href="futuro-proyecto.html"><img src="menu/menu55.png" width="150" hight="140" alt="Futuro con un Proyecto"></a><br>

</td></tr>

<!—El siguiente renglón abarca las dos columnas y contendrá un párrafo de texto -->

<tr><td colspan="2">

<p>La Evolución y Desarrollo Humano es un modelo que se basa en la línea o flecha del tiempo que surgió desde la gran explosión y crea el pasado de la evolución física, biológica y social, el presente del desarrollo humano y el futuro con un proyecto de vida.Vivimos en la época de la información y del conocimiento, de los grandes descubrimientos científicos, también de los maravillosos inventos tecnológicos en el que el hombre actual esta inmerso, computadoras, internet, teléfonos celulares, naves espaciales, satélites, energía nuclear etc.  Pero sabemos ¿Cómo el ser humano llego a estos niveles de inteligencia? Si, es el resultado de la evolución del universo y del desarrollo humano. Pero el desarrollo de la vida humana es tan corta e insignificante ante la gran inmensidad y grandiosidad del universo. Para comprenderlo, primero debemos entender el significado de Evolución como la aparición o surgimiento de algo en un tiempo muy largo en el transcurso de muchos millones de años con transformaciones o cambios sucesivos como acontece con la evolución del universo. Segundo el Desarrollo que es parte de la evolución  de todos los seres vivos y se aplica específicamente a un solo ser en un espacio-tiempo muy pequeño y corto desde que nace hasta que muere en un periodo de minutos, días hasta varios años, como es el caso del ciclo de vida del ser humano, de nacer, vivir o desarrollarse y morir.

</p></td></tr>

<!—El siguiente renglón contiene una imagen de ancho de 700px y altura de 600px -->

<tr><td colspan="2">

<center><img src="image/universo.jpg" width="700" hight="600"></center>

</td></tr>

<!—El siguiente renglón abarca las dos columnas y contendrá un encabezado centrado -->

<tr><td colspan="2">

<center><h3><font color="yellow" face="veredana">Pasado de la Evolución</font></h3></center>

</td></tr>

<!—El siguiente renglón abarca las dos columnas y un párrafo de texto -->

<tr><td colspan="2">

<p> ¿De dónde venimos? debemos de conocer y de estudiar el pasado en la línea del tiempo de la evolución universal, iniciamos con el físico, continuamos con el biológico y terminamos con el social. La evolución física se inicia con las teorías de cuerdas y membranas para explicar las 4 fuerzas fundamentales y la gran explosión, la formación de las partículas, átomos, moléculas, gas y polvo cósmico que crea las estrellas y cuerpos celestes formando el universo de galaxias. La galaxia vía láctea incluye al sistema solar con 9 planetas, uno de ellos la tierra, inicialmente incandescente y después se enfría formando capas una sólida y liquida, otra gaseosa.

La evolución biológica se inicia con las moléculas orgánicas, continúa la formación del ADN, las células vegetales, los microorganismos unicelulares, los organismos multicelulares terminando con la aparición del hombre pensante.

La evolución social se inicia con la aparición del ser humano en la prehistoria, continua la edad antigua, la edad media, la edad moderna, la edad contemporánea y la edad de la información. Finaliza con la descripción del mundo actual y los individuos parte de la sociedad.

</p></td></tr>

<!—El siguiente renglón abarca las dos columnas y contendrá un encabezado centrado -->

<tr><td colspan="2">

<center><h3><font color="#6E6E6E" face="veredana">Pasado de la Evolución Física</font></h3></center>

</td></tr>

<!—El siguiente renglón abarca las dos columnas y un párrafo de texto -->

<tr><td colspan="2">

<p>Es estudiado por las Ciencias Físicas, con las nuevas teorías de cuerdas y membranas se explica las 4 fuerzas fundamentales y la gran explosión, la formación de las partículas subatómicas, el átomo, moléculas, los gases y polvo cósmico. Estos forman las estrellas y los planetas como componentes de las galaxias y todas juntas forman el universo. En la galaxia la Vía Láctea se forma el sistema solar con sus planetas, uno de ellos la tierra, primero como bola incandescente pasa por diversas etapas de enfriamiento y diferentes tipos de  atmósferas, se crean los mares, volcanes, montañas y la vida.

</p></td></tr>

<!-- El siguiente renglón abarca las dos columnas y contendrá un encabezado centrado -->

<tr><td colspan="2">

<center><h3><font color="blue" face="veredana">Pasado de la Evolución Biológica</font></h3></center>

</td></tr>

<!-- El siguiente renglón abarca las dos columnas y un párrafo de texto -->

<tr><td colspan="2">

<p>La vida en la tierra y en otros planetas es estudiado por las Ciencias Biológicas. Iniciamos con la combinación de elementos inorgánicos creando las primeras moléculas orgánicas como los aminoácidos y proteínas, glúcidos o azucares, los lípidos o grasas, los nucleótidos. También los  primeros ARN y ADN que crea la primera célula, los microorganismos unicelulares como el virus y la bacteria. Continúan los organismos pluricelulares vegetales y animales, culmina con el hombre. Los vegetales inician desde las algas, briofitas, pteridofitas, angiospermas y gimnospermas. Los animales inician desde los filos de las esponjas, continua con los celentéreos, platelmintos, nematodos, equinodermos, anélidos, moluscos, artrópodos. Finalmente el filo de los cordados de peces, anfibios, reptiles, aves, mamíferos, primates, homínido  y el hombre.

</p></td></tr>

<!-- El siguiente renglón abarca las dos columnas y contendrá un encabezado centrado -->

<tr><td colspan="2">

<center><h3><font color="#2EFEF7" face="veredana">Pasado de la Evolución Social</font></h3></center>

</td></tr>

<!-- El siguiente renglón abarca las dos columnas y un párrafo de texto -->

<tr><td colspan="2">

<p>El hombre es estudiando por las Ciencias Sociales, Para su estudio nos basaremos en la historia de la humanidad en sus etapas de, Prehistoria con las épocas paleolítica y neolítica, la Edad Antigua desde la invención de la escritura hasta la caída del imperio romano, la Edad Media desde la caída del imperio romano hasta la caída de Constantinopla, Edad Moderna desde la caída de Constantinopla hasta la revolución francesa y la edad contemporánea desde la revolución francesa hasta nuestros días. Desde 1948 vivimos la época de la información y el conocimiento, terminamos con la descripción del mundo actual y el hombre como un ser  individual y social.  

</p></td></tr>

<!-- El siguiente renglón abarca las dos columnas y contendrá un encabezado centrado -->

<tr><td colspan="2">

<center><h3><font color="green" face="veredana">Presente del Desarrollo Humano</font></h3></center>

</td></tr>

<!--El siguiente renglón abarca las dos columnas y un párrafo de texto -->

<tr><td colspan="2">

<p>¿Quiénes Somos? En el presente seguimos siendo parte de la evolución física, biológica y social, somos seres humanos resultado de la evolución universal  y nuestra vida es un transcurrir en la línea del tiempo.

El Presente de cada persona la vive en alguna etapa del ciclo de vida del ser humano, Todos pasamos y estamos en alguna de las etapas de fecundación, nacimiento, lactancia, infancia, adolescencia, madurez, vejez, la muerte y en la trascendencia de su alma espiritual en el más allá. Además estamos viviendo e involucrados en algún sistema social, económico y político. Cada día de 24 horas las usamos para satisfacer nuestras necesidades humanas 8 horas para dormir y soñar, 16 horas de vigilia para comer y dependiendo de la etapa para reproducirnos y finalmente morir. Para trascender y realizarnos como ser humano debemos cuestionar quién fui analizando mi vida pasada, cuales son mis valores, de si tengo autoestima, talento, mis fortalezas y debilidades para conocer quién soy. En base a esto haremos un plan de vida que establezca la visión o destino, la misión o propósito fundamental y las metas que deseo alcanzar y de esta forma indicar de quién deseo ser en el futuro.

</p></td></tr>

<!-- El siguiente renglón abarca las dos columnas y contendrá un encabezado centrado -->

<tr><td colspan="2">

<center><h3><font color="red" face="veredana">Futuro con un Proyecto de Vida</font></h3></center>

</td></tr>

<!-- El siguiente renglón abarca las dos columnas y un párrafo de texto -->

<tr><td colspan="2">

<p>¿Hacia Dónde Vamos? El futuro de la humanidad en la línea del tiempo es tan incierto, desconcertante y temeroso. Cada persona debería de tener y seguir su proyecto de vida, en donde ha estableciendo metas y objetivos para poder guiar o controlar su destino de la mejor manera posible y alcanzar su propósito principal. Con plan o sin él, todos tienen que satisfacer sus necesidades básicas de la vida cotidiana y de enfrentarse a problemas personales y familiares de enfermedades, accidentes, la delincuencia, etc. Conocer los problemas locales y globales de sobrepoblación, hambre, recursos naturales limitados, industrialización y tecnología en gran escala y consecuencia de estos la contaminación de todo tipo. De conocer los problemas de los desastres hechos por el hombre como el terrorismo, revoluciones, guerras convencionales y la nuclear. De conocer los planes de contingencia de los problemas  de los desastres naturales de erupciones de volcanes, inundaciones, maremotos, terremotos que todos en parte destruyen pueblos, ciudades y muere mucha gente. Finalmente de la caída de un meteorito o cualquier otro cuerpo que destruya parcialmente o totalmente la tierra, esto último puede exterminar a toda la humanidad.

</p></td></tr>

<!-- El siguiente renglón abarca las dos columnas y contendrá un menu centrado -->

<tr><td colspan="2">

<center>

<a href="evolucion-fisica.html"><img src="menu/menu11.png" width="150" hight="140" alt="Pasado de la Evolución Física"></a>

<a href="evolucion-biologica.html"><img src="menu/menu22.png" width="150" hight="140" alt="Pasado de la Evolución Biológica"></a>

<a href="evolucion-social.html"><img src="menu/menu33.png" width="150" hight="140" alt="Pasado de la Evolución Social"></a>

<a href="presente-desarrollo.html"><img src="menu/menu44.png" width="150" hight="140" alt="Presente del Desarrollo"></a>

<a href="futuro-proyecto.html"><img src="menu/menu55.png" width="150" hight="140" alt="Futuro con un Proyecto"></a><br>

</center>

</td></tr>

<!-- Finaliza la tabla centrada, el cuerpo y el documento o página  -->

</table></center>

</body>

</html>
 

Cuando se halla introducido todo el código html, guardamos el archivo con el nombre de index.html bajo la carpeta de html1. Si se tienen las etiquetas de menú y las imágenes se puede ejecutar el archivo index.html con algún navegador como firefox. Más adelante daremos el código y archivos de menu e image.