PAGINAS WEB

LUIS EDUARDO MORA OSEJO

“Luis Eduardo Mora Osejo, fue uno de los científicos más sobresalientes del siglo XX, y sin duda el más eminente botánico

colombiano.” (Periódico Universidad Nacional. Abril 18 del 2.004).

“Aproximarse a la vida de LUIS EDUARDO MORA OSEJO es acercarse a la vida de un sabio y, al mismo tiempo, de un hombre de

enorme sencillez. Nadie en el Departamento de Nariño y muy pocos en el país han alcanzado los niveles de conocimiento

científico. El ha tenido reconocimientos relevantes en universidades del mundo y Colombia lo distinguió en 1.997, con el

“Premio a la vida y obra de un científico”. (Eduardo Zúñiga. Valores Humanos e identidad. Pg. 143. Tomo I- Academia

nariñense de Historia)

Luis Eduardo Mora Osejo nació en Túquerres (Nariño) el 7 de diciembre de 1931. Sus estudios de Primaria las realizó en la escuela

Eduardo Santos (hoy San Juan Bosco) de la misma Ciudad. Desde los primeros años de instrucción, empezó a destacarse por su

inteligencia, dedicación y deseo por comprender fenómenos de la naturaleza que ocurrían a su alrededor. A los 10 años ingresó al

Colegio San Luis Gonzaga para continuar estudios de bachillerato. El proceso educativo siempre estuvo acompañado de experiencias de

trabajo con la naturaleza. Excursiones al volcán azufral, nevado de Cumbal, Chiles o ríos de gran significado histórico como el sapuyes,

quedaron marcados en su futura vida científica.

Al quedar solamente seis alumnos para el grado sexto (hoy undécimo), el Colegio San Luis Gonzaga no abrió nuevo grupo. Ante esta

situación, se dirigió a la Ciudad de Pasto, donde se matriculó en el Liceo de la Universidad de Nariño, graduándose como Bachiller

el 21 de Julio de 1.949, recibiendo el primer premio al aprovechamiento en sexto curso al obtener las mejores calificaciones del Colegio.

“Un bachiller Políglota. El Doctor Mora Osejo es un caso excepcional. Al terminar el bachillerato dominaba varios idiomas: Inglés,

francés, Italiano y tenía fundamentos de Alemán. Las bases las obtuvo en los cinco primeros años de secundaria realizados en Túquerres,

Luego, complementó su dominio en el Liceo de la Universidad de Nariño” (Eduardo Zúñiga. Valores Humanos e identidad. Pg. 146.

Tomo I- Academia nariñense de Historia).

Viajó en 1.950 a Bogotá, ingresando a la Facultad de Ciencias de la Universidad nacional a estudiar Botánica sistémica. En esta Universidad

se destacó por su trabajo en el área de la Botánica y fruto de expediciones a la amazonía y la orinoquía y otras regiones de Colombia,

empezó a realizar su primer trabajo monográfico de una familia de plantas, la sistemática de las Cyperaceae de Colombia.

En 1.952, se graduó como Botánico Sistémico, continuando allí dos años más contratado como asistente de investigaciones botánicas y asesor

de la Biblioteca del Instituto de Ciencias naturales.



Mii HoRaRiio

LUNES	MARTES	MIERCOLES	JUEVES	VIERNES
pag. web	programacion	quimica	programacion	mantenimiento
pag. web	etica	quimica	programacion	mantenimiento
empresarial	ed. fisica	español	multimedios	matematicas
filosofia	ingles	empresarial	multimedios	ingles
quimica	matematicas	ingles	filosofia	español
multimedios	sociales	matematicas	sociales	artes
español	fisica	matematicas	biologia
fisica	fisica	religion	fisica

DEFINICION DE FORMULARIOS

Un formulario web es un tipo de formulario que es presentado en un navegador y

puede ser rellenado a través de una red como internet.Generalmente cuando se

ingresan los datos, se envían a un servidor web para ser procesados.Los

formularios web pueden ser usados para suscripciones, encuestas, elección de

opciones, enviar palabras para los buscadores, etc.

Los formularios web generalmente son hechos en HTML y en estos pueden usarse

los siguientes elementos:

* Campo de texto (input field)

* Campo oculto (hide field)

* Área de texto (textarea)

* Casilla de verificación (checkbox)

* Botón de opción (radio button)

* Grupo de opción

* Lista o Menú (con opción a Menú de salto)

* Botón (submit)

Estos elementos son los más comunes en una interfaz GUI, pero no provee todos.

Los formularios pueden ser combinados con lenguajes de programación/script

tanto del lado del cliente como del lado del servidor.Del lado del cliente

el estándar de facto es JavaScript, y se utiliza en los formularios

especialmente en la validación de datos. Estos códigos en JavaScript

son ejecutados en el navegador del usuario.

En tanto del lado del servidor existen múltiples lenguajes que pueden

encargarse de la información del formulario. Estos códigos se ejecutan

en el servidor web del sitio. En esta instancia el formulario puede servir

para autorizar el ingreso a un sistema, almacenar la información en una

base de datos, enviar la información por email, utilizar los datos del

formulario para búsqueda, etc. Los lenguajes más utilizados del lado del servidor

son PHP, Perl, ASP, ColdFusion, C y Java.

EJEMPLO DE FORMULARIOS

DATOS PERSONALES	DATOS FAMILIARES
Nombres: Apellidos: fecha de nacimiento: correo electronico: Nombre De usuario: Ingresar contraseña: Sexo: Masculino Femenino Selecciona tu region: Region Amazonica Region Andina Region Orinoquia Region Insular Region Pacifico Region Caribe	Nombres Del Padre: Desempeño del padre: Nombres De La Madre: Desempeño del Madre: Con Cuantas Personas vives: 3 4 o 5 Mas de 6 en tu nucleo familiar hay mas: Hombres Mujeres Igual
INTERESES	CONVIVENCIA
En Tus Ratos Libres: Ves Television Escuchas la Radio Vas a Internet Haces Deporte Cuentanos Mas De Tus Intereses: Aqui Tus Intereses	La convivencia con tu familia es: Buena Mala Regular Cuentanos Los Momentos Que Pasas Con Tu Familia: Aqui acerca de Ti y Tu Familia

DREAMWEAVER

♪ CREACION DE SITIOS:
DreamWeaver Permite crear paginas web complejas donde se puede combinar flash con php y de esta formar cargar datos mas dinámicamente. Se puede trabajar con imágenes, textos, formularios, sonido, menús etc.

En la pantalla de bienvenida de dreamweaver se pueden crear diferentes tipos de archivos como: html, coldfusion, php, asp vbscript, xslt, css,  javascript, xml; ademas presenta la opcion para ver videos acerca de las novedades de este programa tambien nos muestra varios menus de ayuda como foros en linea y sirven para descargar pluggins para crear tipos de menus o parrafos de texto.

El sitio web esta compuesto por varias paginas web que pueden tener enlaces a distintos tipos de archivos para poder trabajar con estos archivos dreamweaver ofrece una serie de opciones para trabajar con carpetas, vinculos entre archivos etc...

Para crear sitio de dreamweaver se debe definir un nuevo sitio web se puede hacer de forma basica o avanzada, despues de haber definido el sitio se puede empezar a crear paginas; se debe colocar un nombre, un campo de almacenamiento y una conexion remota. 

♪  ENTORNO DE TRABAJO:
DreamWeaver nos permite crear una pagina con imágenes, tablas, hipervínculos entre otros: el sitio de trabajo da un código HTML y para crear las paginas solo se debe organizar los elementos que se quiere mostrar en la página web
Con respecto al tamaño del sitio dreamweaver no tiene un tamaño fijo este varia, pues depende del diseño de la ventana de inicio para esto se puede trabajar con un diseño integrado o ventanas, se puede copiar el código HTML o utilizar las ayudas que permite insertar un elemento y este crea un código de manera instantánea; también se puede trabajar con pestañas y de esta forma se tiene mayor orden en la creación de documentos y asi se puede trabajar en diferentes sitios de entorno como diseñador y programador trabajar con programas adicionales de diseño.

♪ UTILIZACION DE PANELES: 
DreamWeaver permite al creador de paginas web tener en un solo  panel diferentes tipos de harramientas para poder elaborar formularios, tablas y otros elementos en la creacion de paginas we; permite insertar color, modificar el tamaños sin necesidad de insertar codigos HTML. Para poder crear paginas web solo se necesita conocer los paneles y las funciones de los elementos.
PANELES:
☻Clasico
☻Programador
☻Programador Avanzado
☻Diseñador
☻Diseñador Condensado

♪ AYUDAS VISUALES Y DE PROGRAMACION:
Para crear un sitio web DreamWeaver permite insertar tablas de forma facil pues el programa da un codigo HTML y su visualizacion para asi realizar las modificaciones que el usuario desee, se puede insertar imagenes en las celdas que se escoja se puede visualizar el contorno con modo mosaico, se puede modificar las posiciones de los elementos y crear opciones para realizar comentarios y asi corregir los codigos de los elemtnos que estan mal escritos y marcar los errores para poder evitarlos utilizando la opcion caracteres ocultos: se puede añadir reglas para tener orden

♪ LISTA DE COMANDOS:
* Nuevo     
Ctrl+n
*Abrir        
Ctrl+o
*Cerrar     
Ctrl+w

*Cerrar Todo     
Ctrl+shift+w

*Guardar                      
Ctrl+s
*Guardar Como         
Ctrl+shif+s
*Examinar en bridge   
 Ctrl+alt+o
*Imprimir Codigo                
Ctrl+p
*Deshacer                           
 Ctrl+z o alt+bksp
*Rehacer                              
Ctrl+y o Ctrl+shift+z
*Copiar                                 
Ctrl+c o Ctrl+ins
*Cortar                                
Ctrl+x o shift+del
*Pegado especial                 
Ctrl+shift+v  
* Seleccionar todo 
Ctrl+a
*Seleccionar etiqueta padre
Ctrl+ñ
*Seleccionar hijo
Ctrl+C
*Buscar reemplazar
Ctrl+f
*Abrir en marco
Ctrl+shift+o
*Ir en linea
Ctrl+g
*Mostrar sugerencias para codigo
Ctrl+space
*Actualizar sugerencias para el codigo
Ctrl+.
*Aplicar sangria al codigo
Ctrl+shift+>
*Anular sangria al codigo
Ctrl+,
* Equilibrar llaves
Ctrl+'
*Contraer codigo
Ctrl+u
*Contraer seleccion
Ctrl+shift+c
*Contraer fuera de seleccion
Ctrl+alt+c
*Expandir seleccion
Ctrl+Shift+e
*Contraer etiqueta completa
Ctrl+shift+j
*Contraer fuera de etiqueta completa
Ctrl+alt+j
*Expandir todo 
Ctrl+alt+shift+e
*Acercar 
Ctrl++
*Alejar
Ctrl+-
*Aumentar y Reducir
- 50%
- 100%
- 200%
- 300%
- 400%
- 800%
- 1600%
*Vinculos
Shift+f8
* Validar
Shift+f6
*Buscar seleccion
Shift+f3 
*Buscar siguiente
f3

FRAMES

<html>
<head>
<title>LeCCiioN 16</title>
</head>
<frameset rows="20%,*" BORDER="7">
<frame src=TiiTuLo.jpg>
<frameset cols=20%,*>
<frame src=MeNu.html>
<frameset rows="70%">
<frame name=principal>
</body>
</html>


MENU  

<HTML>                              
<HEAD>
<TITLE>  MeNu  </TITLE>
<BODY>
<BODY bgcolor="#F5A9F2"> 
<a href="http://alejitab.blogspot.com/" target="principal">
<FONT FACE="Kristen ITC"><h3>MI BLOG</A></h3></FONT>
<a href="LeCCiioN.html" target="principal"><FONT FACE="Kristen ITC">
<h3>LECCION TABLAS</A></h3></FONT>
<a href="http://www.iemoraosejo.edu.co/" target="principal">
<FONT FACE="Kristen ITC"><h3>PAGINA INSTITUCIONAL</A></h3></FONT>
<a href="http://es.wikipedia.org/wiki/HTML" target="principal">
<FONT FACE="Kristen ITC"><h3>MAS DE HTML</A></h3></FONT>
<a href="http://www.psicobyte.com/html/curso/html9.html" target="principal">
<FONT FACE="Kristen ITC"><h3>MAS DE FRAMES</A></h3></FONT>
<a href="http://www.google.com.co/" target="principal">
<FONT FACE="Kristen ITC"><h3>IR A GOOGLE</A></h3></FONT> 
Este es el resultado:

♪ USO DE TEXTO EN DREAMWEAVER


Para formatear un texto en DreamWeaver lo primero que se debe hacer es una extencion de una aplicacion llamada  lorem ipsum generator  la cual se encuentra en la pagina de adobe, con esta  podemos cambiar el tamaño de letra para que los usuarios la adapten a su capacidad visual;L con las propiedades de texto podemos ordenar la informacion con una etiqueta de html  y se pueden trabajar en ccs o html.


cuando los caracteres individuales estan metidos dentro de de un etiqueta y asi se puede modificarlo. la etiqueta <p> indica donde empieza y termina el parrafo dentro de esta etiqueta se puede añadir espacio tambien podemos alinear el texto y los cambios se haran en todo un parrafo. si selecciono una frase y la aplico negrita la etiqueta que se añade es <strong> solo sobre la parte seleccionada.


Se Puede modificar varias cosas en diseño y vista del codigo para crear un salto de linea <br>, tambien se puede hacer cambios en formato encabezado y aqui selecciono para que un texto se destaque o no se destaque aqui se reemplaza a a <p> por <h1>, <h2>, <h3>, <h4> etc... dependiendo del encabezado. tambien se puede cambiar el formato y el color.