Вы находитесь на странице: 1из 3

Buenos Días,

En este documento encontrará las indicaciones para poner en la página web de su institución el
formulario de ingreso a Cibercolegios.

Tener encuenta que la codificación de la pagina debe ser establecida de esta manera en el head

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">

1. Cree o seleccione la página en la cual desea incluir el formulario de acceso a Cibercolegios.

2. Dentro de la sección <HEAD> del documento HTML incluya las siguientes líneas de código:

<HEAD>
:
:
<SCRIPT LANGUAGE="JavaScript" SRC="http://www.cibercolegios.com/scripts/cibercolegios.js">
</SCRIPT>
:
:
</HEAD>

Si estas líneas de código ya se encuentran en la página seleccionada, omita este paso de lo


contrario inclúyalas.

3. Debajo del tag HTML <BODY> incluya las siguientes líneas de código:

<BODY .....>
<SCRIPT LANGUAGE="JavaScript">
creaForma("tipo_letra","color_letra,"titulo_formato", "color_header", color_tabla","pos_x","pos_y","btn_submit","idioma");
</SCRIPT>
:
:

La función creaForma incluye el formulario de acceso a Cibercolegios. A continuación se explican los


valores de cada parámetro que usted podrá establecer de acuerdo con sus necesidades. Si el
parámetro se desea dejar en blanco (usar valor predeterminado) debe ingresar comillas seguidas
para hacerlo (""):
 tipo_letra: Tipo de letra o fuente que se desea usar en el formulario, si se deja en blanco usa
Verdana como fuente predeterminada.
 color_letra: Color del tipo de letra seleccionado, bien sea en código Hexadecimal o con su
nombre soportado en web (ej. Si se desea usar el color negro se puede ingresar como black o
como #000000). Si se deja en blanco usa color negro por defecto.
 tiitulo_formato: Encabezado usado en el formulario. Si no se define un título no se mostrará
esta fila en el formulario.
 color_header: Color de fondo usado para el encabezado del formulario. El color se puede
definir bien sea en código Hexadecimal o con su nombre soportado en web (ej. Si se desea
usar el color negro se puede ingresar como black o como #000000). Si se deja en blanco el
color de fondo será transparente.

 color_tabla: Color de Fondo de la tabla que estructura el formulario. El color se puede definir
bien sea en código Hexadecimal o con su nombre soportado en web (ej. Si se desea usar el
color negro se puede ingresar como black o como #000000). Si se deja en blanco el color de
fondo será transparente.
 pos_x: Posición en el eje Horizontal del formularo medido en pixeles a partir del margen
izquierdo de la pantalla. Si se deja en blanco el sistema asume una posición en x de 100
pixeles.
 pos_y: Posición en el eje Vertical del formularo medido en pixeles a partir del margen superior
de la pantalla. Si se deja en blanco el sistema asume una posición en y de 100 pixeles.
 btn_submit: Localización URL de la imagen que desea usarse como botón de envio del
formulario (ej. /img/btn_submit.jpg). Si se deja en blanco el sistema usa un botón standard
HTML de envio de formularios (<input type="submit"...>).
 idioma: Idioma en el que se desea presentar el formulario. En este caso debe definir si lo
quiere ver en español (ES) o en inglés (EN). En caso de dejarlo en blanco el sistema asumirá
que se desea ver en español.
El siguiente ejemplo muestra la manera de implementar el formulario:

<SCRIPT LANGUAGE="JavaScript">
creaForma("Arial","#FFFFFF","TIERRA NUEVA ONLINE", "#000099", "","300","130","","ES");
</SCRIPT>

Lo siguiente puede deducirse a partir del ejemplo:


 Se usará Arial como tipo de letra para el formulario.
 El color de la letra será blanco (#FFFFFF aunque también pudo ponerse white en este campo)
 El titulo o encabezado del formulario mostrará : TIERRA NUEVA ONLINE.
 El color de fondo de dicho encabezado será un tono de azul (#000099 o navyblue)
 La tabla que estructura el formulario no fue definida por lo tanto la tabla será transparente.
(notese el uso de "" para pasar un parámetro en blanco).
 El formulario se ubicará a 300 pixeles del marco izquierdo de la página y a 130 pixeles del
marco superior.
 El formulario usará un botón standard HTML para enviar el formulario (notese que no se
definio una imagen para usar como botón).
 El formulario está en español (si se quisiera en ingles solo debo reemplazar ES por EN)

El formulario del ejemplo se ve así:

El codigo fuente completo del ejemplo es el siguiente:


<html>
<head>
<title>Colegio Bil&iacute;ng&uuml;e Tierra Nueva</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" src="http://www.cibercolegios.com/scripts/cibercolegios.js">
</script>
</head>

<body bgcolor="#0066CC" TOPMARGIN="0" LEFTMARGIN="0">


<script language="JavaScript">
creaForma("Verdana","#FFFFFF","TIERRA NUEVA ONLINE", "#000099", "","300","130","","ES");
</script>
<table width="581" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td><img src="tnueva_head.jpg" width="702" height="85"></td>
</tr>
<tr>
<td><img src="tnueva_fondo.jpg" width="703" height="285"></td>
</tr>
</table>
</body>
</html>

4. Una vez realizado el cambio envié una comunicación a Cibercolegios al email:


leo_corredor@cibercolegios.com indicándonos la dirección exacta de la página web donde ubicó el
formulario (ej. http://www.micolegio.edu.co/pagina_ingreso.htm) para actualizar la información
necesaria en la base de datos del colegio.

Agradecemos de antemano su colaboración y esperamos que los cambios se realicen lo más pronto
posible para evitar confusiones y problemas con sus usuarios.

Cualquier inquietud pueden consultar la página de login de Cibercolegios y ver su código fuente
(http://www.cibercolegios.com/home.htm)

Hasta Pronto,

Вам также может понравиться