Clase06
Upcoming SlideShare
Loading in...5
×
 

Clase06

on

  • 959 views

Introducción al uso de scripts en páginas HTML. Explicación del concepto de contenido dinámico. Principales USOS. DHMTL y DOM. Estructura de las instrucciones, ejemplos. Flujo de ejecución con ...

Introducción al uso de scripts en páginas HTML. Explicación del concepto de contenido dinámico. Principales USOS. DHMTL y DOM. Estructura de las instrucciones, ejemplos. Flujo de ejecución con scripts.

Statistics

Views

Total Views
959
Views on SlideShare
932
Embed Views
27

Actions

Likes
0
Downloads
4
Comments
0

2 Embeds 27

http://www.ingenieriasimple.com 23
http://ingenieriasimple.com 4

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Clase06 Clase06 Presentation Transcript

  • Páginas dinámicas Leonel Morales Díaz Ingeniería Simple [email_address] Disponible en: http://www.ingenieriasimple.com/introprogra Copyright 2008 by Leonel Morales Díaz – Ingeniería Simple. Derechos reservados
  • Scripts en Páginas
    • <HTML>
    • <Head>
    • <Script Language=“VBScript”>
    • ...
    • </Script>
    • </Head>
    • <Body>
    • <Script Language=“VBScript”>
    • ...
    • </Script>
    • </Body>
    • </HTML>
    • <HTML>
    • <Head>
    • <Script Language=“javascript”>
    • ...
    • </Script>
    • </Head>
    • <Body>
    • <Script Language=“javascript”>
    • ...
    • </Script>
    • </Body>
    • </HTML>
  • Uso de Scripts
    • Construcción sobre la marcha
      • En base a parámetros
      • Document.Write
    • Modificación de la página
      • DHTML: Dynamic HTML
      • DOM: Document Object Model
    • Responder a acciones de usuario
  • Ejemplo
    • <HTML>
    • <Head><Title>Esta página se construye dinámicamente</Title></Head>
    • <Body>
    • <H1>Esta tabla de 20x40 se construye dinámicamente</H1>
    • <Div Align=Center><Table Border=1 Width=80%>
    • <Script Language=“VBScript”>
    • Option Explicit
    • Dim i,j
    • For i=1 To 20
    • Document.Write “<TR>”
    • For j=1 To 40
    • Document.Write “<TD>&nbsp;</TD>”
    • Next
    • Next
    • </Script>
    • </Table></Div></Body></HTML>
    ej036.html
  • Una Página Sencilla
    • <HTML>
    • <Head>
    • <Title>Esta página se construye dinámicamente</Title>
    • </Head>
    • <Body>
    • <Script Language=“VBScript”>
    • Document.Write “<P Align=Center><B>¡Hola a Todos!</B></P>”
    • </Script>
    • </Body></HTML>
    ej037.html
  • Elementos de la Instrucción Document.Write “<P Align=Center><B>¡Hola a Todos!</B></P>”
    • Cadena de Caracteres:
    • AKA: String
    • Sucesión de caracteres
    • Entre comillas
    • Común en los lenguajes
    • Instrucción:
    • Método Write
    • Del objeto Document
    • Parte del DOM
    • Escribe en el documento
  • Elementos de la Instrucción Document.Write “<P Align=Center><B>¡Hola a Todos!</B></P>”
    • Parámetros:
    • Con qué hacerlo
    • Instrucción:
    • Lo que hay que hacer
  • Flujo de la Ejecución
    • <HTML>
    • <Head>
    • <Title>Esta página se construye dinámicamente</Title>
    • </Head>
    • <Body>
    • <Script Language=“VBScript”>
    • Document.Write “<P Align=Center><B>¡Hola a Todos!</B></P>”
    • </Script>
    • </Body></HTML>
    1. Se procesa lo “estático” 2. Se procesa el script 3. Se procesa lo “estático” de después del script
  • Ejemplo
    • <HTML>
    • <Head><Title>Esta página se construye dinámicamente</Title></Head>
    • <Body>
    • <H1>Esta tabla de 20x40 se construye dinámicamente</H1>
    • <Div Align=Center><Table Border=1 Width=80%>
    • <Script Language=“VBScript”>
    • Option Explicit
    • Dim i,j
    • For i=1 To 20
    • Document.Write “<TR>”
    • For j=1 To 40
    • Document.Write “<TD>&nbsp;</TD>”
    • Next
    • Next
    • </Script>
    • </Table></Div></Body></HTML>
  • Poder de los Scripts
    • <Body>
    • <Script Language=“VBScript”>
    • Option Explicit
    • Dim Pars,Fils,Cols,Pos
    • Pars = Document.Location.Search
    • If Pars = “” Then
    • Fils = 5
    • Cols = 5
    • Else
  • Poder de los Scripts
    • Else
    • Pars = Replace(Pars,&quot;?&quot;,&quot;&quot;)
    • Pars = Replace(Pars,&quot;Fils=&quot;,&quot;&quot;)
    • Pars = Replace(Pars,&quot;Cols=&quot;,&quot;&quot;)
    • Pars = Replace(Pars,&quot;%26&quot;,&quot;&&quot;)
    • Pos = InStr(Pars,&quot;&&quot;)
    • Fils = CLng(Left(Pars,Pos-1))
    • Cols = CLng(Right(Pars,Len(Pars)-Pos))
    • End If
    • Document.Write “<H1>Esta tabla de “ & Fils & “x” & Cols & “ se construye dinámicamente</H1>”
    • </Script>
  • Poder de los Scripts
    • <Div Align=Center><Table Border=1 Width=80%>
    • <Script Language=“VBScript”>
    • Option Explicit
    • Dim i,j
    • For i=1 To Fils
    • Document.Write “<TR>”
    • For j=1 To Cols
    • Document.Write “<TD>&nbsp;</TD>”
    • Next
    • Next
    • </Script>
    • </Table></Div></Body></HTML>
    ej038.html