Vistas de página en total

sábado, 13 de abril de 2013

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.  


No hay comentarios: