190 likes | 313 Views
Programación. Tipos de Archivos Web. Global.asa : asp que contiene datos globales y script para la aplicación Variables globales Conexiones a bases de datos Inicializaciones .asp : puede contener texto estático y accesos a bases de datos
E N D
Tipos de Archivos Web • Global.asa: asp que contiene datos globales y script para la aplicación • Variables globales • Conexiones a bases de datos • Inicializaciones • .asp: puede contener texto estático y accesos a bases de datos • .css: contiene información para personalizar elementos de la apariencia de las páginas • .gif, .jpg, .jpeg, .bmp: gráficos • .htm, .html: páginas que pueden contener formas y controles, texto estático, imágenes y ligas a otras páginas
Uso de Formas <FORM ACTION=pagina.asp METHOD=POST> Nombre: <INPUT NAME=“txteditbox” VALUE=“xx@x.com”> Marca lo que aplique: <INPUT TYPE=“CHECKBOX” NAME=“opcion1”> Opción 1 <INPUT TYPE=“CHECKBOX” NAME=“opcion2”> Opción 2 <INPUT TYPE=SUBMIT VALUE=“Submit”> <INPUT TYPE=RESET VALUE=“Reset”> </FORM>
DHTML <HTML> <SCRIPT LANGUAGE=“VBScript”> <!-- Sub CambiaColor() header.style.color=“red” End Sub Sub RegresaColor() header.style.color=“black” End Sub --> </SCRIPT> <BODY> <H1 ID=“header” onmouseover=“CambiaColor()” onmouseout=“RegresaColor() >” Hola ¿Cómo estás? </BODY> </HTML>
<SCRIPT LANGUAGE=VBScript > <!-- Sub Hola() Msgbox “Hola!” End Sub --> </SCRIPT> <SCRIPT LANGUAGE=JScript > <!-- function Hola() { alert ( “Hola!”); } //--> </SCRIPT> VBScript y JScript
Objeto Navigator • Window.navigator.appName • Internet Explorer ó Netscape Navigator • Window.navigator.appVersion • Número del versión del navegador
Manejando Eventos • Crear un script <SCRIPT LANGUAGE=“VBScript” FOR=“Botón1” EVENT=“Click()”> ‘código </SCRIPT> • Asignar en el tag HTML <SCRIPT LANGUAGE=“VBScript”> Sub abc ‘código End Sub </SCRIPT> <INPUT TYPE=RADIO NAME=Radiog onclick=“abc”>
... Manejando Eventos • Incluir en el tag HTML <INPUT LANGUAGE=“VBScript” TYPE=button VALUE=“hola” onClick=“Msgbox"Hola"”> • Escribir un procedimiento (sólo VBScript) Sub Button1_onClick() ‘código End Sub
ASP’s • Active Server Pages • Contienen scripts que deben procesarse antes de enviar la página al navegador. • La diferencia entre ASP y HTML es el lugar en donde se corre el script • DHTL: en el cliente después de que la página es enviada del servidor • ASP: en el servidor antes de que la página es enviada al navegador
Codificando ASP <SCRIPT LANGUAGE=“lenguaje” RUNAT=SERVER> </SCRIPT> <% ------ %> <%= variable %>
Servidor <HTML> <BODY> <H3> Hola </H3> La hora es <%=Time() %> <BR> La fecha es <%=Date() %> </BODY> </HTML> Cliente <HTML> <BODY> <H3> Hola </H3> La hora es <SCRIPT LANGUAGE=VBScript> Document.Write time() </SCRIPT><BR> La fecha es <SCRIPT LANGUAGE=VBScript>Document.Write date() </SCRIPT> </BODY> </HTML> Scripts
Métodos HTTP: GET y POST • GET • Método default. • Recupera información de una página. • Permite enviar información en el header del mensaje (máximo 1024 caracteres) • POST • Envía datos a una página • Los datos son enviados en el body
REQUEST • Request.ServerVariables(“SERVER_NAME”) • Request.QueryString • http://nombre_edad.asp?nombre=José&edad=30 • Request.QueryString(“nombre”) • Request.QueryString(“edad”)
REQUEST • Request.Form <FORM ACTION=“pagina.asp” METHOD=POST> Nombre: <INPUT TYPE=TEXT NAME=“nombre”> Color Favorito: <SELECT MULTIPLE NAME=“color”> <OPTION> Rojo <OPTION> Verde <OPTION> Azul </SELECT> <INPUT TYPE=SUBMIT NAME=“botonsubmit” VALUE=“Submit”> </FORM> • En página.asp se puede leer: Request.form(“nombre”) Request.form(“color”) (0)
RESPONSE • Response.Write Response.Write variable <% Response.Write “<TABLE WIDTH = 100%\>” %> • Response.Redirect Response.Redirect “pagina.asp”
Application • <% Application(“variable”) = “valor” %> • <% Application(“variable”) = Application(“variable”) + 1
Session • <% Session.Timeout = 5 %> • <% Session.Abandon %>
Recomendaciones generales • Usar includes <!--#include file=”Archivo_con_ruta" --> • Usar hojas de estilo (CSS) <head> <link rel="stylesheet" type="text/css" href="../Estilos/Style.css"> </head> • Usar Javascript para validar en el cliente
Recomendaciones generales • <A href="javascript:history.back(-1)” > Regresar </A>