SlideShare una empresa de Scribd logo

Clase06

•Descargar como PPT, PDF•
•
Leonel Morales Díaz
Leonel Morales Díaz

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.

TecnologíaEducación
1 de 12
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 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Uso de Scripts ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Ejemplo ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],ej036.html
Una Página Sencilla ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],ej037.html
Elementos de la Instrucción Document.Write “<P Align=Center><B>¡Hola a Todos!</B></P>” ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Elementos de la Instrucción Document.Write “<P Align=Center><B>¡Hola a Todos!</B></P>” ,[object Object],[object Object],[object Object],[object Object]
Flujo de la Ejecución ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],1. Se procesa lo “estático” 2. Se procesa el script 3. Se procesa lo “estático” de después del script
Ejemplo ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Poder de los Scripts ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Poder de los Scripts ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Poder de los Scripts ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],ej038.html

Recomendados

Clase22
Clase22Clase22
Clase22
Leonel Morales Díaz
 
Html2
Html2Html2
Html2
Jose Benavente
 
Jess
JessJess
Jess
JORGE
 
Diseño web
Diseño webDiseño web
Diseño web
Maria del mar Torres
 
Htm lpowerpoint
Htm lpowerpointHtm lpowerpoint
Htm lpowerpoint
Maribel Ruiz
 
Htm lpowerpoint
Htm lpowerpointHtm lpowerpoint
Htm lpowerpoint
GREEN GARDEN
 
Paginak nola sortu
Paginak nola sortuPaginak nola sortu
Paginak nola sortu
zaporra
 
Taller html
Taller htmlTaller html
Taller html
Renzo Silva Miranda
 

Recomendados

Clase22
Clase22Clase22
Clase22
Leonel Morales Díaz
 
Html2
Html2Html2
Html2
Jose Benavente
 
Jess
JessJess
Jess
JORGE
 
Diseño web
Diseño webDiseño web
Diseño web
Maria del mar Torres
 
Htm lpowerpoint
Htm lpowerpointHtm lpowerpoint
Htm lpowerpoint
Maribel Ruiz
 
Htm lpowerpoint
Htm lpowerpointHtm lpowerpoint
Htm lpowerpoint
GREEN GARDEN
 
Paginak nola sortu
Paginak nola sortuPaginak nola sortu
Paginak nola sortu
zaporra
 
Taller html
Taller htmlTaller html
Taller html
Renzo Silva Miranda
 
Clase09
Clase09Clase09
Clase09
Leonel Morales Díaz
 
Clase18
Clase18Clase18
Clase18
Leonel Morales Díaz
 
Aliceensenandoprogramacion
AliceensenandoprogramacionAliceensenandoprogramacion
Aliceensenandoprogramacion
Leonel Morales Díaz
 
Clase07
Clase07Clase07
Clase07
Leonel Morales Díaz
 
Clase12
Clase12Clase12
Clase12
Leonel Morales Díaz
 
Scratchprogramacion
ScratchprogramacionScratchprogramacion
Scratchprogramacion
Leonel Morales Díaz
 
Clase16
Clase16Clase16
Clase16
Leonel Morales Díaz
 
Clase15
Clase15Clase15
Clase15
Leonel Morales Díaz
 
Justificacionusabilidad
JustificacionusabilidadJustificacionusabilidad
Justificacionusabilidad
Leonel Morales Díaz
 
Clase20
Clase20Clase20
Clase20
Leonel Morales Díaz
 
Traduccion Por Sintaxis
Traduccion Por SintaxisTraduccion Por Sintaxis
Traduccion Por Sintaxis
Leonel Morales Díaz
 
Clase17
Clase17Clase17
Clase17
Leonel Morales Díaz
 
Clase05
Clase05Clase05
Clase05
Leonel Morales Díaz
 
Clase08
Clase08Clase08
Clase08
Leonel Morales Díaz
 
Clase14
Clase14Clase14
Clase14
Leonel Morales Díaz
 
Clase01
Clase01Clase01
Clase01
Leonel Morales Díaz
 
Análisis Sintactico Predictivo No Recursivo
Análisis Sintactico Predictivo No RecursivoAnálisis Sintactico Predictivo No Recursivo
Análisis Sintactico Predictivo No Recursivo
Leonel Morales Díaz
 
Traducción Dirigidapor Sintaxis
Traducción Dirigidapor SintaxisTraducción Dirigidapor Sintaxis
Traducción Dirigidapor Sintaxis
Leonel Morales Díaz
 
Queesusabilidadppt
QueesusabilidadpptQueesusabilidadppt
Queesusabilidadppt
Leonel Morales Díaz
 
Clase23
Clase23Clase23
Clase23
Leonel Morales Díaz
 
Curso Html
Curso HtmlCurso Html
Curso Html
Erika Clara Gutiérrez Franco
 
Html Y Javascript
Html Y JavascriptHtml Y Javascript
Html Y Javascript
oswchavez
 

Más contenido relacionado

Destacado

Destacado (20)

Clase09
Clase09Clase09
Clase09
 
Clase18
Clase18Clase18
Clase18
 
Aliceensenandoprogramacion
AliceensenandoprogramacionAliceensenandoprogramacion
Aliceensenandoprogramacion
 
Clase07
Clase07Clase07
Clase07
 
Clase12
Clase12Clase12
Clase12
 
Scratchprogramacion
ScratchprogramacionScratchprogramacion
Scratchprogramacion
 
Clase16
Clase16Clase16
Clase16
 
Clase15
Clase15Clase15
Clase15
 
Justificacionusabilidad
JustificacionusabilidadJustificacionusabilidad
Justificacionusabilidad
 
Clase20
Clase20Clase20
Clase20
 
Traduccion Por Sintaxis
Traduccion Por SintaxisTraduccion Por Sintaxis
Traduccion Por Sintaxis
 
Clase17
Clase17Clase17
Clase17
 
Clase05
Clase05Clase05
Clase05
 
Clase08
Clase08Clase08
Clase08
 
Clase14
Clase14Clase14
Clase14
 
Clase01
Clase01Clase01
Clase01
 
Análisis Sintactico Predictivo No Recursivo
Análisis Sintactico Predictivo No RecursivoAnálisis Sintactico Predictivo No Recursivo
Análisis Sintactico Predictivo No Recursivo
 
Traducción Dirigidapor Sintaxis
Traducción Dirigidapor SintaxisTraducción Dirigidapor Sintaxis
Traducción Dirigidapor Sintaxis
 
Queesusabilidadppt
QueesusabilidadpptQueesusabilidadppt
Queesusabilidadppt
 
Clase23
Clase23Clase23
Clase23
 

Similar a Clase06

Html Y Javascript
Html Y JavascriptHtml Y Javascript
Html Y Javascript
oswchavez
 
Html Y Javascript
Html Y JavascriptHtml Y Javascript
Html Y Javascript
oswchavez
 
Front End - Maquetación xhtml + css
Front End - Maquetación xhtml + cssFront End - Maquetación xhtml + css
Front End - Maquetación xhtml + css
zara hormazabal
 
Qué es html
Qué es htmlQué es html
Qué es html
edujoso
 
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es HtmlC:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
edujoso
 
Jess
JessJess
Jess
JORGE
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
zenirod
 
Codigos HTML Continuación
Codigos HTML ContinuaciónCodigos HTML Continuación
Codigos HTML Continuación
guestc906c2
 
Cont clase de lenguaje IV
Cont clase de lenguaje IVCont clase de lenguaje IV
Cont clase de lenguaje IV
guestc906c2
 

Similar a Clase06 (20)

Curso Html
Curso HtmlCurso Html
Curso Html
 
Html Y Javascript
Html Y JavascriptHtml Y Javascript
Html Y Javascript
 
Html Y Javascript
Html Y JavascriptHtml Y Javascript
Html Y Javascript
 
Practica Html1
Practica Html1Practica Html1
Practica Html1
 
Front End - Maquetación xhtml + css
Front End - Maquetación xhtml + cssFront End - Maquetación xhtml + css
Front End - Maquetación xhtml + css
 
Qué es html
Qué es htmlQué es html
Qué es html
 
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es HtmlC:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
 
Html
HtmlHtml
Html
 
HTML
HTMLHTML
HTML
 
HTML
HTMLHTML
HTML
 
Conociendo php (201009)
Conociendo php (201009)Conociendo php (201009)
Conociendo php (201009)
 
Practica Html2
Practica Html2Practica Html2
Practica Html2
 
Jess
JessJess
Jess
 
Diapo02
Diapo02Diapo02
Diapo02
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 
Codigos HTML Continuación
Codigos HTML ContinuaciónCodigos HTML Continuación
Codigos HTML Continuación
 
HTML
HTMLHTML
HTML
 
Cont clase de lenguaje IV
Cont clase de lenguaje IVCont clase de lenguaje IV
Cont clase de lenguaje IV
 
Tpd 03
Tpd 03Tpd 03
Tpd 03
 
Qué es xhtml
Qué es xhtmlQué es xhtml
Qué es xhtml
 

Último

Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
JohnRamos830530
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
nicho110
 

Último (10)

How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 

Clase06

  • 1. 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
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.