Programación
19
Programación
description
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 - PowerPoint PPT Presentation
Transcript of Programación
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
.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=“[email protected]”>
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>
VBScript y JScript
<SCRIPT LANGUAGE=VBScript >
<!--
Sub Hola()
Msgbox “Hola!”
End Sub
-->
</SCRIPT>
<SCRIPT LANGUAGE=JScript >
<!--
function Hola()
{
alert ( “Hola!”);
}
//-->
</SCRIPT>
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 %>
Scripts
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>
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.WriteResponse.Write variable
<% Response.Write “<TABLE WIDTH = 100%\>” %>
Response.RedirectResponse.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>
