Java

DISEÑO DE PÁGINAS WEB CON CONTENIDOS MULTIMEDIA

DISEÑO DE PÁGINAS WEB CON CONTENIDOS MULTIMEDIA

El lenguaje HTML
Hasta ahora habéis hecho páginas HTML completas y vistosas

Introducción al Javascript
Pedro A. Castillo Valdivieso Universidad de Granada
Ceuta 9 - 13 Julio 2007 1

Una vez cargadas en el navegador no podemos interaccionar Sería útil poder interaccionar y programaracciones asociadas a ciertos elementos de la página

Ceuta 9 - 13 Julio 2007

2

DISEÑO DE PÁGINAS WEB CON CONTENIDOS MULTIMEDIA

DISEÑO DE PÁGINAS WEB CON CONTENIDOS MULTIMEDIA

Introducción al Javascript
Javascript es un lenguaje interpretado Desarrollo en web Ejecución de los programas en el navegador cliente: Es el navegador el que interpreta las instrucciones No hay intervención porparte del servidor
Ceuta 9 - 13 Julio 2007 3

Introducción al Javascript
Los programas se ejecutan en el navegador (cliente):

servidor

cliente
navegador

Ceuta 9 - 13 Julio 2007

4

DISEÑO DE PÁGINAS WEB CON CONTENIDOS MULTIMEDIA

DISEÑO DE PÁGINAS WEB CON CONTENIDOS MULTIMEDIA

¿Qué no es Javascript?
Javascript no es un lenguaje de propósito general. Pequeños trozos de programade unas pocas líneas de código.

Índice de la presentación
Introducción Sintaxis básica de Javascript

No da control a todos los recursos del ordenador Cómo trabajar con Javascript No podemos leer o escribir en disco, sólo acceder al documento HTML en el que va inmerso Javascript NO es Java
Ceuta 9 - 13 Julio 2007 5

Eventos. Objetos window y document Definición de matrices y objetosCeuta 9 - 13 Julio 2007 6

DISEÑO DE PÁGINAS WEB CON CONTENIDOS MULTIMEDIA

DISEÑO DE PÁGINAS WEB CON CONTENIDOS MULTIMEDIA

Sintaxis de Javascript
Toma su sintaxis de lenguajes de programación más conocidos C++ y Pascal Definición de variables: numero = 73; cadena = “contenido de la cadena”;
Ceuta 9 - 13 Julio 2007 7

Operaciones con cadenas y números
…con cadenas cad1 = “las cosas”;cad2 = “van mejorando”; cad3 = cad1 + cad2 ;
Hemos definido dos variables, una de tipo cadena y la otra de tipo numérico Se concatenan ambas cadenas y se guarda en cad3

…con variables numéricas num1 = 7; num2 = 2; num3 = num1 + num2 ;
Ceuta 9 - 13 Julio 2007

Se suman los valores y el resultado se guarda en num3
8

DISEÑO DE PÁGINAS WEB CON CONTENIDOS MULTIMEDIA

DISEÑO DE PÁGINAS WEBCON CONTENIDOS MULTIMEDIA

Índice de la presentación
Introducción Sintaxis básica de Javascript Cómo trabajar con Javascript Eventos. Objetos window y document Definición de matrices y objetos
Ceuta 9 - 13 Julio 2007 9

¿Cómo se usa Javascript?
variable = 45 * 3 ; cadena = “ un contenido “; ...
Ceuta 9 - 13 Julio 2007

Crearemos una página HTML e insertaremos el programa entreetiquetas y

La página HTML se interpreta y se muestra. Al encontrar los scripts, se ejecutan línea por línea
10

DISEÑO DE PÁGINAS WEB CON CONTENIDOS MULTIMEDIA

DISEÑO DE PÁGINAS WEB CON CONTENIDOS MULTIMEDIA

2 1

3

¿Cómo vamos a hacer los ejemplos?
Ceuta 9 - 13 Julio 2007 11 Ceuta 9 - 13 Julio 2007

4

12

DISEÑO DE PÁGINAS WEB CON CONTENIDOS MULTIMEDIA

DISEÑO DE PÁGINASWEB CON CONTENIDOS MULTIMEDIA

Sentencias en los programas
La asignación de valores a variables se hace como en C++ Veamos cómo mostrar mensajes y valores de variables y cómo realizar entradas de datos: alert(“ un mensaje en una ventana “); ...
Ceuta 9 - 13 Julio 2007

Probar el primer ejemplo...
esta página mostrará un mensaje en una ventana variable = 1; alert(“mensaje en laventana” + variable);
La sentencia ALERT muestra una ventana 13 con el mensaje Crear una página HTML. El navegador ejecuta las sentencias del JS y muestra el mensaje.
14

Ceuta 9 - 13 Julio 2007

DISEÑO DE PÁGINAS WEB CON CONTENIDOS MULTIMEDIA

DISEÑO DE PÁGINAS WEB CON CONTENIDOS MULTIMEDIA

Probar el segundo ejemplo...
Contenido escrito directamente en la página variable = 1;...